Kullandığınız her ekran birileri tarafından tasarlandı: bir bankacılık uygulamasının ana ekranı, bir arama kutusu, bir ayarlar sayfası. UI tasarımı, bu ekranların nasıl düzenleneceğine, her bir kontrolün neye benzeyeceğine ve ona dokunduğunuzda nasıl tepki vereceğine karar veren disiplindir.
Bir kullanıcı arayüzü tasarımcısı birkaç yapı taşıyla çalışır. Düzen ve aralık, ilgili şeyleri bir arada gruplandırır. Görsel hiyerarşi en önemli eylemi öne çıkarır. Tipografi ve renk anlam ve marka taşır. Düğmeler, girişler, kartlar ve menüler gibi bileşenler bir kez tasarlanıp yeniden kullanılabilir, böylece ürün tutarlı görünür.
Her bileşenin ayrıca durumları vardır. Bir düğmenin varsayılan, vurgulu, basılmış, odaklanmış, devre dışı ve yükleme durumları vardır ve her birinin bir tasarıma ihtiyacı vardır. Durumları dışarıda bırakmak, bir tasarımın modelde bitmiş gibi görünmesine karşın gerçek üründe bozukmuş gibi görünmesinin en yaygın nedenlerinden biridir.
Etkileşim ve hareket de kullanıcı arayüzünün bir parçasıdır. Genellikle mikro etkileşimler olarak adlandırılan küçük yanıtlar, bir dokunuşun çalıştığını doğrular, ilerlemeyi gösterir veya bir şeyin nereye gittiğini açıklar. Hızlı ve amaca yönelik olmalı ve hareketin azaltılmasına yönelik sistem ayarlarına saygı gösterilmelidir.
Günümüzde çoğu kullanıcı arayüzü tasarımı Penpot, Sketch ve Lunacy'in ortak alternatifleri olduğu Figma'te gerçekleşmektedir. Tasarımcılar, bitmiş uygulamada gerçek verilere ve girdilere tepki vermesi gereken arayüzler için etkileşimli araçlar da kullanıyor. Bizim yaptığımız ExodeUI bunlardan biridir: durumları, bahar fiziğini ve olayları React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ve Flutter'te çalışan tek bir açık dosyada saklar.