Tasarımla Etki - Renk ve Duygular İçin Bir Kılavuz

Yayınlanan: 2022-03-11

Kırmızı görmek. Mavi hissediyorum. Kıskançlıktan kudurmuş.

Popüler deyimler, insanların uzun zamandır renkleri çağrıştırdıkları duygularla ilişkilendirdiğini gösteriyor. İnsanlar kırmızıyı öfkeyle (veya şehvetle), maviyi depresyonla ve en azından Shakespeare'in zamanından beri yeşili kıskançlıkla ilişkilendirir. (Kıskançlıkla ilgili olarak yeşil rengi eserlerinde en az üç kez kullanmıştır.)

UX tasarımcıları, insanların gerçek davranışlarının yanı sıra duygularını da etkilemek için rengi harika bir etki için kullanabilir. Renk, insanların tasarımları nasıl algıladıkları üzerinde en büyük etkiye sahiptir, ancak pek çok tasarımcı projeleri için uygun renk paletleri oluşturmak için gerekli zaman ve çabayı harcamaz.

Bu, bir ürüne istenen tepkiyi mutlaka etkilemeyen çok fazla çaba ve renk paleti israfına neden olur. Ve en kötü senaryoda, bir tasarımla ilgili diğer her şey optimize edildiğinde bile renkler insanları rahatsız edebilir.

Olumlu ve Olumsuz Renkler Var mı?

Bazı renklerin doğal olarak olumlu veya olumsuz olduğuna dair yaygın bir fikir var. Çoğu zaman, sıcak renkler (sarı, kırmızı ve turuncu) pozitif olarak kabul edilirken, soğuk renkler (mavi, yeşil ve mor) negatif olarak kabul edilir.

Yine de, bu çağrışımlar zor ve hızlı kurallar değildir. Örneğin, kırmızı (sıcak bir renk), öfke veya tehlike duygularını uyandırabilir (Holly Golightly'nin Tiffany'de Kahvaltı'daki "orta kırmızılar" hakkındaki monologunu düşünün), yeşil (soğuk bir renk) ise büyüme ve yeni başlangıçlar duygularını uyandırabilir. Renk psikolojisi ve renk teorisinin bu kadar karmaşık olmasının bir nedeni de budur. Bir rengin nasıl algılandığını ve insan davranışını ve düşüncesini nasıl etkilediğini etkileyebilecek görünüşte sonsuz faktör vardır.

Kültürel farklılıkların da renk anlamları üzerinde derin bir etkisi olabilir. Birçok batı kültüründe beyaz, büyük ölçüde saflık ve barışla ilişkilendirilir ve yine de bazı Asya ülkelerinde beyaz, ölüm ve yasla ilişkilendirilir.

Tasarımcıların, paletlerindeki renklerin birbiriyle nasıl uyumlu çalıştığına ve her rengin çevresindeki diğerlerini nasıl etkilediğine dikkat etmesi hayati önem taşır.

Renklerin Psikolojik Etkileri

Sıcak renkler canlandırıcı ve canlı olma eğilimindedir. Tipik olarak enerji verirler ve bir tasarıma hayat katabilirler. Sıcak renkler arka plana karışmak yerine ekranda veya sayfada "açılır" ve tasarımın ön saflarında yer alma eğilimindedir.

Siyah bir arka plana karşı sıcak bir renk şeması açılır
Hourly uygulamasının ana sayfasındaki kırmızı ve sıcak bej renk paleti, soğuk bir renk paletinin yaratmayacağı enerji ve aciliyet yaratır.

Sıcak renklerle ilgili dikkat edilmesi gereken ilginç bir şey, üç ana renkten ikisinin (kırmızı ve sarı) sıcak olması ve ikisinin birleşimi olan ikincil bir renk olan turuncu olmasıdır. Bu, çoğunlukla sıcak renklerin tamamen sıcak, yani birincil olduğu ve diğer renklerden karıştırılamayacağı anlamına gelir.

Soğuk renklerin sıcak renklerden daha sakin olarak algılanması daha olasıdır. Ancak, özellikle ikincil renkler olan yeşil ve mor, birincil soğuk renk (mavi) ile sıcak bir renk (yeşil oluşturmak için sarı ve mor oluşturmak için kırmızı) birleştirilerek oluşturulduğundan, durum her zaman böyle değildir. Bu, bu tonların “cool” olarak kabul edilirken, sıcak yönlerinin bazı özelliklerini üstlenebilecekleri anlamına gelir.

Renk anlamları: Mavi sakin ve güvenilirdir
Whitetail cin web sitesinin sakinleştirici mavisi, rahatlama izlenimi veriyor.

Yeşil, özellikle daha hafif ve daha parlak versiyonları, yaşam ve pozitif enerji ile ilişkilendirilebilir. Mor, özellikle daha parlak (fuşya gibi) veya daha açık (lavanta gibi) olduğunda çok canlı bir renk olabilir.

Bir tonun değerini değiştirmek, renk ilişkilendirmelerini değiştirir
Daha parlak değerler (parlak mor ve fuşya gibi) soğuk renklere daha fazla enerji verir.

Nötr renkler (kahverengi, ten rengi, gri, beyaz ve siyah), birleştirildikleri renklerin özelliklerini alma eğilimindedir, ancak bu etkileri bastırabilir veya geliştirebilirler. Örneğin, sıcak renkleri beyazla birleştirmek, daha hafif (sadece genel canlılık açısından değil, ağırlık açısından da) ve kaygısız görünen bir tasarım yaratabilir. Aynı sıcak renkleri siyahla birleştirmek, onları daha yoğun ve dramatik hale getirebilir. Soğuk renkleri siyahla birleştirmek onları daha gizemli hale getirebilirken, beyazla birleştirmek onları daha sakin ve rahat hale getirebilir.

Rengin Tüketici Davranışı Üzerindeki Etkisi

Renk, bir kişinin ruh halini veya düşüncelerini etkileyebilir, ancak davranışlarını da etkileyebilir mi?

Evet kesinlikle.

Pazarlamacılar, tüketicileri belirli eylemlerde bulunma konusunda etkilemek için uzun süredir renge güveniyorlar. Bu nedenle, yoldan geçenlerin dikkatini çekmek için vitrinlerdeki tabelalar genellikle sarıdır ve satış fiyatları genellikle kırmızı ile gösterilir.

Bu seçeneklerin çoğu, katı bilimden çok geleneğe dayanmaktadır, ancak bu da tüketiciler arasında bir beklenti yaratmıştır. Kırmızı bir fiyat gördüklerinde, baktıkları şeyin indirimde veya indirimde olduğunu varsayarlar. Bir pencerede sarı bir işaret gördüklerinde, ilgili bilgileri içereceğini düşündüklerinden (sarı, insan gözünün en çok görebildiği renklerden biridir, bu nedenle doğal olarak dikkat çeker).

Rengin psikolojik etkileri: Kırmızı satışlarla ilişkilendirilir
ASOS web sitesi, satış fiyatlarını belirtmek için kırmızı kullanır ve müşterilere iyi bir anlaşma yaptıklarının sinyalini verir.

İşte her bir renk tonunun tüketici davranışını nasıl etkilediğine dair kısa bir özet (Pazarlama için rengin kullanımı hakkında daha ayrıntılı bilgi Suyati'deki bu infografikte bulunabilir).

  • Kırmızı, satın alma ve satışla güçlü bir şekilde ilişkilidir. Çok yoğun kullanılırsa, bazı müşterileri geri çevirebilir.
  • Turuncu, harekete geçirici mesajlar için kullanılabilir ancak aşırı kullanıldığında rahatsız edici de olabilir. Bu nedenle logoların veya vurgu renklerinin dışında sıklıkla görülmez.
  • Sarı, odağı çeker ve tüketicilerin dikkatini çeker.
  • Yeşil, insan gözü tarafından kolayca işlenir ve bu nedenle genellikle bir rahatlama hissi yaratmak için kullanılır. Aynı zamanda para ve şansla da güçlü bir şekilde ilişkilidir.
  • Mavi dünyanın en sevilen rengidir, bu nedenle her türlü iletişimde yaygın olarak kullanılması şaşırtıcı değildir. Ayrıca sadakat, dürüstlük ve güç ile güçlü bir şekilde ilişkilidir ve daha muhafazakar sektörlerdeki (bankacılık ve sigorta gibi) büyük şirketler ve işletmeler için popüler bir seçimdir.
  • Mor, güzellik ürünleri endüstrisinde yoğun olarak kullanılmaktadır, ancak lüks mallarla da ilişkilendirildiği görülmektedir (örneğin, imza parfümü Purple Water olarak adlandırılan Asprey gibi).
  • Siyah, pazarlamada kullanıldığında genellikle sofistike ve zariftir. Çoğu endüstride iletişimde yaygın olarak kullanılmaktadır.
  • Beyaz genellikle temizlikle ilişkilendirilir ve bu nedenle sağlık sektöründe popülerdir. Basitlikle olan ilişkisi nedeniyle teknoloji endüstrisinde de kullanılır.
  • Gri aynı zamanda sadelikle de ilişkilendirilir ve genellikle pazarlamacılar tarafından tüketicileri sakinleştirmek ve yatıştırmak için kullanılır.

Yine, her bir rengin tüketici davranışı üzerindeki etkisi, içeriğin bağlamının yanı sıra kullanım biçiminden de büyük ölçüde etkilenir.

ABD merkezli tam zamanlı serbest UI tasarımcıları istedi

Duygusal Olarak Güçlü Renk Paletleri Oluşturma

Birçok UX tasarımcısı, belirli durumlarda belirli renklerin kullanılamayacağını düşünür. Bu tür bir düşüncenin modası geçmiştir ve modern tasarımda yeri yoktur.

Pantone'un 2019 Yılının Rengi: Yaşayan Mercan'a bakalım. Bu güçlü bir renktir ve birçok tasarımcının birçok projede kullanmaktan çekindiği bir renktir. (Not: Sadece trendleri takip etmek adına bu belirli çoğunluğa atlamayı savunmuyorum, ancak bu bir deney için iyi bir başlangıç ​​noktasıdır.)

Ne de olsa, Living Coral'ın bir bankacılık web sitesinde veya erkek takımları satan bir web sitesinde (her ne kadar mercan takımını sallayabilen erkeklere destek olsa da) nasıl bir yeri var? Ancak, doğru bağlamda kullanıldığında bir tasarımcının istediği herhangi bir proje için hemen hemen her rengin kullanılabileceğini kanıtlamak için Living Coral'ı içeren çeşitli endüstriler için kullanılabilecek renk paletleri burada.

Bunun nasıl yardımcı olduğundan emin değil misiniz? Bir tasarımcıya bir projeyle gelen ve o renk iğrenç olsa da belirli bir "marka renginin" kullanılmasında ısrar eden müşterileri düşünün.

Aşağıda, çeşitli endüstriler için uygun olan Living Coral'ı içeren dört renk paleti örneği verilmiştir.

Renk ve marka bilinci oluşturma: yaratıcı bir renk paleti
Bu renk paleti eğlenceli ve korkak. Çocuklara veya yaratıcı arayışlara yönelik bir site için harika olurdu.


Kurumsal siteler için en iyi renk kombinasyonları
Bu, hukuk, bankacılık veya sigortacılık gibi geleneksel endüstriler için harika bir palettir, ancak Living Coral'ın eklenmesi ona daha erişilebilir bir his verir ve daha genç izleyicilere hitap etmesine yardımcı olabilir.


Tasarımcılar için renk teorisi: Hemen hemen her renk bir markaya dahil edilebilir
Bu palet daha sessiz ve bir giyim şirketi veya içeriğin tasarım öğelerinden daha fazla öne çıkması gereken başka bir site için harika olurdu.


Rengin psikolojik etkileri derin olabilir
Bu palet geleneksel hissettiriyor (Cape Cod'da yazları düşünün), aynı zamanda taze ve rahat hissediyor.

Dört farklı palet, dört farklı duygu. Aynı tür deney hemen hemen her renk için yapılabilir.

Görünüşte uyumsuz renkleri bir tasarıma dahil etmenin bir başka yolu, tona siyah, gri veya beyaz ekleyerek renk tonunun değerini değiştirmektir.

Renk ilişkilendirmeleri siyah, beyaz veya gri eklenerek değiştirilebilir
Soldaki parlak renkler, siyah, gri veya beyaz ekleyerek (soldan sağa) duygusal etkilerini değiştirebilir.

Daha sessiz bir renk oluşturmak (gri eklemek) onu daha rahat hissettirecektir. Bir rengi koyulaştırmak için siyah eklemek, ona daha geleneksel veya muhafazakar bir his verir. Renkleri açmak için beyaz eklemek onlara daha masum ve huzurlu bir his verir.

Renk teorisinin en çok gözden kaçan kısımlarından biri, bir tasarımcının içgüdülerine güvenme yeteneğidir. Renk oldukça özneldir ve belirli kurallar olsa da, hala nispeten incelenmemiş bir tasarım alanıdır.

Tasarımcılar, çeşitli renk paletlerini ve fikirleri denerken içgüdülerini takip etmeli ve ardından içgüdülerinin doğru olup olmadığını kanıtlamak için kullanıcı testleri yapmalıdır. Kullanıcı testi, A/B testi ve çeşitli renk paletlerinin etkinliği hakkında veri toplamanın diğer yöntemleri, nihai tasarımların oluşturulmasında çok değerlidir.

Çözüm

Renk ve duygu arasındaki ilişki, iyi UX tasarımının en önemli yönlerinden biridir. Doğru renk paleti, insanları bir sitede veya tasarımcıların yapmalarını istediği bir uygulamada harekete geçmeye teşvik ederken, yanlış palet, ziyaretçileri herhangi bir işlem yapmadan önce geri çevirebilir.

Doğru renk paletini seçmek, kısmen sanat ve kısmen bilimdir. Bir başlangıç ​​paleti tasarlamaya gelince, tasarımcılar mevcut araştırmalarla birlikte içgüdülerini takip etmeli ve ardından renk paletinin tasarımın genel amacını güçlendirdiğinden emin olmak için test edip tekrar test etmelidir.

•••

Toptal Tasarım Blogunda daha fazla okuma:

  • Bir Olasılıklar Yelpazesi: Go-To UI Renk Kılavuzu
  • Tasarım Psikolojisi ve Müthiş Kullanıcı Deneyiminin Sinirbilimi
  • Sebep ve Etki – Renk Psikolojisini Keşfetmek
  • Kullanıcı Etkileşimini Artırmak için Duygu Tasarımı
  • UX'te Rengin Rolü