Zpět na seznam článků

Psychologie barev – jak správně vybrat barvu loga, tlačítka nebo reklamy

Vybírat barvu na základě líbí nelíbí se vám může vymstít. Využijte informace získané z 50 akademických studií o vnímání barvy.

Day-and-night

U dvou klientů právě řeším barevnost. Jeden mi už potřetí změnil barvu značky, druhý má barvu příliš podobnou konkurenci.

Tak jsem přeložil nejlepší článek o barvách a přidal tam pár svých postřehů.

Třeba ten, že ženy preferují růžovou, protože byly sběračky (ovoce je většinou na škále žlutá-červená), zatímco muži lovili (asi modrého mamuta).

Všech 50 studií o barvě umístěných do přehledné tabulky:

barvenostsvětlostsytost
rozrušeníodpočinek
vzrušení
myšleníracionální
emocionální
prodejaukce
smlouvání
značkaschopný
vzrušující
silný
upřímný
sofistikovaný
cílpozornost
akce
líbivost
zbožípraktické
pro zábavu
zprávaprevence
zisk
pohlavímuž
žena

Tak tady může Lenka přeskočit na příklady aplikace.

Z čeho se skládá barva

Jsou to tyto 3 prvky:

  1. barevnost (červená, béžová) hue,
  2. světlost (světlá, tmavá) value,
  3. sytost (bledá, sytá) saturation.

 

Barevnost, světlost a sytost

Pokud řešíte jen barevnost, tak máte problém. Podle studie je větší emocionální odezva na světlost a sytost, než na samotnou barvu.

TIP: Až příště dostanete befelem barvu, tak si vzpomeňte, že si můžete hrát se světlostí a sytostí barvy.

Proč upřednostňujeme určité barvy?

Nejoblíbenější barva je modrá. A proč většina lidí nemá ráda černou, hnědou nebo šedou?

Jsou pro to 3 důvody:

  1. biologie/evoluce,
  2. pohlavní předurčenost,
  3. ekologické mocenství.

Biologie

Vývojově jsme vždy spojovali modrou s nocí a pasivitou a žlutou se dnem a aktivitou. Stejně tak syté barvy znamenají u zvířat jedovatost.

Pohlavní předurčenost

Jakmile dítě pozná, že je chlapeček nebo holčička, tak samo vyhledává informace a vjemy vztahující se k jeho pohlaví. Čím je díte starší, tím méně se mu líbí barva spojovaná s opačným pohlavím.

Ekologické mocenství

Upřednostňování určitých barev a jejich variant je dáno předchozími zkušenostmi s touto barvou. Čím více pozitivních vzpomínek máme s objekty nebo situacemi v dané barvě, tím více ji máme v oblibě.

Jak se mění oblíbenost barev s věkem

Tohle je dost zajímavé. Pokud je vám 70, tak už se vám líbí jen modrá nebo bílá.

Oblíbené barvy v závislosti na věku

 

Jaký význam mají barvy

Lidé přiřazují různé významy stejné barvě. Je to dáno:

  1. zkušenostmi,
  2. kulturou,
  3. kontextem.

Zkušenosti

Pokud budete puberťák, tak červená bude znamenat lásku, pokud řidič auta, tak stopku a pokud sestra, tak krev. Ano, trochu přeháním, ale intenzita významu bude určitě ovlivněná prostředím a tím, jakou máte z barvou zkušenost.

Kultura

Tohle určitě nepodceňujte. V různých kulturách můžou mít stejné události naprosto odlišnou barvu. Například pohřeb je v Evropě černý, v Číně bílý, v Arábii světle modrý a v Jižní Africe zelený.

Hezký si to můžete najít v infografice na Information is Beautiful.

Vnímání barev v závislosti na kultuře

Kontext

Černý kávovar si nebudete spojovat s mrtvou babičkou. Doufám. Stejně tak si nebudete spojovat červenou podprsenku se špatnými známkami. I když, možná je ta podprsenka důvod, že jste se neučili :).

Význam jednotlivých barev

Na toto téma je hodně studií, já mám ale nejradši web Cymbolism, kde si podle slova najdete, jakou barvu si k danému slovu lidi přiřazují.

Zde je poněkud zjednodušená tabulka pro Evropu a Severní Ameriku:

barvavýznam
červenávzrušení, nebezpečí, dominance, energie, zdraví, život, láska, síla, obrana, stimulace, aktuálnost
oranžovádostatek, vzrušení, pohodlí, veselost, spokojenost, bezpečí, senzualita, teplo
žlutávzrušení, veselost, sebedůvěra, kreativita, přátelskost, optimizmus, upřímnost, usměvavost
zelenáklid, pohodlí, harmonie, zdraví, naděje, příroda, mír, prosperita, pohoda, bezpečí, upřímnost, jemnost
modráklid, pohodlí, kompetence, studenost, povinnost, efektivita, inteligence, logika, důvěra, bezpečí, úspěch
fialováautentičnost, šarm, exkluzivita, luxus, kvalita, královské, spiritualita
růžováženskost, šarm, jemnost, opatrování, hebkost, hřejivost
hnědápříroda, venkov, spoleh, drsnost, bezpečí, podpora, houževnatost
černádůstojnost, efektivita, elegance, emocionální bezpečí, síla, bohatství, státnost
bíláklid, jednoduchost, čistota, upřímnost, hygiena, nevinnost

Určitě tomu ale nedávejte velkou důležitost. Jak jsem říkal, sytost a světlost barvy je důležitější.

Zbytečná zajímavost: Fialová je královská barva, protože se ve středověku dělala drcením mušlí. Bylo to extrémně drahé a dokonce jste museli mít dekret, aby vám fialové sukno prodali.

Jak vybrat správnou barvu

Správnou barvu ovlivňují 3 faktory:

  1. Vhodnost (emoční a sémantická)
  2. Estetika
  3. Hodnota (společenská a funkční)

Vhodnost

Fůra grafiků vybírá barvu podle popularity. Což je chyba. Měli by vybírat podle toho, zda je to vhodná barva k dané značce. Zda vyvolává ty správné pocity a zda je adekvátní.

Hodně lidí si například vybírá barvu místností podle emocí. Věděli jste, že pokud vymalujete „teplou“ barvou, tak vám tam bude pocitově o 0,5° C tepleji.

Ze stejného důvodu není dobré, aby prášky na bolest byly v červené krabičce, kterou si asociujete s krví a pálením.

Estetika

V závěru budou vaše produkty hodnotit lidi na škále líbí-nelíbí. Takže by měly být hezké. Hezké produkty můžou:

Hodnota

Společenská hodnota – je zvolená barva zrovna v módě?

Funkční hodnota – je zvolená barva užitečná? Vzít si například na trek žluté tričko bude peklo pro vás a úleva pro ostatní, protože veškerá havěť půjde na vás.

Příklady použití

Rozrušení

barvenostsvětlostsytost
rozrušeníuklidnění
vzrušení

Jsou barvy, které zvyšují a snižují rozrušení.

Uklidnění

Pokud jste v klidu, čas pro vás běží rychleji.

Tip: Studené barvy navozující pocit klidu snižují subjektivně plynutí času. Použijte je u animace nahrávání, na uniformách u odbavení nebo u pokladen.

Vzrušení

Vzrušení nahrává impulzivnímu chování.

Tip: Použijte teplé barvy u produktů, které lidi kupují impulzivně, např.: sladkosti, parfémy nebo hračky.

Myšlení

barevnostsvětlostsytost
myšleníracionální
emocionální

Máme dva druhy myšlení. Racionální a emocionální, systematické a pocitové, pomalé a rychlé. Viz Kahneman.

Tip: Pokud chcete, aby lidi moc nepřemýšleli, zvolte teplou barevnost. Pokud naopak chcete, aby přemýšleli, zvolte studenou barevnost.

Prodej

barevnostsvětlostsytost
prodejaukce
smlouvání

Aukce

Na eBay sledovali barevnost pozadí. Přišli na to, že pokud je pozadí v červené, tak se věc vydraží za více peněz.

Tip: V situaci, kdy spolu uživatelé soupeří o cenu produktu nebo je produkt v omezeném množství se vyplácí použít červenou barvu.

Vyjednávání

Kvůli uvedení protistrany do klidu je vhodné při vyjednávání mít kolem sebe studené barvy. Předejdete tak agresi.

Tip: V NHL a NFL sledovali, zda barva dresů ovlivňuje tresty udělované rozhodčími. Když to zkrátím, neberte si černý dres, zkuste modrý.

Značka

barevnostsvětlostsytost
značkaschopný
vzrušující
silný
upřímný
sofistikovaný

Vybírejte barvu podle toho, jakou vlastnost chcete podpořit.

Tip: Pokud vám toto nestačí, zkuste použít Cymbolism.com, kde máte těch výrazů stovky.

Cíl

barevnostsvětlostsytost
cílpozornost
akce
líbivost

Pozornost

Pokud chcete přitáhnout pozornost, nejdůležitější je kontrast. Psal jsem o tom ve článku o ideálních tlačítkách.

Tip: Pro přitažení pozornosti použijte komplementární barvu. To je barva s největším kontrastem. Červená-zelená, modrá-žlutá, atd.

Akce

Někdy chcete přinutit lidi k akci, ať už je to koupě produktu, sdílení článku nebo přihlášení k newsletteru.

Tip: Ve chvíli, kdy chcete přinutit lidi k akci, použijte teplé barvy, které zvyšují vzrušení.

Libovost

Někdy chcete lidi popohnat k tomu, aby se jim váš produkt nebo služba líbila.

Tip: Použijte barvy o krátké vlnové délce – tj. modrou, šedou nebo bílou, aby váš produkt byl vnímaný pozitivněji.

Zboží

barevnostsvětlostsytost
zbožípraktické
pro zábavu

 

Tip: Pokud je produkt praktický (pneumatiky, vrtačka), použijte studené barvy. Pokud je spíše pro zábavu (čokoláda, parfém, restaurace), použijte teplé barvy.

Zpráva

barevnostsvětlostsytost
zprávaprevence
zisk

Inzerenti často v reklamě apelují buďto na zamezení ztráty nebo dosažení zisku.

Tip: Pokud cílíte na prevenci, použijte červenou. Pokud cílíte na zisk, použijte modrou.

Pohlaví

barevnostsvětlostsytost
pohlavímuž
žena

Ženy preferují barvy okolo červeno-fialové, muži naopak okolo modro-zelené.

Jaké barvy jdou dobře k sobě

Jsou určité zavedené systémy, ze kterých byste měli čerpat.

Jednobarevné (monochromatické)

Toto schéma je vhodné pro jednoduchá sdělení.

 

Monochromatická barevost

Příbuzné (analogové)

Toto schéma je vhodné pro harmonická sdělení

 

Analogová barevnost

Trojúhelníkové (triadické)

Jedna z nejpopulárnějších variant, máte primární a pak sekundární barvy.

 

Trojúhelníková barevnost

Doplňkové (komplementární)

Toto schéma je vhodné pro maximální kontrast.

 

Komplementární barevnost

Užitečné odkazy

První je inspirace webových schémat barev – Website Colour Schemes

Barevné schéma

A druhý je kvíz psychologie barev – Chromantics. Schválně, jak jste byli pozorní při čtení.

Závěr

Volbu barvy nenechávejte na náhodě nebo volbě líbí-nelíbí. Snažte se volit barvu tak, aby na ty správné lidi působila tím správným dojmem.

Související články

Lingscars

Lingscars – UX peklo? Ne tak docela

I-beg-your-pardon-gd0d17d046-1280

Žádáte zákazníky o ruku na prvním rande?

Alza-kosik

Vícekrokový vs. jednokrokový košík

Trenyrkarna-homepoage Případovka

4× obrat za 6 let spolupráce s Trenýrkarna.cz

Smysluplná debata