Önce özete göz atDersin sonundaki özet, okumaya başlamadan önce yol haritası olarak.
- Bir logo damga, faks, nakış, kazıma ve düşük kaliteli baskı gibi sınırlı üretim koşullarında rengini kaybeder; bu yüzden tek renk, ters ve gri tonlamalı sürümler baştan tasarlanır.
- Degrade tek renkli üretimde kaybolur, küçük boyutta bulanıklaşır ve düşük kaliteli baskıda bantlanır; degrade logonun kimliğini değil, tam renkli sürümünün zenginliğini taşımalıdır.
- Favicon gibi 16×16 piksellik bir simge logonun en sade sınavıdır; değişken zeminlerde, farklı tenlerden insanların fotoğraflarında logo, zeminin açıklığına göre doğru sürümle kullanılır.
Kısa cevap
Bir logo, rengini kaybettiğinde de tanınabilmelidir: bir damgada, bir faks çıktısında, bir nakışta, bir lazer kazımada ya da bir tarayıcı sekmesindeki küçücük simgede, çoğu zaman tek bir renkle ya da yalnız siyah ve beyazla yaşar. Bu yüzden her logo için tek mürekkeple basılan, koyu zemine beyaz düşen ve griye indirilmiş üç ayrı sürüm baştan tasarlanır ve sınanır. Degradeye dayanan bir logo, tek renkli üretimde, küçük boyutlarda, düşük çözünürlüklü baskıda ve renk yeniden üretiminin sınırlı olduğu malzemelerde sorun çıkarır, çünkü degrade tek renge ya da birkaç piksele indirildiğinde kaybolur ve logonun biçimini tanıtan şey olmaktan çıkar.
Rengin olmadığı yerler
GT-04'te bir marka paletinin ekranda ve kâğıtta tutarlı tanımlanması gerektiğini gördük. Ama bir logonun yaşadığı yerlerin bir kısmında renk hiç yoktur ya da çok sınırlıdır.
Bir kauçuk damga tek bir mürekkep rengiyle basar; ton farkı ya da degrade üretemez. Bir faks makinesi görüntüyü siyah ve beyaz noktalara indirir. Bir gazete ilanı çoğu zaman tek renkli ya da düşük kaliteli bir baskıdır. Bir nakış, sınırlı sayıda iplik rengiyle, keskin sınırlarla çalışır. Bir metal plakaya yapılan lazer kazıma ya da bir cama yapılan kumlama yalnız iki durum bilir: kazınmış ve kazınmamış. Bir fotokopi, bir belgenin kenarındaki renkli logoyu gri bir lekeye dönüştürebilir.
Bu koşulların hepsinde logo, rengine değil biçimine güvenmek zorundadır. Rengini kaybettiğinde de tanınan bir logo, bu ortamların hepsinde çalışır; tanınmayan bir logo ise her birinde bir sorun çıkarır.
Üç sürüm
Özenle kurulmuş bir kimlik, logonun tam renkli sürümünün yanında en az üç sürümünü daha baştan tasarlar.
Tek renk sürüm, logonun bütün öğelerini aynı renkte gösterir. Tam renkli logoda iki rengin yan yana gelmesiyle ayrılan iki parça varsa, tek renkte bu ayrım kaybolur; bu yüzden tek renk sürümde parçalar arasına ince bir boşluk ya da çizgi koymak gerekebilir. Tek renk sürüm genellikle siyahla tasarlanır, ama markanın birincil renginde de basılabilir.
Ters sürüm, logonun koyu bir zemin üzerinde beyaz ya da açık renkle gösterilmesidir. Bu, yalnız renkleri tersine çevirmek değildir. Koyu zemin üzerindeki beyaz ince çizgiler, göze aynı kalınlıktaki siyah çizgilerden daha kalın ve daha parlak görünebilir ve küçük boşluklar dolmuş gibi algılanabilir; bu yüzden bazı ayrıntılar ters sürümde biraz inceltilir ya da açılır.
Gri tonlama sürümü, tam renkli logonun siyah-beyaz baskıda ve fotokopide nasıl görüneceğini önceden belirler. Burada DT-01'deki değer boyutu belirleyicidir: tam renkli logonun iki farklı rengi aynı açıklıktaysa, gri tonlamada aynı griye dönüşür ve birbirinden ayrılamaz. Gri tonlama sürümü tasarlanırken bu renkler, birbirinden ayrılacak açıklıkta griler olarak yeniden tanımlanır.
Degradenin riskleri
Kartın sorusu, bugün sık görülen bir tasarım tercihinin sınırını sorar: degradeye dayanan bir logo hangi ortamlarda sorun çıkarır?
Degrade, ekranlarda ve kaliteli baskıda canlı ve modern bir görünüm verir. Bazı tanınmış dijital markaların uygulama simgeleri bir degradeyle tanınır. Ama degrade, rengin olmadığı ya da sınırlı olduğu her yerde sorun çıkarır.
Tek renkli üretimde degrade tamamen kaybolur. Bir damga ya da kazıma, degradenin yumuşak geçişini üretemez; logo ya tek düz bir alana dönüşür ya da degradeyi taklit eden kaba noktalara. Logonun kimliği degradedeyse, tek renkte hiçbir şey kalmaz. Degrade simgeli bir marka bu yüzden, degradenin kullanılamadığı yerler için siyah ya da beyaz, tek renkli bir sürümü de baştan hazırlamak zorundadır.
Küçük boyutlarda degrade anlamsızlaşır. Birkaç pikselden oluşan bir simgede, bir renkten öbürüne geçiş ancak birkaç farklı renkte piksel olarak görünür; göz onu bir geçiş olarak değil, bulanık bir leke olarak algılar.
Düşük kaliteli baskıda degrade bantlanır. Gazete kâğıdında, ucuz dijital baskıda ya da sınırlı renk sayısıyla çalışan bir ekranda, yumuşak geçiş belirgin basamaklara ayrılır. Gökkuşağı paletinin veride yarattığı sahte sınırların (VG-02) bir benzeri burada logonun içinde belirir: basamaklar, tasarımcının çizmediği çizgiler oluşturur.
Malzemeye geçişte degrade çoğu zaman üretilemez. Bir tabela, bir metal rozet, bir tekstil etiketi ya da bir nakış, degradeyi ya hiç üretemez ya da çok pahalı üretir.
Degrade kullanmak yasak değildir; ama logonun kimliği degradenin kendisine değil, biçimine dayanmalıdır. Degrade, tam renkli sürümü zenginleştiren bir katman olur; tek renkli sürüm ise logonun asıl, çıplak biçimini taşır.
Favicon: en küçük sınav
Bir logonun karşılaşacağı en zorlu boyut, tarayıcı sekmelerinde ve yer imlerinde görünen küçük simgedir.
On altıya on altı piksel, toplam iki yüz elli altı kare demektir. Bu alana bir logonun ince yazısı, küçük ayrıntıları ya da degradesi sığmaz. Bu yüzden pek çok marka favicon için logonun sadeleştirilmiş bir parçasını, bir harfini ya da simgesini kullanır. Bu küçük sürümde renk de sadeleşir: bir iki düz renk, zeminden güçlü bir açıklık farkıyla ayrılır. Bir site birden fazla boyutta simge sunabilir; HTML standardı, tarayıcının bunlar arasından türüne, ortamına ve boyut bilgisine göre en uygun olanı seçmesini ister. Bu, küçük boyut için ayrı çizilmiş, sadeleştirilmiş bir sürüm sunmanın teknik yoludur.
Tarayıcıların açık ve koyu temaları da hesaba katılmalıdır; beyaz zeminde iyi görünen koyu bir favicon, koyu temalı bir sekmede kaybolabilir.
Örnek — fotoğrafın üzerindeki logo
Bir etkinlik şirketi, sosyal medya görsellerinde katılımcıların fotoğraflarının köşesine logosunu yerleştiriyor. Logo, beyaz ters sürümüyle kullanılıyor. Fotoğraflar çok çeşitli: bulutsuz öğle göğü, loş bir salon, farklı tenlerden insanların yakın çekimleri.
Beyaz ters logo, koyu bir salonun ya da koyu bir tenin üzerinde net görünür; açık bir gökyüzünün ya da açık bir tenin üzerinde ise kaybolur. Tek bir logo sürümü, değişken bir zeminin her yerinde çalışamaz.
Çözüm, bu dersin sürümlerini birlikte kullanmaktır. Açık zeminler için tek renkli koyu sürüm, koyu zeminler için beyaz ters sürüm hazırlanır ve her görselde, logonun düştüğü bölgenin açıklığına göre biri seçilir. Logo bir yüzün, özellikle bir tenin üzerine düşmeyecek biçimde yerleştirilir; kaçınılamıyorsa, logonun arkasına ince, yarı saydam bir nötr alan konur. Böylece logo, hangi fotoğrafta, hangi kişinin yanında olursa olsun aynı netlikte okunur ve kimsenin yüzü bir logo arka planına dönüşmez.
Sık yapılan yanlış
Yaygın yanlış"Ters logo, renkleri tersine çevirmekten ibarettir."
Koyu zeminde açık çizgiler daha kalın ve parlak görünür, küçük boşluklar dolabilir; ters sürümde bazı ayrıntılar inceltilir ya da açılır.
Yaygın yanlış"Degrade logo her yerde aynı etkiyi yaratır."
Degrade tek renkli üretimde kaybolur, küçük boyutlarda bulanıklaşır, düşük kaliteli baskıda bantlanır; logonun kimliği degradeye değil biçime dayanmalıdır.
Özet
- Bir logo damga, faks, nakış, kazıma ve düşük kaliteli baskı gibi sınırlı üretim koşullarında rengini kaybeder; bu yüzden tek renk, ters ve gri tonlamalı sürümler baştan tasarlanır.
- Degrade tek renkli üretimde kaybolur, küçük boyutta bulanıklaşır ve düşük kaliteli baskıda bantlanır; degrade logonun kimliğini değil, tam renkli sürümünün zenginliğini taşımalıdır.
- Favicon gibi 16×16 piksellik bir simge logonun en sade sınavıdır; değişken zeminlerde, farklı tenlerden insanların fotoğraflarında logo, zeminin açıklığına göre doğru sürümle kullanılır.
Kendini sına
- (Kolay) Bir logonun hangi üç ek sürümü baştan tasarlanmalıdır?
- (Kolay) Bir favicon genellikle kaç piksel boyutundadır?
- (Orta) Degradeye dayanan bir logo hangi ortamlarda sorun çıkarır?
- (Orta) Ters logo neden yalnız renkleri tersine çevirmek değildir?
- (Zor) Tam renkli bir logonun gri tonlama sürümünde iki parçası neden birbirinden ayrılamayabilir ve bu nasıl çözülür?
- (Zor) Farklı zeminli fotoğrafların köşesine yerleştirilen bir logo için neden tek bir sürüm yetmez ve ne yapılmalıdır?
Cevaplar
- Tek renk, ters ve gri tonlama sürümleri («Üç sürüm»).
- Genellikle 16×16 piksel («Favicon: en küçük sınav»).
- Damga ve kazıma gibi tek renkli üretimde degrade kaybolur; favicon gibi küçük boyutlarda bulanık bir lekeye dönüşür; gazete ve ucuz dijital baskı gibi düşük kaliteli baskıda bantlanır; tabela, rozet ve nakış gibi malzemelerde üretilemez ya da çok pahalı üretilir («Degradenin riskleri»).
- Koyu zemin üzerindeki açık çizgiler göze daha kalın ve parlak görünür ve küçük boşluklar dolmuş gibi algılanabilir; ters sürümde bazı ayrıntılar inceltilir ya da açılır («Üç sürüm»).
- İki renk aynı açıklıktaysa gri tonlamada aynı griye dönüşür. Gri tonlama sürümü tasarlanırken bu renkler, birbirinden ayrılacak açıklıkta griler olarak yeniden tanımlanır («Üç sürüm»).
- Beyaz ters logo koyu zeminde ve koyu tenlerin üzerinde net, açık gökyüzünde ve açık tenlerin üzerinde kaybolur. Açık zeminler için koyu, koyu zeminler için beyaz sürüm seçilir, logo yüzlerin üzerine düşmeyecek biçimde yerleştirilir; kaçınılamıyorsa arkasına yarı saydam nötr bir alan konur («Örnek — fotoğrafın üzerindeki logo»).
Kaynaklar
- MDN Web Docs, «Favicon», sözlük maddesi.
- WHATWG, «HTML Living Standard», 4.6 Links, «icon» bağlantı türü.
- ITU-T, «Recommendation T.4: Standardization of Group 3 facsimile terminals for document transmission».
Sonraki adım
GT-10 logonun sürümlerinden rengin belgelenmesine geçiyor: bir marka rengini ekran kodları, CMYK değerleri, özel renk karşılığı ve boya ile tekstil karşılıklarıyla nasıl tanımlayacağımızı, bu tanımlardan hangisinin "ana kaynak" olacağını ve kabul toleranslarını anlatıyor. UX-01 ise aynı disiplini yazılıma taşıyor: ham renk değerlerinden anlamlı adlara uzanan renk token'larını, 50'den 900'e ton skalalarını ve bir tasarım dosyasındaki değişikliğin koda nasıl aynı anda yansıtılacağını tartışıyor.