Teorie barev pro začátečníky v digitální malbě

Hovoříme o klíčových částech teorie barev. Článek lze použít jako cestovní mapu pro naučení všech nuancí práce s barvami.

Postavy a stvoření

Svět vnímáme barevně. Ovlivňuje naši náladu a předává informace o tom, co vidíme. Barva může změnit pocit prostoru a tvaru, vyvolat asociace a emocionální odezvu. Pochopení teorie barev je nezbytné, aby umělci a designéři vědomě používali barvy ve své práci – aby vybírali harmonické kombinace, předávali emoce a nápady.

V článku stručně představíme každou sekci teorie barev – rozebereme koncept spektra, naučíme vás používat barevné kolečko a najdeme s ním harmonické kombinace. Povíme si také o odstínu a sytosti, definujeme lokální a relativní barvy a řekneme si, jak pracovat s achromatickými barvami. Budeme také sdílet odkazy na podrobnější analýzu každého tématu.

Začněme základním pojmem v teorii barev – spektrem.

Spektrum a základní barvy

Naše oči vidí pouze část světelného záření, které se nazývá viditelné spektrum. Funguje to takto: světlo dopadá na materiál a jeho vlny se mohou absorbovat, odrážet nebo jím procházet. Barva předmětu je určena vlnovou délkou světla, které odráží nebo pohlcuje.

Samostatný rozhovor je, když materiál působí na všechny typy vln najednou. Pokud vše pohltí, pak bude předmět černý, pokud se bude odrážet, bude bílý, pokud propustí, bude průhledný.

V rozmanitosti viditelného spektra stojí za to zdůraznit tři barvy – modrou, žlutou a červenou. Ve výtvarném umění se jim říká základní barvy, protože se používají k vytvoření všech ostatních barev ve spektru.

Oranžová je výsledkem smíchání červené a žluté, zelená je výsledkem žluté a modré, fialová je výsledkem modré a červené. Ale základní barvy lze získat pouze ze sklenic s barvami – smíchat je z jiných nebude fungovat.

Teplota barvy

Teplota barvy je charakteristika barvy, která určuje její relativní „chlad“ nebo „teplo“. Termín je založen na subjektivním vnímání barev člověka, které se může lišit v závislosti na kulturních, historických a osobních faktorech.

Samotný koncept je založen na subjektivním vnímání barev člověka. Od dětství víme, že červený a oranžový oheň je horký a led je modrý a studený. Proto při pohledu na barvu nevědomě vzniká asociace s osobní zkušeností, na které závisí její vnímání.

Jak používat teplotu barev v designu

Asociace spojené s teplotou barev v nás mohou vyvolat určité pocity. Umělci a designéři používají tuto vlastnost k vytvoření nálady pro diváka. V této záležitosti existuje mnoho jemných nuancí, které obchodníci důkladně znají.

Zjednodušeně řečeno, v barevné teplotě existují dva extrémní body – horká červená a studená modrá. Každý pól má dvojí význam.

Sytá červená navozuje pocit úzkosti a nebezpečí a na druhou stranu je spojena s energií a aktivitou. Modrá evokuje nepříjemný chlad a na druhou stranu svěžest a soustředění. Mezi těmito póly budou umístěny jemnější nuance nálady.

Barevné kolo

Barevné kolečko je grafické znázornění barev viditelného spektra, které jsou uspořádány do tvaru prstence. Tento nástroj používají umělci a designéři k uspořádání barev, hledání harmonických kombinací a pochopení principů jejich míchání.

Newtonův kruh

Pokusy uvést rozmanitost barev do pořádku začaly v 17. století – od okamžiku, kdy fyzik Isaac Newton pomocí skleněného hranolu rozložil světlo na jeho jednotlivé složky a získal duhu. První barevné kolo, postavené na vědeckých principech, se skládalo z těchto sedmi barev.

Ittenův kruh

Barevný kruh, který popsal švýcarský umělec Johann Itten, je nejoblíbenějším nástrojem pro práci s barvou v tradičních malířských technikách. Pojďme se na jeho zařízení podívat blíže.

Ve středu kruhu vidíme pyramidu, kde jsou umístěny tři základní barvy. Když smícháme primární barvy ve dvojicích, získáme sekundární barvy – zelenou, oranžovou a fialovou. Ve formě trojúhelníků sjednocují rodičovské barvy a jejich vrcholy označují místo v barevném kole.

Samotné barevné kolo lze zhruba rozdělit na dvě poloviny – v jedné části jsou teplé barvy a ve druhé – studené. Na samotném kruhu, mezi primární a sekundární barvou, jsou další odstíny – terciární barvy, které se získají smícháním dvou sousedních.

Ostwaldův kruh

Barevné kolo, vyvinuté německým vědcem Friedrichem Ostwaldem, pokrývá větší rozsah barev. Skládá se z 24 barev uspořádaných do prstence ve spektrálním pořadí. Ostwald na základě svého barevného modelu navrhl použít jako základ jinou kombinaci barev – červenou, zelenou a modrou.

Barevná schémata

Barevné kolečko je také užitečným nástrojem pro výběr barevného schématu. Tento termín označuje harmonickou kombinaci barev, kterou umělec ve své tvorbě používá. Pro člověka je pohodlnější vnímat omezenou paletu, ve které převládá malý počet základních barev. V opačném případě bude dílo působit přetíženě a pro diváka bude obtížné se v něm orientovat.

Je třeba poznamenat, že principy výběru barev, které jsou vlastní každému barevnému schématu, lze aplikovat na jakékoli barevné kolo. Podívejme se na tři způsoby, jak vybrat paletu pomocí barevného kolečka. Přečtěte si náš samostatný článek pro ještě více typů barevných schémat.

analogový obvod

Analogové barevné schéma používá sousední barvy na barevném kole. Například zelená, azurová a modrá by byly analogové barvy, na kterých by byla založena barevná paleta.

Analogový obvod je vhodný pro vytváření klidných obrázků a pomáhá vytvářet správnou náladu. Můžete si vzít například teplé odstíny červené, oranžové a žluté, aby divák pocítil nával veselosti a dobré nálady. Pro uklidnění nebo navození smutku je lepší zvolit studené odstíny modré, fialové a zelené.

Doplňkový obvod

Doplňkové barevné schéma používá k vytvoření kontrastu barvy, které jsou na barevném kole naproti sobě. Například červená a zelená, modrá a oranžová, fialová a žlutá jsou doplňkové barvy. Taková díla jsou jasná a dramatická, protože kontrastní kombinace barev přitahuje pozornost diváka k hlavním prvkům obrazu.

Terciární schéma

Terciální schéma používá tři barvy, které jsou na barevném kole od sebe stejně vzdálené. V tomto schématu je důležité vybudovat barevnou hierarchii – určit, která barva bude hlavní barvou a která bude doplňkem či kontrastem.

Můžete si také vybrat harmonické barevné kombinace pomocí speciálních služeb, například: Adobe Color, Coolors, Paletton. Pokud to však s malováním chcete brát vážně, musíte se naučit, jak si vybrat svou vlastní paletu.

Odstín a sytost barev

Odstín a sytost jsou základními charakteristikami barev, které umělcům umožňují používat širokou škálu odstínů, neomezujících se pouze na sadu z barevného kruhu. Promluvme si nyní o každé vlastnosti zvlášť.

Barva a tón

Tón udává, kolik světla je v barvě přítomno. Jinými slovy, jak je světlý nebo tmavý. Pomocí tónu umělci přenášejí objem a tvar objektů a vytvářejí efekt hloubky prostoru. Tón se používá i při stavbě kompozice – zvýrazněním některých objektů a stínováním jiných ukážeme, co bude hlavní a co vedlejší, co je divákovi bližší a co vzdálenější.

Barva ve vztahu k tónu působí jako doplněk. Poskytuje další informace o tom, co na obraze vidíme, a také pomáhá vylepšit vytvořenou náladu. Někteří digitální umělci preferují nejprve nakreslit obrázek bez barvy a přidat jej až po práci s tónem.

Barva a sytost

Sytost ukazuje, jak blízko se barva shoduje s originálem ve viditelném spektru. Barva převzatá ze spektra je považována za čistou, protože je bez vlivu světla a nečistot jiných barev.

Čisté barvy jsou v přírodě velmi vzácné, a tak se jim umělci snaží ve svých dílech vyhýbat. Ztlumí barvy přidáním bílé nebo černé. Zároveň se tón upraví na světlou, respektive tmavou stranu. Barvy se středním tónem a postrádající sytost se budou jevit jako odstíny šedé.

Začínající umělci, kteří se snaží zmírnit sytost, mohou skončit s vybledlými, nevýraznými barvami, kterým se říká „špinavé“. V tomto článku mluvíme o tom, jak se s problémem vypořádat.

Barva, tón a sytost vždy spolupracují. Výběrem požadovaného odstínu v paletě grafického editoru okamžitě určíme, jak světlý a sytý bude. O tom, jak se klíčové složky barev vzájemně ovlivňují, jsme se podrobně zabývali v článku o práci s barvou na základě zkušeností ilustrátora Marca Bucciho.

Místní a relativní barva

Objekt neexistuje v prostoru sám o sobě, je ovlivněn svým okolím a osvětlením. V tomto ohledu se na něm objevují relativní barvy, které se liší v závislosti na světelných podmínkách a prostředí. Bílý list se pod světlem lampy bude jevit jako žlutý a modrý list bude vypadat fialově, pokud je blízko něj umístěn červený předmět.

Původní barva předmětu bez vlivu světla a prostředí se nazývá místní. Například pro pomeranč bude místní barva oranžová a pro trávu zelená. Místní barva je dána fyzikálními vlastnostmi a chemickým složením předmětu. Relativní se objevují, když vnější faktory ovlivňují místní barvu.

Více informací o místních a relativních barvách najdete v průvodci od umělce Justina Oaksforda, který jsme přeložili speciálně pro vás. Užitečný bude i náš článek o tom, jak umístit předmět do jeho prostředí – pomůže vám pochopit, jak osvětlení ovlivňuje barvu předmětů.

Bílá, černá a šedá

Pokud zkombinujete všechny barvy spektra, získáte bílou. Říká se jí také achromatická – barva bez barvy, bez konkrétního odstínu spektra. Černá je opakem bílé, která se projevuje při úplné absenci světla. Mezi dvěma póly jsou odstíny šedé.

V klasické malbě se achromatické barvy používají velmi zřídka. Faktem je, že objekt umístěný v prostředí nemůže být zcela bez barvy. I v nejhlubším stínu, který se jeví jako zcela černý, budou drobné inkluze barvy okolí, jako je sytá modrá noční oblohy smíchaná s místní barvou objektu. Stejné je to se světly – nepoužívejte pouze bílou, přidejte kapku barvy samotného zdroje.

Využijte odstíny svého okolí, aby vaše práce vypadala přirozeně. V tomto článku jsme mluvili o tom, jak udělat světla a stíny zajímavými a malebnými.

Zde je několik tipů pro začínající designéry, pro ty, kteří pokračují, je na konci článku několik užitečných služeb. Vítejte!

1. Pochopení terminologie

Pochopení terminologie tvoří základ znalostí barev. Klíčové koncepty, které vám pomohou vytvořit jedinečné barevné palety:

2. Hierarchie

Pokud design prvku kontrastuje s jeho okolím, ukazuje to, že je důležitý. Barvu a její sytost můžete použít k vytvoření hierarchie v rozhraní.

Pomocí odstínů můžete nastavit různé úrovně důležitosti pro prvky rozhraní.

Důležitější prvek by měl mít větší vizuální váhu. To uživateli umožňuje rychle prohledat stránku a rozlišit mezi důležitými a méně důležitými informacemi.

Nejdůležitější informace jsou ty, na které se uživatelé podívají jako první, než přejdou k podpůrným informacím.

3. Expresivita

Používejte barvy značky na místech, kde chcete, aby si je uživatel zapamatoval. Najděte v používání barev značky rovnováhu: pokud je jich v designu příliš mnoho, ztrácí se přirozenost, pokud jich je příliš málo, nikdo ničemu neporozumí.

4. Inkluzivní design (ID)

Pokyny pro přístupnost webového obsahu (WCAG) poskytují informace o tom, jak zajistit, aby barvy v rozhraní byly přístupné lidem s motorickým, sluchovým a kognitivním postižením. Například jejich standard pro text vyžaduje kontrastní poměr alespoň 4.5:1.

Abyste se ujistili, že váš návrh splňuje tyto standardy, nahrajte svou maketu do platformy Stark. Tento zdroj ověří, zda je váš projekt inkluzivní, či nikoli. Na této platformě si můžete ověřit, jak váš návrh uvidí uživatel s barvoslepostí.

Často se snažíme navrhnout něco, co jen dobře vypadá, a nevěnujeme pozornost charakteristikám uživatelů, kteří budou s produktem interagovat.

5. Význam barev

Pochopením psychologie barev můžeme používat barvy značek, které rezonují s naší cílovou skupinou.

Je důležité pochopit, kdo je vaše publikum, a pamatovat na to, že vnímání barev se liší v závislosti na kultuře a regionu. Například v západní kultuře je bílá často spojována se svatbami, zatímco v jihovýchodní kultuře je bílá barvou smutku.

Čím více víte o barvách a jejich významech, tím silnější může být dopad vašeho designu na uživatele. Všimli jste si, že téměř každá restaurace rychlého občerstvení používá ve svém brandingu červenou a žlutou barvu? Červená stimuluje chuť k jídlu a přitahuje pozornost, zatímco žlutá evokuje štěstí a pocit přátelskosti.

6. Omezení barev

Omezením používání barev v designu a odstraněním barev z určitých oblastí můžete na tyto oblasti (například text, obrázky a tlačítka) upozornit.

Všimněte si, že mnoho aplikací, které obsahují barevné příspěvky a nepředvídatelný obsah, jako například Instagram nebo Twitter, má poměrně jednoduchá rozhraní. Tato nuance odvádí pozornost od samotného rozhraní a zaměřuje se na obsah.

7. Státy

Barva může poskytovat informace o stavu aplikace, jejích komponentách a prvcích.

Barva je jeden ze způsobů, jak zobrazit změny stavu v rozhraní. Ztlumením barvy tlačítka ukazujeme, že je tlačítko neaktivní. A jeho zvýrazněním červeně signalizujeme chybu.

8. Soudržnost a kontext

Barvy v rozhraní by měly být vzájemně konzistentní, aby barvy vždy znamenaly totéž, i když se kontext změní.

Například pokud je barva značky červená, měli byste se jí v chybových oznámeních vyhnout. Můžete použít alternativní barvu, například žlutou, abyste se vyhnuli nejasnostem.

9. Barevné palety

A teď otázka za milion dolarů: jak získat perfektní barevnou paletu? Všechno to začíná jednoduchým pochopením teorie barev a základních nástrojů.

Krok 1. Primární a systémové barvy

Nejprve se rozhodněte pro primární barvu na základě vašich preferencí, analytických údajů nebo významu barvy (jak je popsáno v bodě 5). Primární barva bude barvou značky.

Dále je třeba vybrat barvy pro text, pozadí a další prvky. Doporučuje se zvolit tmavou barvu pro text a světle šedavou barvu pro pozadí.

Krok 2: Vytvořte paletu

Jakmile si vyberete základní barvy pro uživatelské rozhraní, vložte je do nástroje Google Color Tool, abyste získali jejich různé odstíny.

Ne vždy to dopadne perfektně, ale je to snadný způsob, jak vytvořit téměř dokonalou barevnou paletu, kterou pak můžete podle potřeby upravit.

Krok 3: Dejte to všechno dohromady