Stil kılavuzu işlerin nasıl görünmesi gerektiğini anlatır. Tasarım sistemi nasıl göründüğüne karar verir, çünkü üretim onu okur. Fark söz dağarcığında değil; acelesi olan birinin bir değeri kimse fark etmeden ezip ezemeyeceğindedir.
Tipik çöküş
Alışıldık sistem, tasarım dosyasında bir bileşen kümesi ve kodda ayrı bir bileşen kümesidir; ikisini bir insan bağlar. O insan ayrılır ya da yoğunlaşır ve ikisi ayrışır. Altı ay sonra üretimdeki butonun köşe yarıçapı dosyadakinden farklıdır ve hangisinin doğru olduğunu kimse söyleyemez, çünkü hiçbiri yetkili değildir.
İki katman, tek kaynak
Yapısal çözüm, ilkelleri anlamdan ayırmaktır. İlkeller ham kararlardır: bir renk rampası, bir boşluk ritmi, bir tipografi ölçeği, üç yumuşatma eğrisi. Anlamsal tokenlar bu ilkellerin üstlendiği rolleri adlandırır: yüzey, çizgi, mürekkep, sinyal, odak. Bileşenlerin yalnızca anlamsal katmanı okumasına izin verilir.
Kazanç şudur: kimlik veriye dönüşür. Marka değiştirmek, bileşenleri düzenlemek değil, anlamsal adların arkasındaki değerleri değiştirmek demektir. Böyle kurulan bir sistem, tek bir bileşen yeniden yazılmadan çok farklı iki kimliği taşıyabilir.
Sistem dediğimiz şey durumlardır
Bir yapımı yarım hissettiren şey neredeyse hiçbir zaman varsayılan durum değildir. Eksik olanlardır. Gerçek bir sistemdeki her bileşen tam kümeyle gelir:
- Varsayılan — durağan hâlde nasıl göründüğü.
- Üzerine gelme ve odak — ayrı ayrı, çünkü klavye kullanan biri fare kullanan biri değildir.
- Basılı — basmaya verilen fiziksel yanıt; yoksa arayüz ölü hissettirir.
- Yükleniyor — dönen bir çark değil, dönüşeceği içeriğin biçiminde.
- Boş — yeni bir hesabın ilk gördüğü ve çoğu sistemin unuttuğu durum.
- Hata — somut, yerinde ve arayüzün kendi sesiyle yazılmış.
Erişilebilirliğin yeri ilkellerdir
Kontrast en sonda kontrol edilirse, düzeltmek tasarımı değiştirir; yani tasarım hiç bitmemiştir. Mürekkep ve yüzeyi, her çiftin tutması gereken oranla birlikte tanımlayın; o zaman kontrastı düşen bir tema, pahalıya keşfedilen değil, en baştan eklenemeyen bir şey olur.
Aynısı hareket için de geçerli. Tek bir kural — yalnızca transform ve opacity animasyon alır, hareket azaltıldığında her şey kapanır — bir sayfalık animasyon rehberinden daha değerlidir, çünkü uygulanması zorunlu kılınabilir.
Sizinki altyapı mı, nasıl anlarsınız
Tek soru yeter: biri tek bir yeni tasarım kararı vermeden yeni bir sayfa ekleyebiliyor mu? Evetse bir sisteminiz var. Yanıt bir dosya açıp değer kopyalamayı içeriyorsa, fazladan adımları olan bir stil kılavuzunuz var.