Videodaki 3 UI tasarım kuralı
Arayüzü toparlayan üç basit tasarım kuralı. Bu bir yazılım değil, bir tasarım tavsiyesi. Uygulama ekranına derinlik hissi vermek için üç katman, tıklanabilir öğeleri ayırmak için tek bir sinyal rengi ve kontrast için büyük-küçük uçlarda bir tip ölçeği öneriyor. Video, bu kuralları yapay zekâya ya da geliştiriciye iletmenizi istiyor.
Uygulamasının arayüzü 'bir türlü oturmuyor' diyen geliştiriciler ve yapay zekâya ekran tasarlatanlar.
Nasıl kullanılır?
4 adımKural 1 — üç katman: ekranda zemin, kart ve öne çıkan öğe olmak üzere üç derinlik seviyesi kullan. Böylece arayüz düz bir kâğıt gibi durmaz.
Kural 2 — tek sinyal rengi: tıklanabilir her şey tek bir renkte olsun, başka hiçbir şey o renkte olmasın. Kullanıcı nereye basacağını renkten anlar.
Kural 3 — uçlarda tip ölçeği: başlıkları belirgin biçimde büyük, yardımcı metinleri belirgin biçimde küçük yap. Ortada toplanan boyutlar kontrastı öldürür.
Bu üç kuralı tek paragraf halinde yapay zekâya ver; ürettiği ekranlar daha derli toplu çıkar.
yani: örneğin Claude'a.
Bu proje tarayıcıda denenmiyor; kurulum gerekiyor. Yukarıdaki adımlar tam da bunun için.