Povídáme si o doplňkových barvách, triádách, tetrádách a jak je využít v designu.

Obrázek: vlada_maestro / Shutterstock

Daria Tamilinová

O designu píše ve Skillbox Media a o přestávkách sama používá grafický tablet. Zamilovaný do sovětských písem, japonské reklamy a ruského jazyka.

Johannes Itten je švýcarský umělec a učitel Bauhausu, známý svými příspěvky ke studiu kolorismu na počátku XNUMX. století. V knize „The Art of Color“ Itten podrobně popsal principy práce s barvou a svůj barevný kruh.

Ittenův kruh je schéma 12 barev. Nyní je to nejoblíbenější nástroj pro grafiky a umělce. Na základě barevného kruhu si můžete vybrat paletu pro webové rozhraní, firemní identitu nebo ilustraci.

Pojďme zjistit, z čeho se Ittenův kruh skládá a proč jej umělci a designéři potřebují.

Jak funguje Ittenův kruh?

Primární barvy jsou modrá, žlutá a červená. Jsou ve středu kruhu a jsou považovány za základní. Pokud je smícháte, můžete získat jakékoli odstíny viditelné pro lidské oko.

Sekundární barvy jsou zelená, oranžová a fialová. Získává se smícháním základních barev. Například kombinace žluté a červené vytváří oranžovou a modrou a červenou fialovou.

Terciární barvy. Získávají se smícháním primární a sekundární barvy, které jsou v diagramu vedle sebe. Například žlutá a zelená vytváří žlutozelenou, žlutá a oranžová žlutooranžová.

Výsledkem je, že ve vnějším kruhu je 12 barev: tři primární, tři sekundární a šest terciárních.

Základní kombinace na Ittenově kruhu

V kruhu Itten je spousta možností barevných kombinací. Pojďme se podívat na šest nejoblíbenějších.

1. Komplementární. Kombinace barev umístěných na opačných stranách kruhu. Dobré pro umístění akcentů. Za tímto účelem je jedna z barev hlavní a druhá doplňková, aby se zvýraznily jednotlivé objekty na obrázku.

2. Kontrastní triáda. Vypadá to jako doplňkové, ale místo jedné z doplňkových barev se berou dvě sousední. Kombinace je kontrastní, ale ne drsná. Hodí se, pokud chcete zmírnit kontrast doplňkových barev nebo jednoduše rozšířit paletu.

3. Klasická triáda. Kombinace tří barev v rozích rovnostranného trojúhelníku. Tato možnost je vhodná, pokud potřebujete více rozmanitosti v barevném schématu.

4. Analogová triáda. Kombinace tří barev umístěných vedle sebe na vnějším kruhu. Tato paletka je klidná a diskrétní. Vhodné, pokud potřebujete jemné přechody mezi barvami bez ostrých akcentů.

ČTĚTE VÍCE
Je možné nasadit kotouč většího průměru na úhlovou brusku?

5. Tetrad. Kombinace čtyř barev v rozích čtverce. V podstatě se jedná o kombinaci dvou párů doplňkových barev. Vhodné, pokud potřebujete vytvořit barevný a pestrý obraz.

6. Obdélníkový vzor. Na rozdíl od tetrády se zde kombinují bližší odstíny. V této kombinaci je kontrastu dosaženo prostřednictvím komplementárních párů, ale tyto páry samy jsou si na spektru blíže. Vhodné, pokud potřebujete klidnou paletu čtyř barev.

Co dělat s tisíci dalších odstínů

V kruhu je pouze 12 barev a designér musí operovat s nespočtem odstínů. Ittenův kruh je zjednodušený diagram a ne úplné řešení. Ale dá se použít šířeji.

Řekněme, že potřebujete doplňkovou barvu k tyrkysové. Není na kruhu, ale chápeme, že je mezi zelenou a modrou. To znamená, že na kruhu bude barva, kterou potřebujete, co nejdále od okraje těchto dvou barev. Nejvzdálenějším bodem je hranice mezi červenou a červeno-oranžovou. Míchání těchto barev bude doplňkové k tyrkysové.

Vybrat konkrétní odstíny tyrkysové a červeno-oranžové je úkolem designéra.

Také stojí za to pamatovat na sytost a jas. Barva může být bledá nebo sytá, tmavá nebo světlá. Například červená může být zcela nenasycená – růžová. Nebo hodně tmavé – vínové. To také ovlivňuje vnímání obrazu.

Nástroje pro automatický výběr palety

Na rozšířeném barevném kole si můžete vybrat kombinaci konkrétních odstínů. Umožňuje přesně nastavit odstín, sytost, jas a najít vhodné barvy pomocí kruhových diagramů Itten.

Adobe má také pohodlný nástroj. Je založena na stejných kombinačních pravidlech, ale umožňuje rychle upravovat parametry každé barvy v paletě a sledovat, jak se harmonický rozsah od toho mění.

Co dělat dál

Kruh Itten vám pomůže rychle vybrat vhodné kombinace pro různé příležitosti. V papírové nebo digitální verzi jej využívají jak začátečníci, tak zkušení designéři a umělci. Jedná se o užitečný nástroj, který vám usnadní práci. A časem se naučíte vybírat harmonické barvy bez schématu vůbec.

V teorii barev je kromě barevného kruhu spousta zajímavostí: jak pracovat s barevnými efekty a subjektivními barvami, jaké tam jsou kontrasty a jak spolu souvisí například tvar a barva. Přečtěte si o tom v naší recenzi Ittenovy knihy „The Art of Color“.

ČTĚTE VÍCE
Jaké dřevo je nejlepší použít na schodišťové stupně?

Doporučujeme také nastudovat, jak Itten učil studenty pracovat s tvarem předmětů. Neučil je mechanickým technikám, ale naučil je následovat svou intuici. K tomu přišel s mnoha cvičeními, která uvolňují kreativitu. Itten o tom psal ve své knize „The Art of Form“, na kterou máme také recenzi.

Další zajímavosti o designu v našem telegramovém kanálu. Předplatit!

Nauka o barvách, zahrnující znalosti o povaze barev, základních, složených a komplementárních barvách, základních charakteristikách barev, barevných kontrastech, míchání barev a barevných harmoniích, barevné řeči a barevné kultuře. Také umění barevných kombinací.

Vyšší škola stavebního a uměleckého designu (1919–1933) v Německu. Tato instituce je spojena se vznikem designu jako samostatné disciplíny, oddělené od umění.

Profese Grafický designér

Od nuly získáte vyhledávanou profesi na pomezí kreativity a IT. Naučte se pracovat v oblíbených grafických editorech – od Illustratoru po Figmu. Přidejte do svého portfolia plakáty, loga, návrhy obalů a další silné projekty.

Stručně řečeno, toto je věda o barvách. O její povaze a vlastnostech, dopadu na člověka i o tom, jak používat barvu – v designu, umění a dalších oblastech souvisejících s vizuálním designem.

Barva je jedním z klíčových prvků designu. To je to, co uživatel čte v prvních sekundách pohledu na objekt. Colorismus pomáhá správně používat tento nástroj.

Ve vědě je to jasné, přejděme k barvám: koneckonců existují základní barvy a další?

Ano, ale vysvětlení vyžaduje fyziku. Lidské oko, když je vystaveno světlu, dokáže rozlišit určité spektrum elektromagnetických vln. Skládá se ze sedmi hlavních (tzv spektrální) barvy: červená, oranžová, žlutá, zelená, modrá, indigová, fialová – tak naše vidění vnímá tyto vlny. Mimo toto spektrum zůstávají bílá, černá a šedá – jsou tzv achromatický.

V koloristice se barvy dělí na primární nebo hlavní (červená, žlutá, modrá), sekundární – ty, které se získávají smícháním primárních (oranžová, zelená, fialová), a terciární – získávají se kombinací barev z prvních dvou skupin.

Nové odstíny lze získat i smícháním spektrálních barev s achromatickými. Pokud například přidáte bílou k červené, výsledek bude růžový a čistě zelená v kombinaci s černou dodá tmavě zelený tón.

Tohle je nějak těžké zjistit!

Rozumíme. Ittenův barevný kruh přijde na záchranu. Švýcarský umělec a učitel Bauhausu Johannes Itten přišel ve XNUMX. století se schématem, které zjednodušuje práci s barvou a pomáhá volit harmonické kombinace.

ČTĚTE VÍCE
Kolik cementu je potřeba na výrobu dlažebních desek?

Itten vytvořil kruhové schéma 12 barev. Ve středu barevného kola je základna červená, žlutá a modrá. Výše jsou sekundární barvy, které se získají jejich smícháním. Vnější kruh schématu obsahuje tři základní barvy, tři sekundární a šest terciárních barev. Odstíny v diagramu jsou uspořádány tak, že okamžitě vidíte, s jakými barvami je lze získat.

Pomocí barevného kolečka Itten můžete vybírat zajímavé barevné kombinace. Přečtěte si více o možnostech tohoto schématu zde.

Děkuji, bylo to jasnější. A co sytost a jas – používají se také k charakterizaci barvy?

To jsou klíčové parametry barvy a týkají se především fyzikálních ukazatelů – úrovně světla, vlnové délky. Každá barva nebo odstín má své vlastní vlastnosti:

  • Barevný tón ― indikátor, pomocí kterého určujeme, do které části spektra barva obecně patří.
  • Jas nebo lehkost, – stupeň rozdílu mezi barvou a černou nebo bílou. Když měníme nastavení jasu v grafických programech, volíme hodnotu právě v rozsahu mezi těmito dvěma barvami. Právě tento indikátor dokáže změnit spektrální barvu na achromatickou.
  • Nasycení – jak intenzivní je barva vzhledem k úrovni jasu.

Stačí tato znalost pro práci s barvou?

Otázka je samozřejmě záludná – ne, to nestačí. Pojem barvy je subjektivní, a to je hlavní problém. Zákazník může například v technické specifikaci uvést, že potřebuje navrhnout místo v akvamarínové barvě. Již v průběhu nebo na konci práce se může ukázat, že designér tento odstín vnímá blíže k modré, kdežto klient očekává více zelené.

Aby se zabránilo takovým nesrovnalostem, návrháři používají počítačové barevné modely. Jedná se o systémy, ve kterých mají různé odstíny a tóny své přesné parametry/souřadnice. Existuje několik modelů s různými zařízeními a oblastmi použití. Mezi nejoblíbenější:

  • RGB V tomto barevném prostoru je každá barva vytvořena smícháním červené (Red), zelené (Green) a modré (Blue) s různou intenzitou. To znamená, že každá barva bude mít své vlastní barevné proporce. Například fialová je v tomto systému označena parametry 90/0/157: první číslo je obsah červené, druhé je zelené, třetí je modré.
  • CMYK ― tento systém je založen na míchání čtyř barev v různých poměrech: tyrkysové (Cian), fialové (Magenta), žluté (Yellow) a černé (Key color, černá).
  • HSB ― barevný model, kde je každý odstín určen barevným tónem (Hue), úrovní sytosti (Saturation) a jasem (Brightness).
ČTĚTE VÍCE
Musím koordinovat ceduli s názvem obchodu?

Existuje také systém standardizace barev, Pantone Matching System (PMS), ve kterém je každé barvě přiřazen speciální kód. Palety se používají v textilním průmyslu, designu a tisku a jejich vývoj zohledňuje různé způsoby tisku a vlastnosti barev.

Počítačové barevné modely vám pomohou pochopit, jaký odstín je potřeba. Je však důležité pamatovat na zvláštnosti barevného podání na různých zařízeních a při tisku: některé systémy jsou vhodné pro práci s tiskem, jiné například pro rozvržení webových stránek a rozhraní.

Podrobněji jsme o barevných prostorech a jejich aplikaci hovořili zde.

Jaké další nástroje vám pomáhají pracovat s barvami?

Hlavním problémem při použití barvy je vybrat správné odstíny a harmonické kombinace. Profesionálové studují barvy léta a trénují své pozorovací schopnosti, aby našli nejlepší řešení. Existují však služby, které začátečníkům pomohou pochopit rozmanitost barev a ušetří čas specialistům.

Generátor Coolors vám například umožňuje vytvořit paletu zkoušením různých barevných kombinací nebo najít vhodný vzorek ve veřejné knihovně. A pokud již máte referenci v podobě obrázku, můžete ji nahrát do služby colr.org a na základě ní vytvořit barevné schéma.

Více o službách pro vytváření barevných palet se dozvíte zde.

Při výběru barevných řešení berou návrháři v úvahu také psychologii barev, co to je?

To je další důležitý aspekt barvy. Jde o to, že barva může v člověku vyvolat určité emoce a obrazy. Například červená je spojena s energií a vášní, modrá s vodou a svěžestí, růžová s něhou. Tyto asociace vznikají pod vlivem kultury (v různých komunitách může být stejná barva interpretována různě) a reálných předmětů (např. žlutá jakoby vyvolává pocit tepla, protože připomíná slunce).

V designu lze psychologii barev použít jako způsob komunikace s uživatelem – nebo dokonce jako prostředek manipulace. Například při zařizování interiéru designéři zohledňují, jaké pocity má místnost vyvolat: uklidnit, naladit na aktivní práci nebo dokonce vyvolat pocit hladu.

Psychologie barev má v marketingu klíčový význam: jedinečné barevné schéma pomáhá při umístění značky a vyjadřuje její hodnoty. A samozřejmě zajišťuje uznání. Právě barevný obraz zaznamenaný v paměti vám umožní rychle najít požadovaný produkt na polici obchodu.