Jak volit barvy pro váš web?

By Srpen 6, 2015 Uncategorized No Comments

Červená je barva vášně a černá zase barva smutku, žlutá je barva sluneční a bílá je barva čistá a nevinná. Jsou vám ty výroky povědomé, že jo?! Nálad, které v nás barvy vyvolávají je však mnohem víc a určitě je na to dobré myslet i při tvorbě designu vašeho webu nebo mobilní aplikace.

1) Jak to tedy s těmi barvami je? Jaké emoce v nás vyvolávají?

Každá barva sebou nese určitou psychologickou symboliku, kterou známe z běžného života kolem nás. Třeba každý si spojí modrou barvu s nebem nebo mořem, a zelenou s přírodou. Odtud taky pochází spojení slunečně-žlutá a krvavě-červená. Krom toho, každá barva sebou nese jak pozitivní, tak i negativní emoce. Aby jste se z toho nezbláznili, přikládáme přehlednou tabulku.

Barva Symbolika Pozitivní emoce Negativní emoce
Červená  krev, oheň láska, vášeň, prudkost, hrdost, energie, sila, dynamika, pohyb agrese, nebezpečí, hněv, nemravnost, zlost, vojna
Oranžová slunce, teplo, zlato, lesk, horké léto radost, zábava, přátelství, energie, vitalita, kreativita, jedinečnost, bohatství, zralost hrubost, rozmar, vzdor
Žlutá světlo, slunce, zlato, mladost naděje, optimizmus, intelekt, harmonie, idealizmus, volnost nedůvěra, zrada, závist, žárlivost, zbabělost, faleš
Zelená příroda, dálka, rostliny, naděje, přátelství poctivost, připravenost, mír,vytrvalost, úspěch, harmonie,pravda, bezpečí, důvěra, klid chamtivost, závist, nezkušenost
Modrá nebe, obloha, voda, vzduch, chlad spravedlivost, stabilita, mír, ticho, věrnost, inteligence, vyrovnanost, diskrétnost deprese, apatie, odevzdanost
Fialová duchovno, majestát mystika, představivost, luxus, osobitost, skromnost, pokorainspirace, vznešenost krutost, utrpení, napětí, soumrak, znepokojení, trest, výstřednost
Hnědá půda, dřevo, klid, bezpečí, důvěra, jistota, tradice, pořádek, domov mlčenlivost, zdrženlivost
Šedá neutralita, přiměřenost vyváženost, spolehlivost, klid, odpočinek, pokora, skromnost pasivita, nuda, smutek, nerozhodnost, chudoba
Černá tma, smrt důstojnost, autorita, úcta, sila, vážnost, elegance, formálnost zlo, zkáze, podřaděnost, strach, samota, prázdno, lítost, vzdor, negace
Bílá světlo, mír, čistota, nevinnost, věrnost, laskavost, neposkvrněnost, jednoduchost, vděčnost, pořádek, lehkost chlad, nejistota, opatrnost, nekonečnost, izolace, smutek, zdrženlivost

2) Není žlutá jako žlutá

Taky si říkáte, že barev neznáme jen 10, ale mnohem víc? Vždyť přece každá barva má ještě velké množství odstínů, a co teprve když se začnou míchat! Jak ti vlastnosti sedí pak? Obecně lze říci, že čím je barva sytější, tím i její charakteristiky vnímáme silněji. Představte si třeba kreslenou pohádkovou postavičku, která je o to rudější, o co víc je naštvaná J Stejně to funguje i u jiných barev.

dqwd

3) Ale já nechci jednobarevný web

To bychom vám ani nedoporučovali! Barvy samé o sobě jsou celkem věda, a co teprve když je začneme kombinovat pro web?

„Webem se můžeme pokusit vytvořit barevnou harmonii, nebo ním naopak provokovat.“

V obou případech si musíme dát pozor abychom to nepřehnali. Jinak by se mohlo stát, že z původně zamýšleného harmonického webu nakonec vznikne web nudní, a naopak ze zamýšleného dynamického webu můžou nakonec lidi bolet oči! A to nechcete – když je bolí oči, utečou z webu okamžitě pryč!

Pravidel jak kombinovat barvy, tedy vytvářet kontrast, je víc. Dvě nejzákladnější jsou:

  • Nikdy nepoužívejte víc než 3 barvy!
  • Tvořte kontrast – na základě odstínu, světla, sytosti, teploty nebo komplementarity

*komplementární jsou ty barvy, které leží v barevném spektru naproti sobě

  • Vždy je potřeba myslet identitu webových stránek

S kontrastem vám pomůže chytrá pomůcka Adobe Kuler (https://color.adobe.com), kde můžete tvořit odstínové variace jedné barvy, dvou komplementárních barev nebo trojice barev.

TIP NA ZÁVĚR: Když si vyberete svou hlavní barvu, nemusíte ji nutně doplňovat jinou barvou barevného spektra. Jednoduchým elegantním řešením je doplnění černou, bílou nebo odstíny šedé barvy (hromadně se jim říká achromatické barvy).