Renk sistemi

Açılış sahnesi

Boyacıdan bir renk kartelası aldın. Küçük kartonların arasından birini seçtin. Yumuşak, sıcak bir bej.

Duvarı boyadılar.

Ve o bej gitti. Yerinde pembemsi, biraz da hasta gibi duran bir şey var. Kartelayı çıkarıp duvara tutuyorsun; karton hâlâ senin sevdiğin renk. Duvar değil.

Kimse seni kandırmadı. Boya doğru boya. Kod doğru kod.

Değişen tek şey şu: karton avuç içi kadardı, duvar on iki metrekare. Bir de yanındaki mobilya, perdeden gelen ışık ve tavanın beyazı.

İşte bu ders, o kartonla o duvar arasındaki mesafenin dersi.

Çünkü renk seçmek diye bir şey yok. Renk, seçildiği yerde değil, kullanıldığı yerde vardır.

Bu derste ne olacak

Önce rengin neden tek bir şey olmadığını göreceğiz; fiziksel ışık, insan algısı, teknoloji ve kültür aynı anda işin içinde. Sonra rengin beş boyutunu açacağız, çünkü "mavi" demek bir bilgi değil. Ardından paletin ne olduğunu konuşacağız ve şunu göreceğiz: palet bir renk listesi değil, bir rol dağıtımıdır. Sonra bir renk sisteminin hangi yedi koşulda sınandığını sayacağız. En sonda on altı filmden sahnelerle bunu okuyacağız. Ders bittiğinde bir palete bakıp her rengin işini söyleyebiliyor olacaksın.

Sıfır noktası

Bir önceki modülü kapatırken renkten kaçındığımızı söylemiştim ve sebebini de söylemiştim: renk, üzerine en çok yanlış bilgi biriken alandır ve ancak biçim okunabildikten sonra doğru öğrenilir.

Şimdi o borcu ödeyelim.

Bu tanımın en pratik sonucu şu: "mavi güven verir" gibi tek cümlelik kurallar yetersizdir. İnternette dolaşan renk anlamı tabloları, dördüncü faktörü alıp diğer üçünü atar. Bir önceki modülde anlam katmanının öğrenilmiş ve değişken olduğunu konuşmuştuk; renk, o katmanın en kaygan örneğidir.

Duvara geri dönelim. Orada ne oldu?

İki şey. Birincisi yüzey miktarı arttı. Bir renk büyük bir alana yayıldığında doygunluğu algıda artar; küçük kartondaki ölçülü bej, duvarda bağırmaya başlar.

İkincisi bağlam değişti. Karton, boyacının gri tezgâhındaydı. Duvar, sıcak bir lambanın altında ve koyu bir mobilyanın yanında.

Bu benzetme bir yere kadar doğru. Şurada bozulur: duvarda tek bir renk vardı. Bir tasarımda ise onlarca renk aynı anda birbirini etkiler ve her biri diğerinin bağlamıdır. Yani sorun tek tek renkleri seçmek değil, aralarındaki ilişkiyi yönetmektir.

Mekanizma

Rengin beş boyutu

"Mavi" kelimesi bir bilgi taşımaz. Bir rengi tarif etmek için beş boyut gerekir.

Birincisi ton. Rengin ailesi: mavi mi, yeşil mi, turuncu mu.

İkincisi doygunluk. Rengin yoğunluğu, ya da griliğe ne kadar yakın olduğu. Aynı ton, doygunluğu düşürüldüğünde tamamen başka bir karakter kazanır.

Üçüncüsü açıklık, yani değer. Açık mı koyu mu. Bu boyut, önceki modülde konuştuğumuz kontrastla doğrudan bağlantılıdır.

Dördüncüsü sıcaklık. Bir rengin sıcak ya da soğuk algılanması mutlak değildir; diğer renklere göredir. Bir mavi, daha soğuk bir mavinin yanında sıcak durabilir.

Beşincisi bağlamsal kontrast. Çevresindeki renklerle oluşan fark.

Şimdi bu beş boyutun en çok işe yarayacak sonucunu söyleyeyim. Yeni başlayanlar neredeyse her zaman tondan konuşur; deneyimliler değerden konuşur.

Sebebi şu: bir düzenin okunup okunmaması tona değil, açıklık farkına bağlıdır. Kırmızı ile yeşil birbirinden çok farklı tonlardır ama değerleri yakınsa, siyah beyaza indirdiğinde birbirine yapışırlar. Önceki modülde siyah beyaza indirme aletini görsel okuma için kullanmıştık; burada işi değişiyor. Orada kontrastın var olup olmadığını görüyorduk. Burada, kurduğun paletin renk olmadan da ayakta durup durmadığını sınıyoruz.

Palet bir liste değil, bir rol dağıtımı

Şimdi dersin çekirdeğine geliyoruz.

Roller şunlardır: ana yüzey, metin, vurgu, durum, veri kategorisi, uyarı ve dekoratif kullanım.

Bu ayrımın neden hayati olduğunu bir örnekle görelim.

Diyelim ki paletinde canlı bir turuncu var ve çok seviyorsun. Onu düğmelerde kullandın. Sonra bir bölüm başlığında kullandın. Sonra bir grafikteki üçüncü veri serisinde. Sonra da dekoratif bir şeritte.

Şimdi kullanıcı bir turuncu gördü. Ne anlaması gerekiyor? Tıklanabilir mi, önemli mi, üçüncü kategori mi, süs mü?

Renk anlamını kaybetti. Kaybettiren şey rengin kendisi değil, rolünün tanımlanmamış olması.

Bu, önceki modülde konuştuğumuz sistem katmanının doğrudan uygulamasıdır. Sistem, bir kararın tekrarlanabilir bir kurala dönüşmesiydi. Renk rolleri, o kuralın renk tarafındaki adıdır.

Pratikte bunun anlamı şudur: paletini kurarken renk seçmezsin, önce iş listesi çıkarırsın. Kaç ayrı işim var? Hangi işler aynı anda ekranda görünecek? Hangileri birbiriyle karışırsa zarar büyük olur?

Ondan sonra renk seçilir. Ve genellikle sandığından çok daha az renk gerekir.

Bir renk sistemi nerede sınanır

Bir palet, sunum dosyasında değil; gerçek koşullarda sınanır. Yedi temel koşul var ve hepsi zorunlu.

Birincisi açık arka plan. İkincisi koyu arka plan. Bir sistem her ikisinde de yaşamalıdır; koyu temada okunmayan bir vurgu rengi eksik kurulmuştur.

Üçüncüsü fotoğraf üzeri kullanım. Fotoğrafın rengi ne olacağını bilemezsin, dolayısıyla üzerine gelen metnin dayanıklı olması gerekir.

Dördüncüsü düşük kaliteli ekran. Beşincisi baskı. Ekranda ışık yayılır, baskıda ışık yansır; ikisi aynı rengi üretemez ve bunu kabul etmek gerekir.

Altıncısı gri tonlama. Yedincisi renk görme farklılıkları. Bu ikisi aynı gerçeği söyler: bilgi asla yalnızca renkle verilmemelidir. Renk bir bilgiyi taşıyorsa, o bilginin ikinci bir taşıyıcısı da olmalıdır — bir simge, bir etiket, bir konum.

Bunlara pratikte en sık atlanan bir ek koşul daha eklenir: küçük metin ve arayüz bileşenleri. Büyük bir başlıkta harika duran bir kontrast, on iki piksellik bir etikette çöker.

Teoriyi bırakıp perdeye bakalım.

Filmlerden okuma

Örnekleri üç grupta topladım. Önce rengin bir anahtar gibi kullanıldığı filmler. Sonra paletin bir sistem olarak kurulduğu filmler. En sonda da rengi kaldıran ya da kurallı biçimde geri verenler.

Önce renk bir anahtardır

Sonra palet bir sistemdir

Şimdi Türkiye'den üç örnek

Ve iki kural bozan

Usta katmanı

Az önce rengin bir işi olması gerektiğini söyledim. İşin aslı biraz daha ince: renk duyguyu tek başına taşımaz.

Aynı kırmızı; yüzey miktarı, ışık, malzeme, tipografi ve kompozisyona göre acil, ucuz, törensel ya da lüks görünebilir. Mat bir kâğıt üzerindeki geniş bir kırmızı alan ile parlak bir yüzeydeki ince bir kırmızı çizgi aynı kırmızı değildir. Bu yüzden bir palet sunulurken renk kartelası göstermek yetmez; renk, kullanılacağı malzeme ve ölçekle birlikte gösterilmelidir. Deneyimli tasarımcı paleti değil, paletin uygulanmış hâlini sunar.

İkinci nüans doygunlukla ilgili. Bir palette en çok tartışılan renk genellikle en doygun olanıdır ve en az tartışılan renkler asıl işi yapar. Bir sistemin karakterini belirleyen şey çoğu zaman vurgu rengi değil, nötrlerdir. Grinin hafifçe maviye mi yoksa sıcağa mı kaydığı, bütün sistemin ısısını belirler ve kimse fark etmez. Nötrlerini tesadüfe bırakan bir palet, vurgu rengi ne kadar iyi olursa olsun kararsız durur.

Üçüncüsü teknik bir sınır. Ekran ile baskı aynı renkleri üretemez ve bu bir kalibrasyon meselesi değil, fizik meselesidir. Ekranda ışık kaynağından gelen renk toplanarak, baskıda ise yüzeyden yansıyan ışık çıkarılarak oluşur. Bazı doygun ekran renklerinin baskıda karşılığı yoktur. Doğru yaklaşım, ikisini eşitlemeye çalışmak değil; her iki ortam için ayrı ama akraba değerler tanımlamaktır. Bunu baştan kabul eden sistemler sağlam, gizlemeye çalışanlar kırılgan olur.

Dördüncüsü bir meslek pratiği. Bir paleti denetlemenin en hızlı yolu, onu yüzde oranlarıyla yazmaktır. Bu palette ana yüzey yüzde kaç, metin yüzde kaç, vurgu yüzde kaç. Sağlam sistemlerde vurgu rengi genellikle çok küçük bir orandadır. Vurgu rengi sayfanın beşte birini kaplıyorsa, o artık vurgu değil zemindir ve gerçek vurguyu neyle yapacağın sorusu cevapsız kalmıştır.

Yaygın hatalar ve yanlış bilinenler

Uygulama — kendin dene

Üç kavram seçiyorum: sessiz güç, kontrollü neşe ve rahatsız edici güven.

Her kavram için beş renkten oluşan bir palet kur. Ama renkleri seçmeden önce şunu yaz: bu palette hangi renk ana yüzey, hangisi metin, hangisi vurgu, hangisi uyarı, hangisi dekoratif. Rolleri önce yaz, rengi sonra seç.

Şimdi her paleti iki testten geçir. Birincisi: paleti gri tonlamaya çevir. Metin rengi ile ana yüzey arasındaki fark hâlâ duruyor mu? İkincisi: vurgu rengini bir kez küçük bir noktada, bir kez de sayfanın yarısında kullan. Aynı renk mi hissettiriyor?

Şuna dikkat et: üçüncü kavram bilerek çelişkili. Rahatsız edici güven, birbiriyle uyuşmayan iki şey ister ve tek bir renkle çözülemez. Onu çözmeye çalışırken muhtemelen doygunluk ile açıklığı ayrı ayrı oynatmak zorunda kalacaksın. Asıl dersi o palet veriyor.

Kilit özet

Birincisi. Renk seçilmez, kullanıldığı yerde oluşur. Yüzey miktarı, ışık, malzeme ve komşu renkler kodun kendisinden daha belirleyicidir.

İkincisi. Bir rengi tarif etmek için beş boyut gerekir: ton, doygunluk, açıklık, sıcaklık ve bağlamsal kontrast. Yeni başlayan tondan, deneyimli değerden konuşur.

Üçüncüsü. Palet bir renk listesi değil, bir rol dağıtımıdır. Bir rengin bir işi olur; iki iş yapan renk iki işi de zayıflatır.

Dördüncüsü. Bilgi asla yalnızca renkle verilmez. Renk bir bilgi taşıyorsa, ikinci bir taşıyıcısı da olmalıdır.

Beşincisi. Renk duyguyu tek başına taşımaz. Aynı kırmızı ölçeğe, malzemeye ve komşuluğa göre acil, ucuz, törensel ya da lüks olur.

Sonraki derse köprü

Bu derste rengin tek başına konuşmadığını, hep bir bağlamla birlikte konuştuğunu gördük.

Şimdi aynı soruyu yazıya soralım. Bir cümlenin anlamı yalnızca kelimelerinde midir? Aynı üç kelime, farklı bir yazı karakteriyle dizildiğinde başka bir şey söyler mi?

Söyler. Ve bunun nasıl olduğu, renkten çok daha ince bir mekanizmayla çalışır. Sonraki derste tipografinin sesini konuşacağız.