Küçük parçalar, sıkı kurallar
Bu dahili bileşen seti, her içerik parçasını karta dönüştürmeden sayfalara yapı kazandırıyor. Üst üste gelen kutular ve gölgeler yerine satırlar ve ince çizgiler kullanıyor. Liste satırları, etiket-değer çiftleri, chip'ler, butonlar ve kartlar ayrı bir görsel sistem kurmak yerine sayfanın ritmini paylaşıyor.
Bu sınır bilinçli bir karar. Her bileşen kendi iç boşluğunu, kenarlığını ve vurgu düzenini ürettiğinde sayfa kısa sürede küçük arayüzler toplamına dönüşüyor. Burada önce boşluk ve renk ilişkilerini sayfa belirliyor. Bileşenler bu ilişkilerin içinde çalışıyor.
tokenlar:
renk: kâğıt, mürekkep, vurgu
ritim: çerçeve, ana
tipografi: başlık, gövde, monoToken'lar kullanılabilir görsel dili belirliyor
Token seti küçük: renk için kâğıt, mürekkep ve vurgu; ritim için çerçeve ve ana; tipografi için başlık, gövde ve mono. Bileşen, yalnızca tek bir ekran ihtiyaç duyuyor diye benzer bir değer daha eklemek yerine bu sözlükten seçim yapıyor.
Her renk belirli bir görev taşıyor. Mürekkep ana okuma içeriğini, vurgu meta veri veya öne çıkarılan bilgiyi, kâğıt ise ortak yüzeyi tanımlıyor. Boşluklama da aynı disipline uyuyor; böylece yan yana gelen bileşenler farklı içerikler taşısa bile hizasını koruyor.
Yeniden kullanım, kompozisyonla başlıyor
Bir bileşeni yalnızca tek başına değil; satır, bölüm ve tam sayfa içinde değerlendiriyorum. Bir buton kendi başına anlaşılır olup çevresindeki ritmi yine de bozabilir. Bir kart içeriğini taşıyıp sayfanın ihtiyaç duymadığı bir kenarlık daha ekleyebilir. Bu nedenle kompozisyonu bileşen kararının parçası olarak ele alıyorum.
Uygulama sırası da bunu izliyor: ortak token'ları tanımlamak, sayfa ritmini kurmak, ardından tekrar eden içerik desenlerinin gerektirdiği en küçük parçaları geliştirmek. Bir yapının bileşene dönüşmesi için tekrar etmesi gerekiyor. Tek seferlik bir düzen, kuralları belirginleşene kadar sayfaya özel kalabiliyor.
Neden yeniden kullanılabilir
Her bileşen rengini, tipografisini ve boşluklarını aynı token setinden alıyor. Yeni sayfalar bu parçaları farklı yoğunluklarda birleştirirken başka bir görsel lehçe üretmiyor. Sistem, tutarlılığın gerekli olduğu alanlarda çeşitliliği sınırladığı ve tam içerik bağlamına sahip yerleşim kararlarını sayfaya bıraktığı için kullanışlı kalıyor.
Çalışma neyi gösteriyor
Bu çalışma küçük ölçekte sistem tasarımını gösteriyor. Yeniden kullanılabilirlik, bir bileşeni her yönde ayarlanabilir kılmaktan gelmiyor. Her parçaya net bir görev, sınırlı bir sözlük ve çevresindeki içerikle öngörülebilir ilişkiler vermekten geliyor.