Renk Tekerleği – Tasarımcı Olmayanlar İçin Temel Tasarım Kılavuzu

En sevdiğin rengi düşünebiliyor musun? Bu kolay. Şimdi marka mesajınızla en alakalı olacağını düşündüğünüz bir renk düşünebilir misiniz? Zor ama renk psikolojisi günü kurtarıyor. Şimdi ilk seçtiğiniz bu renkle güzel duracak bir renk düşünebilir misiniz? Karışıklık burada başlıyor, değil mi? Bugün bu küçük karışıklığa değineceğiz. Nasıl? Renk tekerleği hakkında konuşarak.

Bir süredir markanız için pazarlama tasarımları oluşturuyorsanız, tek bir rengin her şeye uymadığını zaten biliyor olabilirsiniz. Markanız için hangi renklerin işe yaradığını bilmeniz gerekir. Kitleniz için hangi renklerin işe yaradığını bilmeniz gerekir. Bunun için oyunda iki faktör var – renk teorisi ve renk psikolojisi. Renk psikolojisinden bahsetmiştik. Şimdi renk teorisi hakkında konuşalım. Özellikle renk çarkı ve "tasarım" ile "iyi tasarım"ı birbirinden ayırmaya nasıl yardımcı olduğu hakkında.

Peki, renk çarkı nedir?

Renk seçiminde yaratıcılık vardır. Yaratıcılığınıza biraz bilim uyguladığınızda, farklı durumlar için renk kombinasyonları belirleyebilirsiniz. Birlikte iyi görünen renkleri, büyük ölçüde kontrast oluşturan veya zahmetsizce karışan renkleri seçmekle ilgilidir. Renk çarkı bu seçimi sizin için kolaylaştırabilir.

Renk tekerleğinin gerçek tanımı şudur:

"renkler arasındaki ilişkileri göstermek için kullanılan spektrumun dairesel bir diyagramı".

Basit bir ifadeyle, bir renk çarkı, renklerin özelliklerine ve bu renklerin algılanma biçimine göre dairesel düzenlenmesidir. Fikir, Newton Disk konseptinden geliyor.

Temel renk çarkı, aşağıdakilerden oluşan 12 renk tonu (düz renkler) içerir:

• 3 ana renk (diğer renkler birleştirilerek oluşturulamayan orijinal renkler)
• 3 ara renk (2 ana renk birleştirilerek elde edilir)
• 6 üçüncül renk (bir ana renk ile bir ikincil rengin birleştirilmesiyle elde edilir)

Tasarımda yaygın olarak gördüğünüz iki tür renk çarkı, birincil renkler olarak RGB'ye (kırmızı, yeşil, mavi) veya RYB'ye (kırmızı, sarı, mavi) dayanır. RGB ışık spektrumunu temel alırken, tüm tonların bir kombinasyonu beyazı verir. Oysa RYB, boya renklerinin nasıl çalıştığına dayanır. Ne kadar çok boyayı karıştırırsanız, o kadar çok tonu birleştirirsiniz, siyaha o kadar yaklaşırsınız.

Bu nedenle, baskı tasarımcılarının ve dijital tasarımcıların kullandığı renk şemalarında ince farklar bulacaksınız. Peki, pazarlama tasarımları için renk tekerleğini iyi anlamak neden önemlidir? sana söyleyeceğiz

Renk çarkı ve marka tasarımları

Markanızı temsil eden logodan bağlantı kurmaya yardımcı olan kartvizite, mesajınızı ileten sosyal medya tasarımlarından müşteri deneyimini etkileyen ambalaj tasarımınıza kadar - markanızın görsel bir temsilinin olduğu her yerde, renkler gösteriyi yönetir. Tek başına renklerin satın alma kararlarının yaklaşık %85'ini etkileyebileceğini biliyor muydunuz? Bu etkili görsel özelliği daha iyi anlamanıza yardımcı olacak herhangi bir fikir değerlidir. Bu nedenle, renk tekerleğini anlamak, daha iyi tasarımlara yönelik harika bir ilk adımdır.

Bazı renkler yan yana yerleştirildiğinde güzel görünür. Ama birini ön plana çıkarın ve işler çok farklı olsun. Ya ön plandaki renk zor ayırt edilir ya da tasarımı rahatsız edecek kadar çok görsel dikkat dağıtır. Bunu istemezsin!

Aşağıdaki tablo farklı renk kombinasyonlarının web tasarımındaki etkisini göstermektedir. Bir pazarlama tasarımındaki metnin okunabilirliği için de benzer kurallar geçerlidir.

İki renk arasındaki kontrast, ön plandaki metnin arka plan rengine karşı okunaklı olup olmadığını size söyler. Değilse, kopyanız ve içindeki mesaj net olmadığından iki iyi renk boşa gitmiş olacaktır. Bundan kaçınmanın bir yolu da, seçilen rengin renk çarkındaki konumunu anlamak ve yaygın olarak kullanılan renk uyumlarına veya renk şemalarına göre doğru kombinasyonu seçmektir.

Şimdi renk şemalarından ve bunları tasarımlarınızda nasıl kullanacağınızdan bahsedelim.

Bilmeniz gereken 7 renk şeması

Renk uyumları veya renk şemaları, iki veya iki veya daha fazla rengin kombinasyonlarıdır. Bu kombinasyonlara, ilgili rengin renk tekerleğindeki konumuna göre ulaşırsınız. Seçtiğiniz renkler arasındaki ilişki, yan yana veya karşı karşıya yerleştirdiğinizde nasıl görüneceklerini belirler. Ve iyi tasarımın anahtarı, bu kombinasyonu doğru yapmaktır.

İki renk arasındaki ilişki, ne kadar benzer göründükleri veya ne kadar farklı oldukları kadar basit olabilir. Renk tekerleğinde, renkten ne kadar uzaklaşırsanız kontrast o kadar yüksek olur. Çok fazla kontrast veya çok az kontrast, bir tasarımın hem okunabilirliğini hem de estetiğini etkileyebilir. Bu fikirlerin nasıl ve nerede kullanılacağını öğrenmek için renk şemalarından bahsedelim.

Oraya varmadan önce, ton, renk tonu, gölge ve ton terimlerinin sıklıkla kullanıldığını göreceksiniz. Halihazırda bilmiyorsanız,

• Ton düz renktir
• Renk Tonu = Ton + Beyaz
• Gölge = Ton + Siyah
• Ton = Ton + Gri

1. Tek renkli renk düzeni

Bunu daha iyi anlamak için, düz renklerin tonlarını ve tonlarını içeren genişletilmiş renk çarkını anlamanız gerekir.

Yukarıdaki renk tekerleğinde dikey olarak ilerleyerek bir renk paleti seçtiğinizde tek renkli bir renk paleti elde edersiniz. Başka bir deyişle, bu, bir tonun tonları, tonları veya tonları ile birlikte bir kombinasyonudur. Genel olarak, bu şema göze hoş geliyor. Tek bir ana renk vardır. Dolayısıyla, mesajın duygusunu güçlü bir şekilde yansıtan tek rengi belirlediyseniz, tek renkli şemalar işe yarar. İzleyiciyi ana mesajdan uzaklaştıran çelişen hiçbir renk yoktur.

Marka renginiz etrafında oluşturulmuş tek renkli bir renk şeması, marka renginizin dikkatleri üzerine çekmesine yardımcı olur. Bunlar marka tasarımları için harika seçeneklerdir. Bunları tutarlı bir şekilde kullanmak, müşterilerin markanızı marka renginizle ilişkilendirmesine yardımcı olur.

Kimp İpucu: Tek renkli bir renk paleti seçtiğinizde, en yüksek kontrast düzeyi, tek renkli renk tekerleğinin ortasındaki renk ile aynı dikey bölümdeki en dıştaki renk arasındadır. Bu nedenle, tek renkli bir renk şemasıyla çalışıyorsanız ve tasarımdaki metni nasıl okunaklı tutacağınızı merak ediyorsanız, birbirinden daha uzak renk değerleri seçin.

2. Benzer renk düzeni

Tek renkli monotonluğu kırmak, ancak kombinasyonu esnek tutmak istiyorsanız, analog renk şemaları en iyi seçeneğinizdir. Benzer bir renk şeması bulmak için, renk tekerleğinde bir ana rengi ve onun hemen yanında bulunan iki rengi seçersiniz. Bu üç renk, kademeli bir ilerleme, bir tondan diğerine yumuşak bir geçiş gibi görünür. Bunu çalışmak için hoş bir renk şeması yapan şey budur.

Degrade arka planlar oluşturmanız gerektiğinde veya doğadan ilham alan tasarımlar gibi güçlü bir temayı iletmek istediğinizde, benzer şemaları seçebilirsiniz.

Yukarıdaki tasarımda pembe, Sevgililer Günü teması için mükemmel bir renktir. Ancak tek renkli bir palet, daha az kontrast anlamına gelir. Tek renkli paletlerle çalışırken anında CTA'ya veya odak metnine (bu durumda fiyat) dikkat çekmek zor olacaktır. Ancak Valentine temasını bozan güçlü renkleri seçemezsiniz. Turuncu gibi benzer bir rengin doğru uyum sağlayabileceği yer burasıdır. Tasarımdaki odak unsuruna dikkatinizi çekecek kadar kontrast ama temayı bozmayan uyumlu bir kombinasyon!

Kimp İpucu: Hem Monokromatik hem de analog renk şemalarında renkler arasında çarpıcı bir kontrast yoktur. Bu nedenle, görsel veri yorumlamaları gibi iki veya daha fazla parametre arasındaki keskin farkı göstermeniz gereken yerlerde bu şemalardan uzak durun. Ancak, parametreleri hafif bir çakışma ile yakalayan bir çubuk grafiğiniz veya pasta grafiğiniz varsa, bu şemalar işe yarayabilir.

3. Tamamlayıcı renk şeması

Renk çemberinde birbirinin tam karşısında bulunan renkler tamamlayıcı renklerdir. Daha önce tartıştığımız gibi, herhangi bir renkten uzaklaştıkça kontrast artar. Yani en yüksek kontrast tamamlayıcı renkler arasındadır. Bunları birlikte kullanmanız gerektiğinde hem artı hem de eksi.

Yüksek kontrast düzeyi, bir sayfada görsel ağırlıkları simetrik denge kullanarak dengelemeniz gerektiğinde görsel bir denge duygusu yaratmanıza yardımcı olur. Ya da başka bir deyişle, tasarımda aynı ağırlıkta veya önceliğe sahip iki farklı öğeyi temsil etmeniz gerektiğinde.

Ancak yüksek kontrast seviyesi göz önüne alındığında, bu renkleri ön planda ve arka planda kullandığınızda, çok fazla çakışıyorlar. Sonuç, çok fazla görsel gerginliğe neden olan bir tasarımdır. Diğer bir deyişle, arka plan rengi yazı tipi rengini tamamlayıcı ise metni okumak rahatsız edici geliyor. Bazı tamamlayıcı çiftler iyi görünürken diğerleri tasarımlarınızın kötü görünmesine neden olur. Örneğin kırmızı ve yeşil birbirini tamamlayan renklerdir. Yazı tipi ve arka plan için bunları seçerseniz tasarımın nasıl ortaya çıktığı aşağıda açıklanmıştır.

Tonlar arasında iyi bir kontrast vardır ve bu nedenle metni net bir şekilde okuyabilirsiniz, buna hiç şüphe yok. Ancak buradaki etkiyi öldüren kombinasyondur.

Öte yandan tamamlayıcı renkleri bir logo tasarımında olduğu gibi yan yana kullandığınızda estetik açıdan çekici bir denge oluşturuyorlar.

İşte tamamlayıcı bir çift kullanan bir tasarım - sarı ve mor.

4. Bölünmüş tamamlayıcı renk düzeni

Tasarımınızda yeterli kontrastı istediğinizde ve mesajı her öğeye doğru vurguyla iletmek için en az üç renge ihtiyacınız olduğunda, bölünmüş tamamlayıcı şemalar kullanışlı olur.

Bölünmüş bir tamamlayıcı renk paleti oluşturmak için ana renginizi seçin. Tamamlayıcı rengini tanımlayın ve bu tamamlayıcı rengin her iki tarafında bulunan iki tonu seçin. Bu üç renk bir araya getirildiğinde bölünmüş tamamlayıcı bir şema oluşturur.

Yukarıdaki tasarımda mavi ve mor metin bölümleri birbiriyle çok fazla çakışmamaktadır. Bu nedenle tasarımdaki kopyayı okumak keyifli. Zıt sarının patlamaları ilgi çekici bir unsur ekler. Ahengi bozmadan tasarımın daha çekici hale gelmesine yardımcı olur. Bölünmüş tamamlayıcı renk şemalarının yaptığı şey budur.

Kimp İpucu: Tamamlayıcı renk tonunun yanında renkler arasında minimum kontrast vardır. Ancak seçtiğiniz ana renk, bu renklerin her biri ile en güçlü kontrasta sahiptir. Böylece hoş bir uyum yaratmanın önemli olduğu tasarımlarınızın çoğunda kontrastı en az olan çifti seçebilirsiniz. CTA veya kahraman metni veya başlık metni gibi odak öğeleri ve hatta metin aksanları için ana rengi seçebilirsiniz.

5. Üçlü renk şeması

Renk tekerleğinde bir eşkenar üçgen çizmeniz gerekiyorsa, üçlü bir renk paleti elde edersiniz. Başka bir deyişle, üçlü bir renk şeması, birbirinden eşit olarak farklı üç farklı ton seçtiğiniz bir şemadır.

Tamamlayıcı renklerde olduğu gibi güçlü kontrast veya benzer renklerde olduğu gibi zayıf kontrast konusunda endişelenmenize gerek yok. Bu, her iki dünyanın en iyilerini birleştiriyor.

Buradaki tam doğru kontrast, fark yoluyla denge oluşturmanıza yardımcı olur. Farklı duygusal değerlere sahip renklerle oynayabilir ve böylece tasarımı canlı ve etkileşimli tutabilirsiniz.

Üçlü bir renk düzeni ile hem sıcak hem de soğuk tonları bir araya getiriyorsunuz. Bu nedenle tasarımınız kasvetli veya çok yoğun görünmüyor.

Yukarıdaki örnek, tasarımın iki ana rengine eşit ağırlık verir ve yeşil, dikkat çekmek için doğru kontrast patlamasını sağlar.

6. Tetradik dikdörtgen renk düzeni

Çoğu tasarımcı, tasarımınızda en fazla iki veya üç renk kullanmanızı önerir. İçeriğinizi bölümlere ayırmak ve alanlar arasında kontrast sağlamak için ihtiyacınız olan tek şey bu. Ancak bundan daha fazla renge ihtiyacınız olduğunda, dörtgen bir dikdörtgen renk paleti harika bir seçimdir.

Tetradik dikdörtgen renk şemasını nasıl oluşturursunuz? Tamamlayıcı bir renk çifti seçin. Şimdi bu tamamlayıcı renklerin her iki tarafında bulunan renkleri birleştiren bir dikdörtgen çizin. Bu dört renk, dörtlü bir dikdörtgen renk paleti oluşturur.

Burada iki çift vardır ve her bir çiftin içindeki kontrast minimum düzeydedir. Ancak her bir çifte karşı kontrast açıkça ayırt edilebilir. Ancak tamamlayıcı renklerde olduğu gibi göz yorgunluğuna neden olan kontrast yoktur. Böylece, tasarımınızı hayata geçirmek için yeterli rengi elde ederken aynı zamanda metninizin okunabilirliğini koruyabilirsiniz.

7. Kare renk şeması

Dörtlü dikdörtgen renk şemasındaki kontrastı daha da yumuşatmak ve neşeli bir renk paleti oluşturmak istiyorsanız, kare renk şeması işe yarar. Adından da anlaşılacağı gibi, bunu renk tekerleğinde bir kare çizerek elde edersiniz. Bunlar eşit aralıklı renklerdir. Böylece, benzer renklerle elde ettiğiniz hafif bir uyum aromasının yanı sıra ince bir kontrast elde edersiniz.

Kimp İpucu: Bu şemadaki tüm renkler tasarımda eşit düzeyde baskın göründüğü için, bu renklerin görünme miktarını ayarlayarak görsel ağırlıklarını değiştirmeyi deneyin. Örneğin, bunlardan birini arka plan rengi olarak kullanabilirsiniz ve geri kalanı metin bölümleri ve CTA için vurgu olarak kullanılabilir.

Kimp ile renk düzeni karmaşanıza son verin

Renkler, tonlar, kontrast, renk şemaları, renk çarkı – tasarımcı olmayan biri olarak bunun sindirilemeyecek kadar fazla olduğunu biliyoruz. Ancak artık bir genel bakışa sahip olduğunuza göre, tasarımlarınıza bakış açınızın değişeceğinden eminiz. Ve tasarımcınızın neden önerdiğiniz ana renge göre belirli bir renk paleti seçtiğini anlayacaksınız. Üstelik Kimp gibi özel bir tasarım ekibiyle çalıştığınızda, tasarımcılarınızla olan bağınız her tasarımda daha da iyiye gidiyor. Böylece tasarımcınızın, tasarımlarınızda beklediğiniz ruh halini ve görsel temayı yakalayabildiğinden emin olabilirsiniz.

7 günlük ücretsiz deneme için şimdi kaydolun .