Barva je nejrelativnějším prostředkem v umění
-Josef Albers
Všichni vnímáme světlo a barvy jinak. To, co vy vidíte jako červenou, je jiné než to, co já vidím jako červenou, i když ji oba budeme nazývat červenou. To, jak na nás barva působí a jak na ni reagujeme, je také u každého z nás jiné. Barva je relativní.
Dobrý design by měl fungovat i bez barev. Měl by fungovat i při zobrazení ve stupních šedi. Barva je však jednou z prvních věcí, které si někdo na vašem designu všimne, a do značné míry rozhoduje o tom, zda diváci považují váš design za estetický.
Stejně jako vše ostatní by měl být i výběr barev podřízen vašemu konceptu a tématu. Barva by měla být použita k vylepšení vašeho návrhu, ale neměla by být vaším návrhem.
Barvu můžete použít k vytvoření vizuální hierarchie a zlepšení celkové rovnováhy ve vašich návrzích.
O barvách lze říci mnoho. Mnohem více, než lze říci v jednom příspěvku. Když jsem plánoval tento příspěvek, přemýšlel jsem, zda ho ponechat jako jediný příspěvek, nebo ho rozšířit do několika příspěvků, abych toho pokryl více. Nakonec jsem se rozhodl rozdělit toto povídání o barvách do dvou příspěvků.
Tento první se zaměří na teorii barev, barevné systémy, barevný kruh a barevná schémata. Příště přejdeme k významu barev a k úvahám o tom, jak můžete barvy využít ke zlepšení svých návrhů.
Teorie barev
Barva je světlo. Světlo je elektromagnetické záření a v rozsahu vlnových délek působí na lidské oko. Tento rozsah vlnových délek je zrakové spektrum.
Při dopadu světla na předmět jsou některé vlnové délky pohlceny a jiné odraženy. Odražené vlnové délky světla vnímáme jako barvy. Když jsou všechny vlnové délky ve zrakovém spektru pohlceny, vidíme černou barvu, a když jsou všechny odraženy, vidíme bílou barvu. Když jsou některé absorbovány a některé odraženy, vidíme různé barvy spektra.
Barvu lze popsat třemi způsoby. Podle názvu, podle čistoty a podle hodnoty neboli světlosti. Máme několik termínů, které nám pomáhají popsat barvy těmito třemi způsoby. Při čtení níže uvedených pojmů se podívejte zpět na obrázek výše.
- Odstín: Když někdo mluví o odstínu, mluví o skutečné barvě předmětu. Zelená je odstín, stejně jako červená, žlutá, modrá, fialová atd.
- Chroma: Označuje čistotu odstínu ve vztahu k šedé. Pokud v barvě není žádný odstín šedé, má barva vysokou chromatičnost. Přidáním odstínu šedé do odstínu se jeho chromatičnost sníží.
- Sytost: Je stupeň čistoty odstínu. Je podobná chromatičnosti, i když to není úplně totéž. Čisté odstíny jsou vysoce syté. Po přidání šedé se barva stává desaturovanou.
- Intenzita: Intenzita: jasnost nebo nevýraznost barvy. Přidáním bílé nebo černé barvy se její intenzita sníží. Intenzivní a vysoce sytá barva má vysokou chromatičnost.
- Hodnota/světlost: Je mírou množství světla odraženého od barvy a v podstatě vyjadřuje, jak světlý nebo tmavý je odstín. Přidáním bílé barvy k odstínu se odstín zesvětlí a zvýší se jeho hodnota nebo svítivost. Přidání černé barvy naopak odstín ztmaví a sníží jeho hodnotu nebo svítivost.
- Odstín: Odstín: Výsledek přidání černé barvy k odstínu, čímž vznikne tmavší odstín
- Odstín: Výsledek přidání bílé barvy k odstínu, čímž vznikne světlejší odstín
- Tón: Mezi černou a bílou máme šedou. Barevný tón je výsledkem přidání šedé barvy k odstínu. Odstíny a tóny jsou tóny v krajních polohách.
Když jsem našel vztah všech tónů, výsledkem musí být živá harmonie všech tónů, harmonie ne nepodobná harmonii hudební skladby.
-Henri Matisse
Barevné systémy
Barevné systémy se týkají toho, jak vytváříme barvy. Při výrobě fyzických barev, jako je tomu u barev, se používá subtraktivní systém a při digitální výrobě barev, jako je tomu u počítače, se používá aditivní systém.
Barvy, které vidíte na obrazovce svého počítače, nemusí být nakonec stejné jako barvy, které vidí ostatní na obrazovkách svých počítačů. Rozdíly mohou být ještě výraznější, pokud vaše obrázky skončí v tisku. Správa barev může pomoci zajistit větší konzistenci, ale uvědomte si, že pravděpodobně vždy budou existovat určité rozdíly.
Subtraktivní barvy (CMYK) Když vidíme barvy ve fyzických objektech, vidíme reflexní světlo. Když vidíme červenou, je to proto, že všechny ostatní vlnové délky světla byly pohlceny a odráží se pouze červená. Jedná se o subtraktivní systém, protože k vytvoření barvy odstraňujeme všechny vlnové délky světla, jejichž barvu nechceme vidět.
Při přidávání dalších barev do systému se absorbuje více světla a celková barva je tmavší. Subtraktivní systémy začínají bílou a pokračují v přidávání barev, dokud výsledkem není černá.
CMYK (azurová, purpurová, žlutá, černá) je subtraktivní systém používaný k vytváření barev pro tisk.
Aditivní barvy (RGB) K vytvoření barev na obrazovce počítače musíme přidávat světlo, protože zdroj světla pochází zevnitř, místo aby odrážel světlo přicházející zvenčí systému. Když není žádné světlo, vidíme černou barvu a s přidáváním dalších barev (více vlnových délek světla) se posouváme k bílé.
RGB (červená, zelená, modrá) je aditivní systém používaný k vytváření barev v digitálních médiích. Protože se aditivní systémy liší od toho, jak vnímáme barvy v přírodě, naše základní barvy se změnily. Zelená (a nikoli žlutá) je nyní pro tento systém primární, místo aby byla sekundárním produktem modré a žluté.
Barevné kolo
Barevné kolo je vizuálním znázorněním většiny všeho, o čem jsme hovořili výše. Původní barevné kolo je připisováno siru Isaacu Newtonovi, který spojil červený a fialový konec vizuálního spektra do kruhu.
Na následujících obrázcích můžete vidět, jak je barevné kolo vytvořeno. Začínáte základními barvami umístěnými v rozích rovnostranného trojúhelníku a poté nastavíte podobné trojúhelníky otočené o 180 stupňů, abyste vytvořili sekundární barvy. Mezi těmito barvami budou terciární barvy.
Na následujících obrázcích si všimněte, že tři primární barvy jsou zde červená, žlutá a modrá.
Nyní se podívejte na barevné kolo. Všimněte si, že vypadá jinak než to výše. Základními barvami jsou zde červená, zelená a modrá a také si všimnete, že zobrazuje různé odstíny barev, až dosáhne uprostřed bílé. Jedná se o barevné kolo odstínů RGB.
Můžete také najít barevná kola, která zobrazují odstíny a tóny. Ve skutečnosti existuje celá řada barevných kol a barevných trojúhelníků. Nezapomeňte, že barevné kolo je pouze znázornění barev a existují různé způsoby vyjádření vztahů mezi barvami.
Barevná schémata
Barevná schémata vycházejí z barevného kola a různá barevná schémata jsou různé kombinace barev na základě jejich vzájemného vztahu.
Na obrázcích níže jsem snížil sytost všech barev kromě těch, které mohou být součástí popisovaného typu barevného schématu.
Monochromatická barevná schémata jsou založena na různých tónech téže barvy. Zde jsou zobrazeny odstíny červené barvy.
Analogická barevná schémata jsou založena na barvách sousedících na barevném kole
Komplementární barevná schémata jsou založena na barvách protilehlých na barevném kruhu
Triadická barevná schémata používají tři barvy stejně rozmístěné kolem barevného kruhu
Tetradická/čtvercová barevná schémata se vytvářejí výběrem barev v rozích obdélníku vepsaného do barevného kola
Splitová komplementární barevná schémata se vytvářejí výběrem jedné barvy a poté dalších dvou barev, které sousedí s komplementárními barvami původní barvy. Představte si je jako kombinaci komplementárního a analogického barevného schématu.
Dále existují barevná schémata, která nejsou zcela popsána barevným kolem.
Neutrální barevná schémata zahrnují pouze barvy, které se nenacházejí na barevném kole (různé tóny hnědé a šedé)
Akcentovaná neutrální barevná schémata zahrnují neutrální barvy, jak je uvedeno výše, a jeden nebo více odstínů barev, které se nacházejí na barevném kole.
Jedním z posledních typů barevných schémat, o kterých můžeme hovořit, jsou ta, která se vyskytují v přírodě. Jak asi tušíte, jedná se o barevná schémata založená na tom, co se vyskytuje v přírodě. Můžete si vytvořit přírodní barevné schéma na základě barev, které najdete na fotografii.
Shrnutí
Tento příspěvek se zaměřil na teorii barev, ale je toho mnohem víc, co je třeba probrat, například význam, který v barvách vnímáme, a také to, jak použít barvy v designu pro dosažení efektu.
Prozatím se zkuste seznámit s pojmy používanými k popisu barev a také s různými barevnými schématy, která vycházejí z barevného kola.
Příště navážeme podrobnějšími informacemi o barevných schématech a o tom, kdy se můžete rozhodnout které z nich použít.
Zdroje
V tomto příspěvku jsem uvedl odkazy na několik článků, které nabízejí další myšlenky a nápady týkající se barev. Níže jsou uvedeny některé další články a série článků o teorii barev.
Vzhledem k důležitosti barev a k tomu, kolik je toho o barvách třeba vědět, možná budete chtít strávit nějaký čas prohlížením jednotlivých odkazů níže. Většina toho, co je obsaženo v následujících článcích, bude podobná tomu, co je zde, ale každý článek bude pravděpodobně obsahovat některé věci, které jsem nezmínil, a rozšíří vaše celkové znalosti o tématu barev.
- Základní barevná schémata – Úvod do teorie barev
- Teorie barev – Wikipedia
- Teorie barev – Dev.Opera
- Teorie barev – Wrox
- Teorie barev – Liquisoft
- Vytváření konzistentně barevného uživatelského prostředí: V uplynulém týdnu napsal Cameron Chapman pro časopis Smashing Magazine vynikající sérii článků o barvách, na kterou jsem vás chtěl speciálně upozornit.
- Teorie barev pro designéry, 1. část: Význam barev
- Teorie barev pro designéry, 2. část: Pochopení pojmů a terminologie
- Teorie barev pro designéry, 3. část: Vytváření vlastních barevných palet
7 složek designu
- Jednota
- Gestalt
- Prostor
- Dominance
- Hierarchie
- Vyváženost
- Barva, část I: Teorie barev
- Barva II. část: Jak používat barvy
Stáhněte si zdarma ukázku z mé knihy Základy designu.