Tasarımcının Renk Kontrastı Kılavuzu
Bir web sitesi, poster veya başka türde bir resim tasarlarken seçtiğiniz renkler, genel tasarımın başarılı olup olmadığına çok büyük etkisi olacaktır. Sonuçta, bir sürü var renklerin arkasında psikoloji İnsanların ilgisini çekiyor ve tasarımcıların bunu yaptıkları her şeye dahil etmeleri gerekiyor.
Renk kontrastı çok değerli bir rol oynar, ancak çoğu zaman göz ardı edilir, yetersiz ve yanlış anlaşılır. Bu sorunu önlemek için, nasıl ve neden kullanmanız gerektiği de dahil olmak üzere, renk kontrastı hakkında daha fazla bilgi edinmelisiniz. Kırmızı ve turuncu renklerin kontrastı yaratmak için iyi renkler olmadığını, siyah ve beyazın olduğunu bilerek, müşterileriniz ve izleyicileri memnun edecek gelişmiş bir estetik geliştirmeye başlayabilirsiniz.
Renk Kontrastı Neden Faydalı?
Özetle, renk kontrastı, görsel entrika sağlar ve görüntüleyenleri ilgilenir. Tüm bir posterin tek bir renkten yapıldığı veya sadece aynı renk ailesinden gelen renklerin dahil edilmesi halinde, bir dakika için ne kadar sıkıcı olabileceğini düşünün. Bunun sanatsal bir perspektiften işe yaradığı bazı durumlar olsa da, mağaza raflarını perçinlerken, film posterlerine bakarken veya internette gezinirken birinin dikkatini çekmesi muhtemel bir yaklaşım değildir. Bu nedenle, uygun olduğunda zıt renkler kullanmak akıllıcadır.
Klasik Coca-Cola kutusunu düşünün. Eğer tüm şey kırmızıymış olsaydı, neredeyse olduğu kadar göze çarpmazdı. Beyaz yazı, dikkat çeken ve hemen fark edilebilen kırmızı arka plandan çıkar. Bu karşıtlık görsel olarak çarpıcı ve rakiplerinden sıyrılıyor.
Renk Kontrastını En İyi Nasıl Kullanılır?
Yaptığınız renk seçimleri, büyük ölçüde kullandığınız biçime bağlı olmalıdır. Coca-Cola bu süreci açıklamak için harika bir yol sağlayabilir. Soda konservesi gibi fiziksel bir üründe, kırmızı arka plan çalışır. Ayrıca, basılı reklamlarda, televizyon reklamlarında ve çok daha fazlasında öne çıkıyor. Peki ya aynı renklere sahip bir web sitesi tasarlamaya çalışıyor olsaydınız?
Mümkün olduğunca açık bir şekilde ifade etmek gerekirse, üstte beyaz metin bulunan sağlam kırmızı bir web sitesi sayfası arka planı korkunç olacaktır. Tam kırmızı bir arka plan işe yarayacaktır, bununla birlikte üzerine beyaz veya bronz gibi daha açık bir renge sahip bir metin kutusu koyarsanız. Buradan, büyük olasılıkla başka bir kontrast katmanı oluşturmak için metin kutusuna siyah metin kullanmak istersiniz. Bu yaklaşım sadece daha göz alıcı olmakla kalmayacak, aynı zamanda insanların metni gerçekten okumasına da olanak sağlayacaktır. Unutmayın: Kırmızıdaki siyah metnin okunması çok zor.
Diğer renk kombinasyonları örnekleri iyi çalışmayacak web üzerinde ve diğer formatlarda neredeyse ayırt edilemez olabilir orta yeşil, açık kırmızı yeşil ve kırmızı mavi üzerine yeşil. Bunun yerine, mavi üzerinde yeşil ve sarı veya beyaz üzerine beyaz kullanmayı düşünün. Düz kırmızı bir arka plan üzerine metin koymanız gerekiyorsa, Coca-Cola gibi beyaz kullanmak en iyisidir.
Elbette, renk kontrastı her zaman metne dikkat çekmek için kullanılmaz. Göze iki farklı zıt renkler koymak istiyorsanız, sayfadaki belirli bir şeye dikkat çekmek için, farklı renklerde ve gölge, renk tonu ve doygunluktaki değişikliklerden kaynaklanan daha ince kontrastlar arasında seçim yapabilirsiniz.
Renk kontrastı, CTA'nızın veya düğmelerinizin ayakta kalmasında büyük rol oynar. Bu, söylenmeden gitmeli, ancak kullanıcı açılış sayfasını veya makalenizi gözden geçirdiğinde, sayfadan farklı bir rengi olan bir CTA dikkatlerini çekecektir.
Tüm bunlar kulağa hoş geliyor, ancak bunu eylemde görebilmek için, kendi avantajlarına renk kontrastı kullanan bazı şirketlere bir göz atmamız gerekiyor.
Teamweek size verebileceğim en iyi örneklerden biri. Yukarıdaki resimde görüldüğü gibi, planların hepsi farklı olsa da, turkuaz düğme ile sayfanın geri kalanı arasındaki karşıtlık, dikkatinizi CTA'ya çeken harika bir iş.
Aynı şey onların kayıt sayfasında olur. Sayfa renkleri ve desenleri zengin olmasına rağmen, kullanıcının dikkati sayfanın merkezine yönlendirilir.
Seyahat Danışmanı her kullanıcının gözlerini arama sonuçlarının en önemli yönlerine yönlendirmek için kontrast renkler ve beyaz alan kullanmanın iyi bir işi. Yeşil ve sarı karışımı göze hoş geliyor ve insanların daha fazla bilgi edinmek için nereye tıklayacaklarını bilmesini kolaylaştırmak için klasik mavi köprü rengini koruyorlar. Daha da iyisi, “gösteri fiyatları” düğmesi için siyah metinle cesur bir sarıyı seçtiler. Bu, insanların bu harekete geçme eylemiyle meşgul olmalarının neredeyse o kadar önemli olduğunu gösteriyor.
Avantajlarınız için karşıt renklerin nasıl kullanılacağına dair bir başka örnek de aşağıdaki adreste bulunabilir: CheeseSurvivalKit.com . Beyaz ve gri seçimleriyle açık ve negatif alan arasında geçiş yapmak, göze çarpıyor. Bu kombinasyonun kırmızı bir sıçrama ile kapatılması, web sitesi ziyaretçilerinin görsel olarak ilgilerini çekecek kadar ilgi çekici olmasını sağlıyor.
Her Tasarımcı'nın Bilmesi Gerekenler
Yaklaşık olarak Erkeklerin yüzde 8'i Dünya çapında bir çeşit renk körlüğü çekiyor. Bu durum kadınlarda çok daha nadirdir, ancak renk körlüğü olan her 17 kişiden 1'i kadındır. Toplamda dünya nüfusunun yüzde 4,5'i tüm renkleri dünyanın geri kalanı gibi görmüyor.
Bu onların ihtiyaçlarını karşılayamayacak kadar küçük bir yüzdeye benzeyebilir. Ancak gerçek şu ki, sadece Birleşik Krallık'ta 2.7 milyon insan renk körlüğü taşıyor. Bu, tasarımcıların, özellikle erkeklerde hedeflenen bir şey yaratıyorlarsa, dikkate almaları gereken bir şeydir.
Kırmızı / yeşil körlük Renk körlüğünün en yaygın versiyonu. Bunun anlamı, herhangi bir rengin kırmızı ve yeşil öğelerinin bu bireylere gerçek görünümünün olmayacağıdır. Örneğin, kırmızı / yeşil körlüğü olan bir kişi mor olarak maviyi algılayacaktır. Bu, mordan maviyi ayırt etmeye yardımcı olan kırmızı tonu göremedikleri için olur.
Tahmin edebileceğiniz gibi, bu mükemmel renk kontrastını seçme işlemini daha da zorlaştırıyor. Ana arka plan renginiz olarak yeşil veya yazı tipi rengi olarak yeşil renk seçtiyseniz, istediğiniz görüntüleme kitlesinin yüzde 4,5'i her şeyi doğru şekilde göremeyebilir. Hatta seçtiğiniz renk tonuna ve renk körlüğünün ne kadar şiddetli olduğuna bağlı olarak kelimeleri çok iyi okuyamayabilirler.
Alt çizgi
Nihayetinde, bir renk kontrastı, her iki unsuru da öne çıkarmalıdır, özellikle de en önemli unsurdur. Başka bir deyişle, renkli bir arka plana veya resme metin koyarsanız, kelimelerin kolayca görülüp okunmasını sağlayın. Kitlenizi akılda tutun ve renk körlüğü olan kişiler için son sonucu zorlaştıran renk kombinasyonlarından kurtulmaya çalışın.