Kullanıcı Arayüzü Tasarımına Giriş

UI Tasarımına Giriş

“Merhaba! Kursun sonuna ulaştınız. Kurs boyunca size UI'nin bu harika dünyasını çevreleyen birçok deneyim ve duyguyu anlattım, günün sonunda her şeyin nasıl ödüllendirici bir deneyime dönüştüğünü anlattım, bu beni sadece konu hakkında daha fazlasını öğrenmeye yöneltmedi, ama aynı zamanda onun hakkında her gün daha fazla şey öğrenmek istiyorum. Bu topluluğun her geçen gün büyüdüğüne ve kullanıcı arayüzlerinde giderek daha iyi sonuçlara ulaşmanın anahtarının bildiklerimizi paylaşmak olduğuna inanıyorum. Bu yüzden bu yolda öğrendiğim her şeyi her fırsatta sizlerle paylaşıyorum. Ama şimdi bu yolculuğa başlamanın zamanı geldi, kendi projenize başlamanın zamanı geldi! Bu süreçte size yardımcı olmak için, kendiminkini oluştururken izlediğim adımları paylaşıyorum. Göreceğiz! Aracınızı seçin Projenizi oluşturmak için kullanabileceğiniz çok çeşitli araçları size gösterdim. Benim durumumda Figma'yı seçtim, bu aracı kullanmaya karar vermemin nedenlerinden bazılarını size anlattım. Ama siz dilediğinizi kullanabilirsiniz, hangisinde kendinizi en iyi ve rahat hissediyorsanız onu kullanmanızı tavsiye ederim.

Tasarım sürecinize başlayın! Herhangi bir yola çıkmadan önce ne istediğinizi veya nereye gitmek istediğinizi bilmeniz önemlidir. Size temel konulardan bazılarının şunlar olduğunu öğrettim: sorunu anlamak ve kullanıcı hakkında düşünmek. Takım olarak çalışmak zorunda kalacağınız zamanlar olacağını unutmayın! Programcılarla iletişim kurmaktan korkmayın, fikriniz net olursa sizi anlamaları daha kolay olacaktır. Karşılaştırma ölçütünüz Arayüz oluşturmaya başlamak için size kıyaslamalarınızı nasıl oluşturacağınızı gösterdim. Bu durumda bunu “Freshi” için yaptım. Size iki türün nasıl yapılacağını göstereceğim; ilki markamın halihazırda sahip olduğu ürünleri dikkate alıyor, ikincisi ise yalnızca tasarıma odaklanıyor. Tel Çerçeveler Tel çerçevelerimi oluşturmaya başladım ve fikirlerimizi hayata geçirmek için bunları nasıl kullanacağınızı size gösterdim. Şu cümleyi her zaman aklınızda tutmanızı öneririm: “Neyi iletmek istiyorum?” Yapıyı ve bilgiyi düşünün! Mükemmel olmasına gerek yok, benim yaptığım gibi bir parça kağıt ve kalem alarak başlayabilirsiniz. O zaman onları mükemmelleştirmek için zamanınız olacak. Bazı harfler buraya ve diğer harfler buraya Projem için tipografiyi boyut, ağırlık ve hatta metin türleri gibi konuları dikkate alarak seçtim. Uyumun öneminden ve tipografi ile bunun nasıl sağlanacağından bahsettim, çünkü bu bunun %80'ini tanımlıyor. Düzenler kutu modellerini tasarlamaya başladım ve alanları optimize etmek için bunları nasıl kullanacağınızı size gösterdim. Ayrıca duyarlı web sitemiz için gerekli hiyerarşileri de oluşturdum. Renkler nasıl kullanılır? Daha sonra projeme en uygun renkleri seçebilmek ve renk paletimi tanımlayabilmek için RGB renklerini kullandım. Dijital renklerin farklı çalıştığını unutmayın, bu nedenle bunu her zaman RGB renklerini hesaba katarak yapmanız önemlidir. Simgeler Hepsinin aynı aileden olduğunu dikkate alarak projeme uygun ikonları aradım. Simgeler bin kelimeden fazlasını anlatabilir, en iyisini bulana kadar aramaktan vazgeçmemeniz önemlidir. Düğmelerinizi yapın! Size uygun düğmelerin nasıl oluşturulacağını gösterdim. Birincil, ikincil veya üçüncül düğmeler olmalarını isteyip istemediğimi dikkate alarak benimkini yaptım. Listeler ve kartlar Son olarak belirli özellikleri paylaşan bazı ürünlerin listesini yaptım. Ayrıca kullanıcıya göndermem gereken bilgileri iletmek için gerekli her şeyi içerdiğinden emin olmak için bazı kartlar da hazırladım. Giriş bilgilerinizi tasarlayın! Projem için hem bilgisayar hem de mobil sürümü için oturum açma işlemlerini yaptım. İşte bu kadar, duyarlı web siteniz zaten var! Ne zaman bir projeye başlasanız, kendinize sürekli olarak "neden" sorusunu sormanızı öneririm; bu, yaratmak istediğiniz şeyin herhangi bir sorunu çözüp çözmediğini belirlemenize çok yardımcı olacaktır. Size verebileceğim en iyi tavsiye merakınızı her zaman canlı tutmanızdır, böylece her zaman öğrenebilir, bilir ve yeni bir maceraya başlarken kendinizi daha rahat hissedersiniz. Bu yeni kursu sizlerle paylaşmak bana büyük mutluluk verdi, umarım aklınızdaki tüm fikirleri oluşturmanıza veya sadece bazı şüphelerinizi netleştirmenize yardımcı olmuştur. Bitirme projenizin sonucunu paylaşmayı unutmayın! Peru'dan kocaman bir kucaklama! 🇵🇪 ”

Videonun kısmi transkripsiyonu

“Merhaba. bu derste kursta gördüğümüz konuların kısa bir tekrarını yapacağız. İlk birimde bir UI Tasarımcısının sahip olması gereken zihniyetten bahsettik ve bu kariyerde sürekli öğrenmenin ne kadar olduğunu anlattık. Sonra sana dijital bir ürün tasarım sürecini öğrettim ve kullanabileceğin araçları gösterdim. Figma gibi. Projelerine başlamak için Sketch veya Adobe XD kullanabilirsin. Ardından ilham kaynakları. benchmark çalışmaları ve Y-Friends'in önemi üzerinde durduk. Tasarımcıların bilmesi gereken kavramları ele almak için iki birim ayırdık. Tipografi. renk. yerleşim ve simgeler gibi. Ay...”

Bu transkript otomatik olarak oluşturulduğundan hatalar içerebilir.

Şunun için kurs özeti: Kullanıcı Arayüzü Tasarımına Giriş

• Seviye: Acemi
• 95% olumlu yorumlar ( 341 )
• 1 öğrenci
• 1 ünite
• 1 ders ( 2h 30m )
• 1 indirme

• Kategori

  Web & App Tasarımi

• Alanlar

  Etkileşimli Tasarım, Mobil Tasarım, Tasarım, Uygulama Tasarımı, Web Tasarımı