Tasarım tokenı
Tasarım tokenı, adlandırılmış bir tasarım kararını saklar. Aynı değer farklı bileşenlerde kullanılabilir ve belirli bir noktadan değiştirilebilir.
Tasarım değerlerini anlamlı adlarla tanımlamak
Tasarım tokenı; renk, aralık veya yazı boyutu gibi adlandırılmış bir tasarım kararıdır. Aynı değeri birçok yere yazmak yerine bileşenler ortak bir ada başvurur. Bir token başka bir tokena da başvurabilir.
Basitleştirilmiş bir örnekte color-text-primary normal metin rengini temsil eder. Müşteri listesi ve sipariş kutusu bu adı kullanır. Bağlı değer değiştiğinde değişiklik, ilgili derleme veya güncelleme süreci üzerinden iki görünüme de ulaşabilir.
Ad ve değer, henüz tamamlanmış bir arayüz bileşeni değildir. Düğmenin kullanımını veya formun iş kurallarını belirlemez. Tasarım dosyasındaki değişiklik de ancak araçlar arasında aktarım gerçekten kurulmuşsa uygulama koduna ulaşır.
Kaynaklar
İlgili terimler
- Tasarım sistemiTasarım sistemi; tasarım kurallarını, tekrar kullanılabilir bileşenleri ve kullanım rehberini birleştirir. Bakım ve değişikliklerin takibi de gerekir.
- Arayüz bileşeniArayüz bileşeni, kullanıcı arayüzünün tekrar kullanılabilir bir parçasıdır. Görevine göre görünümü ve gerekli etkileşim davranışını kapsar.
- Tasarım teslimiTasarım tesliminde taslak, geliştirme ekibine aktarılır. Durumlar, davranış ve açık kararlar anlaşılır biçimde belgelenmelidir.
- Bileşen varyantıBileşen varyantı, ortak bir bileşenin tanımlı biçimidir. Geçici kullanım durumundan farklıdır; örneğin birincil ve ikincil düğmeler ayrılabilir.
- Bileşen kütüphanesiBileşen kütüphanesi, yeniden kullanılabilir arayüz parçalarını bir araya getirir. Kullanımda davranış, varyantlar ve doğru sürüm de önemlidir.
Bu konudaki yazılar
Projeniz ASES ile
Projenizi bize anlatın. İlk değerlendirmemizle size dönelim.