Kurumsal renk seçimi: kaç renk yeter ve nerede kullanılır?
Renk paleti seçmek zevk meselesi gibi görünüyor ama pratikte bir sistem kurmanız gerekiyor. Kaç renge ihtiyacınız olduğunu, hangisini nerede kullanacağınızı ve koyu temayı nasıl kuracağınızı anlatıyorum.
Müşteriler genelde şöyle başlıyor: "Mavi olsun ama canlı bir mavi, yanında turuncu da olabilir, biraz yeşil de güzel durur." Üç canlı renk yan yana gelince hiçbiri öne çıkmıyor.
İyi bir palette az renk olur ve her rengin bir görevi vardır.
Kaç renk gerekir?
Bir vurgu rengi
Markanızın rengi. Düğmelerde, bağlantılarda ve dikkat çekmesi gereken yerlerde kullanılır. Bu renkten yalnızca bir tane olmalı.
Bir ekranda dikkati çeken tek bir yer olsun. Sayfada üç kırmızı düğme varsa göz hangisine gideceğini bilemez ve hiçbiri asıl eylem gibi durmaz.
Bir nötr aralık
Beyazdan siyaha giden 8-10 basamaklı bir gri skalası. Metin, kenarlık, zemin ve gölge renklerinin hepsi buradan çıkar.
Nötrleri saf gri yapmayın, içine vurgu renginizden çok az karıştırın. Bütün renkler aynı aileden geldiği için sayfa bir bütün gibi görünüyor.
Üç durum rengi
Başarı (yeşil), uyarı (sarı) ve hata (kırmızı). Bunlar marka rengi sayılmaz, form hataları ve bildirimler gibi işlevler için kullanılır.
Vurgu renginiz kırmızıysa hata rengiyle karışmaması için tonu belirgin biçimde ayırın.
Renk tek başına bilgi taşımamalı
Erişilebilirlikte en çok çiğnenen kural bu. "Kırmızı alanları doldurun" diyen bir form, renk körü bir kullanıcıya hiçbir şey anlatmaz.
Rengin yanına her zaman başka bir işaret koyun: bir ikon, bir metin ya da bir çizgi kalınlığı. Bir grafikte üç çizgi varsa yalnızca renkleri farklı olmasın, desenleri de farklı olsun.
Kontrastı baştan kontrol edin
Palet seçerken en sık yapılan hata, markanın canlı rengini metin rengi olarak kullanmak. Parlak turuncu beyaz üzerinde 2:1 civarında kontrast veriyor ve okunmuyor.
Her vurgu renginin iki sürümünü hazırlayın. Canlı hâlini zeminlerde, koyulaştırılmış hâlini metinlerde kullanın.
Koyu tema
Koyu tema renkleri tersine çevirmekle olmuyor. Saf siyah zemin (#000) üzerinde saf beyaz yazı gözü yoruyor ve metin titriyormuş gibi görünüyor.
Zemin için çok koyu bir lacivert ya da gri kullanın, metni de saf beyaz yerine biraz kırık bir beyaz yapın. Kontrast yeterli kalıyor ve göz daha az yoruluyor.
Vurgu renginiz koyu zeminde yeterince parlamıyorsa o temada bir ton açığını kullanın. Bu sitede kızıl renk, koyu temada bir basamak açık tona geçiyor.
Pratik bir yöntem
Renkleri doğrudan kodun içine yazmayın. Her rengi bir değişken olarak tanımlayın ve bileşenlerde bu değişkeni kullanın. Marka rengini sonradan değiştirmek istediğinizde iki yüz dosyayı taramak yerine tek satırı değiştirirsiniz.