Renkli tasarım

Renk, bir tasarımcının elinde güçlü bir güçtür. Gözünüzü çeker, duygu uyandırır ve anlam iletir. Rengin ne kadar önemli olduğuna dair bir fikir vermek için, Rengin Pazarlamadaki Etkisi başlıklı bir çalışmada araştırmacılar, bazı ürünler için insanların ürünler hakkında aldıkları anlık kararların% 90'ının yalnızca renge dayalı olabileceğini keşfettiler.

Renkleri etkili bir şekilde kullanmak tasarımlar için önemlidir. Ancak farklı renk kombinasyonları bulmak da zor. Her rengin kendi anlamı vardır ve orada sonsuz sayıda kombinasyon vardır.

Bu makale, tasarımlarınız için renk paletleri belirlemenize yardımcı olacak bir kılavuz olarak tasarlanmıştır. İyi renk kombinasyonları için sezgisel bir his geliştirmenize yardımcı olacak renkle daha fazlasını keşfetmenizi teşvik eder.

Renkle daha fazlasını keşfettikçe, iyi renk kombinasyonları için sezgisel bir his geliştireceksiniz.

Bir renk paleti seçmek

Bazen bir renk paleti, ani ilhamın sonucudur. Ancak çoğu zaman sistematik bir yaklaşım benimsemekten gelir.

Amacı tanımlayın

Başka bir şey yapmadan önce tasarımınızın amacını belirleyin. İyi tasarım, renk paletini amacına uygun hale getirir.

Kendinize şu soruları sorun:

  • Tasarımınızla iletmek istediğiniz mesaj nedir?
  • Tasarımınızın amacı nedir? Bilgilendirici olmak için? İkna etmek?
  • Tasarımınızın hangi duyguları uyandırmasını istiyorsunuz?

Tasarımınızın amacı, renk paletinizi seçerken size rehberlik etmelidir.

Hedef kitlenizi belirleyin

İnsanlar renkleri farklı algılar. Fairchild'in dediği gibi, renk, gözlemcide ortaya çıkan psikolojik bir fenomendir. Renklerin, kişisel tercihlerine, kültürel yetiştirilme tarzlarına ve deneyimlerine bağlı olarak insanlar üzerinde farklı etkileri vardır. Bu nedenle, insanların tasarımınıza nasıl tepki vereceğini anlamak için hedef kitlenizi belirlemeniz gerekir.

Renklerin bazı anlamları izleyiciler arasında evrenselken diğerleri evrensel değildir. Yeşil, bitki örtüsünün rengi olduğu için evrensel olarak doğayı temsil eder. Bununla birlikte, kırmızı gibi bir renk, kültürler arasında farklı yorumlanır. Batı dünyasında kırmızı, ateş, şiddet ve savaşla ilişkilendirilir. Aynı zamanda aşk ve tutku ile de ilişkilidir. Ancak Çin gibi ülkeler kırmızıyı refah ve mutlulukla ilişkilendirir.

Renklerin çok farklı anlamları olduğu için, bir tasarımcı olarak sahip olduğunuz zihinsel renk modellerini izleyicilerinizle eşleştirmek önemlidir.

Farklı ülkelerde ve demografilerde renklerin ne anlama geldiği hakkında daha fazla bilgi edinmek için Pazarlamada ve Markalaşmada Renk Psikolojisi ve Rengin Anlamı sayfalarına göz atın.

Renk teorisini inceleyin

Bir renk paleti seçerken, bazen biraz renk teorisi bilmek yardımcı olabilir. Renk teorisi, renkleri karıştırmak için mantıksal bir yapı ve pratik bir kılavuzdur. Renk çarkından tek tek renklerin anlamına kadar her şeyi kapsar.

İyi bir primer, Canva'nın Temel Renk Teorisi ve Hubspot'un Renk Teorisi 101'dir. Renk teorisinin ilginç bir uygulamasını Neden Facebook Mavi? Pazarlamada Renklerin Arkasındaki Bilim.

İlham bul

Bazen tasarımınız için doğru renk paletini görselleştirmek zordur. Sorun değil, harika sanatçılar çalar . Daha doğrusu, diğer sanatçılardan ilham alıyorlar.

Renk paleti ilhamının olağan şüphesi, Dribbble ve Behance gibi sitelerdir. Materyal tasarımı gibi belirli bir tasarım stili için renk ilhamı bulmak istiyorsanız, MaterialUI gibi bir site kullanabilirsiniz. Düz tasarım eşdeğeri FlatUIColors'da bulunabilir.

Bu siteler kullanışlıdır, ancak tasarladığınız belirli ortamın dışından gelen tasarımlara bakmayı deneyin. Bunu yapmak, beklenmedik şekilde benzersiz ve hoş renk paletleri oluşturmanıza yardımcı olacaktır. Örnek olarak iç mekan tasarımlarına bakabilirsiniz.

Farklı bir şey istiyorsanız, diğer kültürlerin tasarımında renk ilhamı arayın. Örneğin, Kore müzik video seti tasarımları renkli ve göz alıcı renk paletleriyle tanınır. Her çerçeve bir ilham kaynağı olabilir.

Renk ilhamı bulmak için Kore'ye gitmenize gerek yok. Günlük yaşamınız dahil her yerde. Bir dahaki sefere dışarı çıktığınızda, etrafınızdaki renkleri takdir etmeyi bırakın.

Size ilham veren bir şey bulduğunuzda, onun için bir renk paleti oluşturun. Bir renk paletini ortaya çıkarmak ve gerekirse ayarlamalar yapmak için favori tasarım programınızdaki göz damlalık aracını kullanabilirsiniz.

Bir tasarım sistemi kurun

Bazen stil kılavuzu olarak adlandırılan bir tasarım sistemi, tasarımınıza giren tüm öğeleri kapsayan bir çerçevedir. Bu, düğmelerden tipografiye kadar her şeyi içerir. Ne tür düğmeler kullanacağınız ve gezinme çubuğunuzun neye benzediği gibi şeyleri düşünün.

Bir tasarım sistemi örneği için Salesforce tasarım sistemine göz atın. Daha da fazla örnek için, İşte Her Başlangıçta Başlamadan Önce Görmesi Gereken 50 Titiz Stil Kılavuzunun bir listesi.

Sadece kaba bir taslak olsa bile, bir renk paleti seçmeden önce bir tasarım sistemi oluşturmak faydalıdır. Bunu yapmak size hangi öğelere sahip olduğunuz ve renklerinizin bunlara nasıl uygulanabileceği konusunda bir fikir verecektir.

Tasarımınız için bir renk paleti seçerken en iyisi KISS (Basit tutun, aptalca tutun) ilkesine bağlı kalmaktır. Renkler ne kadar azsa o kadar iyidir. Çoğu tasarım sistemi için aşağıdaki yapı iyi bir başlangıçtır:

  • Arka fon
  • Birincil aksan
  • İkincil aksan
  • Hata rengi
  • Başarılı renk

Ana renk, önemli düğmeler ve vurgular için en sık kullandığınız renktir. Birçok şirket için bu aynı zamanda logolarının rengidir.

İkincil renk, ikincil eylemleri birincil eylemlerden ayırmak için kullandığınız renktir. Örneğin, birincil ve ikincil düğmeler. Genellikle kırmızı ve yeşil olan hata ve başarı renkleri tasarım durumlarını iletir. Örneğin, başarı veya hata bildirimleri.

Bir renk paleti seçin

Artık ilham ve tasarım sisteminin kaba bir taslağını öğrendiğinize göre, bir renk paleti seçmenin zamanı geldi.

Temel renk paletleri için, tıpkı bir sanatçının boya paleti için yapacağı gibi renklerimi yan yana koymayı seviyorum.

Bu, tüm renk ilhamınızı alma ve onlardan renk paletleri oluşturma zamanı. Ne kadar çok, o kadar iyi. Renkleri kendi başınıza denemekten de korkmayın.

Renk paleti seçeneklerinizi daraltırken, tasarımınızın amacını ve hedef kitlesini belirlediğiniz ilk iki bölümü düşünün. Kendinize şu soruları sorun:

  • Hangi renklere erişilebilir?
  • Hangi renklerin görsel etkisi var ve gözünüze çarpıyor?
  • Açık veya koyu renk şemasına mı ihtiyacınız var? İnsanlar ürününüzü günün hangi saatinde kullanacak?
  • Tasarımınızın hangi havayı aktarmasını istiyorsunuz? Sahip olduğunuz herhangi bir renk paleti bunu diğerlerinden daha iyi yapıyor mu?

Son bölümde bahsettiğim gibi renklerin tasarım sisteminizde farklı rolleri olacak. Bu aynı zamanda her rengin sisteminizde farklı bir ağırlık taşıdığı anlamına gelir. Örneğin, arka plan renkleriniz vurgulu renklerden daha sık kullanılacaktır.

Bu nedenle, her boyut kabaca belirli bir sayfadaki rengin ortaya çıkma sıklığına ve ortalama yüzey alanına eşit olacak şekilde farklı boyutlarda şekillerden oluşan tek kullanımlık bir tasarım oluşturmak iyi bir egzersizdir.

Örnek olarak, işte Invision'un renk paleti.

Geometrik bir temsil şuna benzeyebilir.

Renk paletleri uygulama

Renkleri tasarım sistemlerine nasıl uygulayacağınıza dair bir fikir vermek için Airbnb'ye bir göz atalım. Airbnb'nin ana rengi, adını şirketin geldiği caddeden alan Rausch'tur. Kazan ikincil bir renk görevi görür ve iki gri arka plan renkleri olarak kullanılır.

Airbnb çoğu sayfada arka plan olarak sisli gri kullanır. Bir liste kaydı talep etmek gibi önemli eylemleri vurgulamak için ana rengi olarak rausch'u kullandıklarını görebilirsiniz.

Turkuaz rengi Kazan, gözünüzü yakalamak ve meşgul etmek için kullanılır. Ana rengi nasıl tamamladığına dikkat edin.

Airbnb, hata mesajları için açık kırmızı, muhtemelen bir gölge rengi kullanır. Kırmızı, ünlem işaretiyle birlikte hemen gözünüzü çeker ve sistemin durumunu size bildirir.

Tasarımınızda herhangi bir renk olmadan başlayın. Öğelerin düzenine ve yerleşimine odaklanın. Sahip olduklarınızdan memnun kaldıktan sonra, renk paletinizi tasarımınıza uygulamaya başlayabilirsiniz.

Tasarımınızda görsel hiyerarşi düşünün. Hangi tasarım bileşenlerini vurgulamak istediğinizi düşünün ve uygun rengi atayın. Ayrıca, fareyle üzerine gelme ve tıklama durumları gibi şeyler için farklı renk tonları kullanmayı düşünün.

Sarmak

Renk tamamen deneme ve yineleme ile ilgilidir. Renkli çalışma konusunda daha iyi olmak istiyorsanız, tek cevap daha fazla iş yapmaktır. Rengi bir katkı maddesi olarak düşünün. Tasarımınızın düzenine ve işlevselliğine sahipseniz, istediğiniz kadar renk paleti deneyebilirsiniz.

Renklerle nasıl tasarım yapılacağını öğrenmek bir tasarımcı için son derece değerlidir. Renk paletlerini seçmede daha iyi hale geldikçe, bir tasarım programına dokunmadan önce bir tasarımdaki renk kombinasyonlarını görselleştirme yeteneğini geliştirirsiniz.

Renklerle nasıl çalıştığını bilmek isterim. Süreciniz nedir? Bana bir not veya Tweet bırakmaktan çekinmeyin.

Not: Bu makaleyi beğendiyseniz, tavsiye et düğmesine basarsanız veya arkadaşlarınızla paylaşırsanız çok şey ifade eder.