Bir müzik aracının varsayılan görünümü, insanların onunla yaptığı müziğin türünü belirler. Siyah-mor bir synth aracı insanları synth parçalarına yönlendirir. Sıcak kâğıt görünümlü bir folk aracı onları folk parçalarına yönlendirir. Biz aisonggen'in tür konusunda tarafsız hissetmesini istedik, bu yüzden ön kapıda eşit duran dört teması var.
Karar kıldığımız dört ruh hali
- Sonic Teal — soğuk, klinik varsayılan. Gece yarısından sonra bir mastering stüdyosunun içi gibi görünür. Ambient, techno için, şarkının hikâyeden çok mimari olduğu her şey için en iyisi.
- Neon Orange — gürültülü, sıcak olanı. Marka varsayılanı. Gece 02.00'da bir kulüp çıkışı gibi görünür. Trap, hyperpop için, enerjinin ana mesele olduğu her şey için en iyisi.
- Studio Black — sessiz pahalı olanı. Kömür ve altın. Deriden yapılmış bir gitar amfisi gibi görünür. Caz, soul, ciddiye alınmak isteyen söz yazarı performansları için en iyisi.
- Electric Magenta — eğlenceli olanı. Pembe ve krom. Bir Y2K müzik klibinin içi gibi görünür. Pop, dans, şakanın açık olmasına izin verilen her şey için en iyisi.
Temaların bize maliyeti
Tek bir tema için tasarım yapmak; kontrast, hiyerarşi ve vurgu
üzerine binlerce küçük karardır. Dört için tasarım yapmak aynı
binlerce karardır, dört kez — ve hepsi aynı bileşene bozulmadan
oturmak zorundadır. Bunu yönetilebilir kılmamızın yolu, her rengi
bir token sistemine taşımak oldu, böylece bileşenlerin kendisi
asla bir hex koduna ulaşmaz, yalnızca bir role ulaşır:
--primary, --accent, --bg-elevated. Temalar
değerleri değiştirir; bileşenler hiç değişmez.
Bize ne kazandırdı
Beklemediğimiz şey: insanlar temaları kişisel zevklerine göre değil, tür bağlamına göre seçmeye başladı. Trap beat üzerinde çalışan bir prodüktör, varsayılanı Sonic Teal olsa bile Neon Orange'a geçiyordu. Tema değiştirici bir ayarlar açılır menüsü olmaktan çıkıp iş akışının bir parçası haline geldi — yazmakta olduğunuz şarkı için odayı doğru ruh haline sokmanın bir yolu.
Erişilebilirlik notu
Dört temanın tamamı metin kontrastı ve odak halkalarında WCAG AA'yı karşılar. Hiçbiri durum için yalnızca renge dayanmaz — her aktif durum aynı zamanda şekil, ağırlık ya da konum değiştirir. Sonic Teal ile Neon Orange arasındaki renk farkını göremeyen bir kullanıcı yine de bir düğmenin basılı olduğunu anlayabilmelidir.