Yapay zekanın ürettiği UI neden bir yerlerde garip duruyor — tutarlılık (coherence)

 (dev.to)
21 puan yazan bitjaru0402 1 일 전 | 7 yorum | WhatsApp'ta paylaş

UI işini yapay zekaya verdiğinizde bileşenler tek tek düzgün görünür ama bir araya gelince "üretilmiş" hissi verir.
Bunun nedeni çirkin parçalar değil, parçaların birbiriyle uyuşmaması — yani tutarlılığın olmamasıdır.
Çözüm ise beklenmedik biçimde basit — her eksen için (köşeler, vurgu rengi, boşluk, gölge) yalnızca tek bir değer belirleyip her şeyi ona uydurmak.
Refactoring UI, Material 3, Apple HIG ve WCAG temeliyle + kopyala-yapıştır CSS ile derlendi.
Doğrudan görebileceğiniz demo: https://styleseed-demo.vercel.app/how-it-thinks
Açık kaynak (MIT): https://github.com/bitjaru/styleseed

İlgili okumalar

7 yorum

 
bluekai17 17 시간 전

Toss UX writing’inin de belgelenmesi güzel olurdu.
 
bitjaru0402 14 시간 전

Hazırlayacağım.
 
toida 18 시간 전

Bir bakıma barizmiş gibi geliyor ama düşünmediğim bir noktaydı; uygulanırsa çok şeyin iyileşeceğini düşündüğüm için umut verici görünüyor.
 
bitjaru0402 14 시간 전

Deneyip geri bildiriminizi GitHub'a özgürce bırakın lütfen!
 
bluekai17 23 시간 전

Tasarım sistemi zaten kurulmuş durumdayken yalnızca agent kuralları uygulanamaz mı?
 
bitjaru0402 23 시간 전

Evet, kuralları tek başına kullanabilirsiniz.

StyleSeed kuralları belirli renkleri ya da bileşenleri dayatmaz; yalnızca "böyle durumlarda şöyle" türünde
karar ölçütleri içerdiği için mevcut sistemin üzerine aynen eklenebilir.

Kurulum gerekmeden tek bir cümle yeterli:
"https://styleseed-demo.vercel.app/llms.txt dosyasını oku ve bu tasarım kurallarını uygula"

Mevcut tasarımı sistematik hale getirmek istiyorsanız, daha önce verdiğiniz kararları (boşluk, köşe yuvarlaklığı, vurgu rengi vb.)
o dosyaya satır satır yazın. Ajan bunları her yeni ekranda yeniden kullanır ve
zamanla tutarlı bir sistem gibi oturur. Temel kurallar bir başlangıç noktasıdır; uymayanları düzenleyip kullanabilirsiniz.
 
bluekai17 23 시간 전

Çok yardımcı oldu. Teşekkür ederim.