Boş sayfadan palete: adım adım renk seçimi

Kısa cevap

İyi bir palet bir renk tekerleğinden değil, bir sorudan başlar: bu iş kimin için, nerede ve ne hissettirmeli? Sonra renkten önce açık, orta ve koyu alanların oranı kararlaştırılır; çünkü okunaklılığı ve hiyerarşiyi ton değil açıklık farkları taşır. Bu iskeletin üzerine bir çapa rengi, onu destekleyen bir iki renk ve bol nötr eklenir; en sonda palet gri tonlamaya çevrilip gerçek içerikle sınanır.

Adım 1 — Brifi üç soruya indirmek

Her tasarım işi bir brifle, yani işi tarif eden bir metin ya da konuşmayla başlar. Brif çoğu zaman uzundur ve renk hakkında neredeyse hiçbir şey söylemez. Tasarımcının ilk işi onu üç soruya indirmektir.

İlk soru kitledir: işi kim görecek? Yaşları, beklentileri, o alanda neye alışık oldukları. İkinci soru bağlamdır: iş nerede görünecek? Telefon ekranında mı, mağaza vitrininde mi, gazete kâğıdına basılı mı, güneş altındaki bir afiş panosunda mı? Her ortam renkleri başka türlü değiştirir. Üçüncü soru tondur: iş ne hissettirmeli? Burada üç sıfat seçmek işe yarar; örneğin "sıcak, güvenilir, oyunbaz". Üçten fazla sıfat birbirini sulandırır.

Brif renk öneriyorsa da bunu bir kısıt olarak değil bir veri olarak okumak gerekir. Bir müşteri "mavi olsun" dediğinde bazen mavinin kendisini değil, maviyle ilişkilendirdiği bir duyguyu, örneğin sakinliği istiyordur. Sıfat listesi bu ikisini ayırmaya yardım eder. Bir markanın uzun vadeli renk stratejisi ayrı bir konudur ve PZ-01'de tartışılır.

Adım 2 — Ruh hali panosu

Sıfatlar kararlaştırılınca görsel bir toplama aşaması gelir. Fotoğraflar, dokular, eski ambalajlar, doğadan kareler, sokak tabelaları bir panoda bir araya getirilir. Amaç kopyalanacak bir tasarım bulmak değil, sıfatların hangi renk ilişkilerinde yaşadığını görmektir.

İyi bir panoda iki şeye bakılır. Birincisi tekrar eden renk aileleridir: sıcak topraklar mı, soğuk maviler mi, doygun meyve renkleri mi? İkincisi, daha az fark edilen ama daha önemli olan açıklık yapısıdır: görüntüler çoğunlukla açık ve havadar mı, koyu ve yoğun mu, yoksa sert karşıtlıklarla mı kurulmuş? Panoyu bir an gri tonlamada görmek bu ikinci soruyu hemen cevaplar.

Adım 3 — Önce değer dağılımı

Kartın sorusu bu adımda cevaplanır: palet seçimine neden renkten değil de değer dağılımından başlamak iyi bir fikirdir?

Değer, DT-01'in tanımladığı üç boyuttan biridir: bir rengin siyaha mı beyaza mı yakın durduğu. Görsel sistemimizin biçimi, derinliği ve kenarları çıkaran kısmı ağırlıkla açıklık farklarına bakar. Nörobiyolog Margaret Livingstone, görmenin evrimsel olarak daha eski ve renge kör olan kısmının parlaklık farklarını, hareketi ve derinliği algıladığını; rengi ve ayrıntıyı işleyen sistemin ise daha yeni olduğunu anlatır. Bir tasarımda neyin önce görüleceğini, neyin okunacağını, neyin geri çekileceğini bu yüzden en çok değer farkları belirler.

Bu nedenle ilk karar, sayfanın ne kadarının açık, ne kadarının orta, ne kadarının koyu olacağıdır. Havadar bir iş için büyük açık alanlar, az orta ton ve çok küçük koyu vurgular seçilebilir; yoğun ve ciddi bir iş için tersi. Oranlar kâğıda üç gri kutu olarak çizilir. Bu kutular henüz renk değildir, ama paletin iskeletidir.

Değerden başlamanın pratik bir faydası da vardır: sonradan hangi tonlar seçilirse seçilsin, hiyerarşi bozulmaz. Bir başlık koyu değer kutusuna yerleştirildiyse, lacivert de olsa koyu bordo da olsa öne çıkar. Tonu değiştirmek, iskeleti değiştirmeden paletin havasını değiştirmeyi sağlar. Alanların miktarını düzenleyen bilinen bir kural, 60-30-10 oranı, DT-12'nin konusudur.

Adım 4 — Çapa rengi

İskelet hazırlandıktan sonra ilk gerçek renk seçilir: çapa rengi. Bu, işin kimliğini taşıyan, görenin hatırlayacağı renktir. Sıfat listesi ve ruh hali panosu ona yön verir; değer dağılımı ise onun hangi değer kutusuna oturacağını söyler.

Çapa rengini seçerken iki tuzak vardır. Birincisi onu çok geniş alanlara yaymaktır: doygun bir renk büyük alanda göz yorar ve etkisini kaybeder. İkincisi onu tek başına, beyaz bir zeminde değerlendirmektir. Bauhaus'ta ve Yale'de renk dersleri veren Josef Albers'in 1963 tarihli kitabı, bir rengin görsel algıda neredeyse hiçbir zaman fiziksel olarak olduğu gibi görülmediğini, çevresindeki renklere göre değiştiğini gösteren alıştırmalar üzerine kuruludur. Çapa rengi de ancak komşularıyla birlikte karara bağlanabilir.

Adım 5 — Destek renkleri ve nötrler

Çapa renginin yanına genellikle bir ya da iki destek rengi eklenir. Destek renkleri çapayı ya yumuşatır ya da ona karşılık verir. Yumuşatmak için çapaya yakın, aynı aileden bir renk seçilir; karşılık vermek için renk çemberinde ondan uzak, ama değeri ve doygunluğu dengeli bir renk. Geometrik şemaların bu seçimi nasıl yönlendirdiği DT-10'da ele alınır.

Asıl işi ise çoğu zaman nötrler yapar: beyaza yakın bir zemin, orta bir gri ya da bej, metin için neredeyse siyah bir koyu. Nötrler sayfanın büyük kısmını kaplar ve çapa renginin nefes almasını sağlar. Saf siyah ve saf beyaz yerine hafifçe çapa rengine doğru eğilmiş nötrler, örneğin sıcak bir paletle hafif kremsi beyaz ve kahveye çalan koyu, paleti bir arada tutar.

Adım 6 — Gri tonlama testi

Palet kurulduktan sonra, gerçek bir örnek sayfaya ya da afişe yerleştirilip gri tonlamaya çevrilir. Test iki soruya cevap verir. Adım 3'te çizilen değer iskeleti korunmuş mu? Başlık hâlâ en koyu ya da en karşıt alan mı, arka plan geri çekiliyor mu? Ve metinle zemin arasında yeterli açıklık farkı var mı?

İki rengin gri tonlamada aynı griye dönüşmesi bir uyarıdır. Bu, gözün onları ayırmak için yalnız tona dayanacağı anlamına gelir; renk görme eksikliği olan bir okur, siyah-beyaz bir fotokopi ya da parlak güneş altında bir telefon ekranı bu farkı yok edebilir. Metin kontrastının sayısal ölçümü UX-06'nın konusudur; gri tonlama testi ise bütün sayfanın yapısını bir bakışta gösterir.

Örnek — çocuk kütüphanesinin okuma şenliği

Bir ilçe çocuk kütüphanesi, yaz okuma şenliği için afiş, sosyal medya görselleri ve basılı broşür istiyor. Brif üç soruya indiriliyor. Kitle: altı ile on iki yaş arası çocuklar ve aileleri. Bağlam: kütüphane girişindeki afiş, telefon ekranı ve ucuz kâğıda basılan broşür. Ton: "neşeli, davetkâr, güvenli".

Ruh hali panosunda karpuz dilimleri, eski kitap kapakları, parktaki salıncaklar ve boya kalemleri var. Gri tonlamada panonun çoğunlukla açık ve orta değerlerden oluştuğu, koyu değerlerin ise yalnız küçük ayrıntılarda göründüğü fark ediliyor. Değer dağılımı buna göre kuruluyor: geniş açık zemin, orta değerde renkli şekiller, başlık ve metin için küçük bir koyu alan.

Çapa rengi olarak sıcak bir mercan seçiliyor; orta değer kutusuna oturuyor. Destek rengi olarak çam yeşili ekleniyor, mercana karşılık veriyor ama daha koyu olduğu için başlıkları taşıyabiliyor. Nötrler kremsi bir beyaz ve koyu bir çikolata kahvesi.

Afişte farklı ten tonlarından çocukların fotoğrafları kullanılacak. Tasarımcı paleti bir de bu fotoğrafların yanında sınıyor ve bir sorun fark ediyor: mercan zemin, orta ve sıcak ten tonlarıyla gri tonlamada neredeyse aynı değere düşüyor; bu çocukların yüzleri zeminle kaynaşıyor. Çözüm, fotoğrafların arkasına kremsi beyaz bir çerçeve koymak ve mercanı fotoğrafın arkasında değil, şekillerde ve vurgularda kullanmak. Böylece açık tenli bir çocuğun yüzü de koyu tenli bir çocuğun yüzü de zeminden eşit açıklıkla ayrılıyor.

Son olarak broşür ucuz kâğıda basılıyor ve kâğıdın renkleri biraz soldurduğu görülüyor. Değer iskeleti sağlam olduğu için hiyerarşi bozulmuyor; başlık hâlâ okunuyor.

Sık yapılan yanlış

Özet

1. Palet brifin üç sorusuyla başlar: kitle, bağlam ve ton; ton için seçilen üç sıfat ruh hali panosuna yön verir.
2. Renkten önce açık, orta ve koyu alanların oranı kararlaştırılır; hiyerarşiyi ve okunaklılığı ton değil değer taşıdığı için bu iskelet sonraki bütün kararları korur.
3. Çapa rengi komşularıyla birlikte seçilir, destek renkleri ve bol nötr eklenir; en sonda palet gri tonlamada ve gerçek içerikle, farklı ten tonlarındaki fotoğraflarla birlikte sınanır.

Kendini sına

1. (Kolay) Bir brifi hangi üç soruya indirmek önerilir?
2. (Kolay) Çapa rengi nedir?
3. (Orta) Palet seçimine neden renkten değil de değer dağılımından başlamak iyi bir fikirdir?
4. (Orta) Gri tonlama testinde iki rengin aynı griye dönüşmesi neden bir uyarıdır?
5. (Zor) Kütüphane afişi örneğinde mercan zemin hangi sorunu yarattı ve nasıl çözüldü?
6. (Zor) Bir müşteri "mavi olsun" dediğinde tasarımcı bu isteği nasıl okumalıdır?

Cevaplar

1. Kitle, bağlam ve ton: işi kim görecek, nerede görünecek ve ne hissettirmeli («Adım 1 — Brifi üç soruya indirmek»).
2. Paletin kimliğini taşıyan ve öbür renklerin ona göre seçildiği ana renk («Adım 4 — Çapa rengi»).
3. Görme sistemimiz biçimi, derinliği ve kenarları ağırlıkla açıklık farklarından çıkarır; bu yüzden hiyerarşiyi ve okunaklılığı ton değil değer taşır. Önce değer iskeleti kurulursa sonradan seçilen tonlar değişse de hiyerarşi bozulmaz («Adım 3 — Önce değer dağılımı»).
4. Bu, iki rengi ayırmanın yalnız tona dayandığını gösterir; renk görme eksikliği, siyah-beyaz baskı ya da parlak ışık altındaki ekran bu farkı yok edebilir («Adım 6 — Gri tonlama testi»).
5. Mercan, orta ve sıcak ten tonlarıyla gri tonlamada aynı değere düştüğü için bazı çocukların yüzleri zeminle kaynaştı. Fotoğrafların arkasına kremsi beyaz çerçeve konarak ve mercan yalnız şekillerde kullanılarak her ten tonu zeminden eşit ayrıldı («Örnek — çocuk kütüphanesinin okuma şenliği»).
6. İsteği bir veri olarak okumalı ve müşterinin maviyle ilişkilendirdiği duyguyu, örneğin sakinliği ya da güveni sorarak ortaya çıkarmalıdır; bazen istenen renk değil, o duygudur («Adım 1 — Brifi üç soruya indirmek»).

Kaynaklar

• Albers, J., Interaction of Color, Yale University Press, 1963.
• Livingstone, M., Vision and Art: The Biology of Seeing, Harry N. Abrams, 2002.
• W3C, «Web Content Accessibility Guidelines (WCAG) 2.2», W3C Önerisi, 12 Aralık 2024.

Sonraki adım

GT-03 bu dersin değer iskeletini bir okuma sırasına çeviriyor: gözün sayfada nereye önce gideceğini tek bir vurgu rengiyle yönetmeyi, geniş sakin alanların o vurguyu nasıl büyüttüğünü ve tasarımı gözü kısarak ya da bulanıklaştırarak sınamayı anlatıyor. GT-04 ise aynı adımları bir markanın ölçeğine taşıyor: rakip analizini, sektör renk kodlarına uymayı ya da bilinçli olarak onlardan ayrılmayı ve paletin hem dijitalde hem baskıda çalışmasını ele alıyor.