Primární barvy. Existují pouze tři základní nebo primární barvy: žlutá, modrá, červená. Nelze je vytvořit kombinací libovolných barev.
sekundární barvy. Jsou vytvořeny kombinací libovolných 2 ze 3 základních barev. Existují pouze 3 sekundární barvy: oranžová, fialová a zelená. Jsou vytvořeny takto:
- Zelená = žlutá + modrá
- Fialová = modrá + červená
- Oranžová = červená + žlutá
Terciární barvy. Jsou vytvořeny kombinací primární barvy se sekundární barvou, která je vedle ní na barevném kole. Tento požadavek splňuje 6 terciárních barev:
- Purpurová = červená + fialová
- Rumělka = červená + oranžová
- Fialová = fialová + modrá
- Tyrkysová = modrá + zelená
- Jantar = žlutá + oranžová
- Chartreuse = žlutá + zelená
Co je to barevné kolo?
Toto je koláčový graf. Zobrazuje každou primární, sekundární a terciární barvu, stejně jako jejich odpovídající odstíny, stíny a tóny. Barevné kolečko vám pomůže vybrat barevná schémata.
Jaké emoce a asociace vytvářejí barvy?
Různé barvy zprostředkovávají uživatelům webu různé nálady
- Červená je síla, vášeň, energie. Vede k aktivním akcím na webu.
- Oranžová přináší radost a nadšení.
- Žlutá vytváří pocit štěstí, ale nepřehánějte to.
- Zelená je spojena s růstem.
- Modrá ukazuje klid a důvěru. Světlé barvy dávají pocit klidu.
- Fialová je barvou luxusu a kreativity.
- Černá je barvou síly a tvrdosti.
- Bílá je barvou bezpečí a čistoty.
7 hlavních barevných schémat
Odborníci na design identifikovali 7 běžných barevných schémat:
— Jednobarevné. Má pouze jednu barvu s různými odstíny. Neexistuje žádný barevný kontrast, vypadá velmi elegantně.
– Podobné. Vytvořeno kombinací jedné základní barvy se dvěma barvami vedle ní na barevném kole. Používají se k vytváření měkkých vzorů.
– Další. Na barevném kole používají dvě barvy naproti sobě. Poskytují maximální barevný kontrast. Je lepší vzít jednu barvu a použít druhou jako přízvuk.
— Samostatné schéma. Má jednu dominantní barvu a 2 barvy sousedící s dominantní barvou. Schéma vytváří jemnou barevnou paletu a zachovává výhody kontrastních barev.
— Triadický – vysoce kontrastní schéma. Taková schémata se vytvářejí výběrem tří barev. Jsou rovnoměrně umístěny v liniích kolem barevného kruhu.
– Náměstí. Na barevném kole má 4 barvy, které jsou od sebe stejně vzdálené. Schéma poskytuje smysluplný kontrast k designu. Doporučuje se zvolit jednu dominantní barvu.
— Obdélníkový. Nabízí jemnější přístup k výběru barev než čtverec.
Jak vybrat barevné schéma
1. Zaměřte se na uživatelskou zkušenost. Před přidáním barvy použijte návrh ve stupních šedi. Nejste si jisti, co je dobré? Podívejte se ven. Příroda je skvělým příkladem barev, které se navzájem doplňují.
2. Nastavte náladu webu. Přemýšlejte o náladě, kterou chcete vytvořit pomocí zvoleného rozvržení.
3. Zvažte barevný kontext a to, jak barvy vypadají v kontrastu. Podívejte se na obrázek níže. Střed každé figurky má stejnou velikost, tvar a barvu. Barva pozadí se změní. Některé kruhy se však zdají jemnější, jasnější v závislosti na barvě za nimi.
4. Podívejte se na barevné kolečko. Vyberte více schémat. Ne všechny se hodí pro váš design webu – to hned uvidíte. Použijte pokus a omyl. To vám pomůže najít správné barevné schéma.
5. Použijte pravidlo 60-30-10: primární barva pro 60 % návrhu, sekundární barva pro 30 % a zdůrazňující barva pro 10 %.
6. Vytvořte více návrhů a uvidíte, který z nich vyniká. Poté několik dní počkejte a znovu zkontrolujte, zda se vaše preference nezměnily.
