Konuyu Açan
#1
Yapay zekâya “modern bir ayarlar sayfası yap” deyince ilk ekran çoğu zaman etkileyici görünüyor; sorun, ikinci ekranda butonların, boşlukların ve renklerin bambaşka bir dile dönüşmesi. Bence iyi sonuç için modele tek tek sayfa tarif etmekten çok, küçük ama net bir tasarım sistemi vermek gerekiyor.
Örneğin başlamadan önce renkleri ve ölçüleri değişkenlerle tanımlayıp bileşen kurallarını açıkça belirtmek işe yarıyor: ana renk nerede kullanılacak, kartların köşe yuvarlaklığı ne olacak, hata mesajı nasıl görünecek? “Buton yap” yerine “birincil buton ana rengi kullansın; ikincil buton çerçeveli olsun; ikisi de klavye odağında belirgin bir durum göstersin” demek çok daha tutarlı kod üretiyor.
İkinci adımda tek seferde bütün ürünü istemek yerine önce ortak bileşenleri üretmesini, sonra aynı bileşenleri farklı ekranlarda kullanmasını istiyorum. Böylece düzeltmeler de kolaylaşıyor: bir kartın iç boşluğunu değiştirmek için her sayfayı ayrı ayrı elden geçirmek gerekmiyor.
Son olarak ekran görüntüsünü inceleyip “daha güzel yap” demek yerine, “başlık ile form arasındaki boşluk fazla, mobilde içerik taşıyor” gibi ölçülebilir geri bildirim vermek daha verimli.
Siz AI ile arayüz geliştirirken önce tasarım tokenlarını mı tanımlıyorsunuz, yoksa ekran üzerinden ilerleyip sistemi sonradan mı toparlıyorsunuz?
Örneğin başlamadan önce renkleri ve ölçüleri değişkenlerle tanımlayıp bileşen kurallarını açıkça belirtmek işe yarıyor: ana renk nerede kullanılacak, kartların köşe yuvarlaklığı ne olacak, hata mesajı nasıl görünecek? “Buton yap” yerine “birincil buton ana rengi kullansın; ikincil buton çerçeveli olsun; ikisi de klavye odağında belirgin bir durum göstersin” demek çok daha tutarlı kod üretiyor.
İkinci adımda tek seferde bütün ürünü istemek yerine önce ortak bileşenleri üretmesini, sonra aynı bileşenleri farklı ekranlarda kullanmasını istiyorum. Böylece düzeltmeler de kolaylaşıyor: bir kartın iç boşluğunu değiştirmek için her sayfayı ayrı ayrı elden geçirmek gerekmiyor.
Son olarak ekran görüntüsünü inceleyip “daha güzel yap” demek yerine, “başlık ile form arasındaki boşluk fazla, mobilde içerik taşıyor” gibi ölçülebilir geri bildirim vermek daha verimli.
Siz AI ile arayüz geliştirirken önce tasarım tokenlarını mı tanımlıyorsunuz, yoksa ekran üzerinden ilerleyip sistemi sonradan mı toparlıyorsunuz?