K čemu se používá základní barva?

Seznamte se s profesemi v designu, vyzkoušejte se v různých směrech a vyberte si pro pokračování ve studiu tu, která vám vyhovuje.

• Co je teorie barev
• Barevné kolo Itten
• Barevná charakteristika
• Barevné modely
• Barevný efekt
• Pravidla pro používání barev
• Psychologie barev v marketingu
• Nástroje pro výběr barevných kombinací
• Jak vybrat barevnou paletu při vytváření designu

Co je teorie barev

Jedná se o vědní obor, který studuje vnímání a vlastnosti barev. Uplatňuje se v různých oblastech, včetně designu, umění a psychologie.

Co víme o barvě

V roce 1672 provedl Isaac Newton řadu experimentů průchodem slunečního světla přes průhledný hranol a zjistil, že se rozděluje na sedm různých barev: červenou, oranžovou, žlutou, zelenou, modrou, indigovou a fialovou. A když se spojí, vytvoří bílé světlo.

Barevné kolo Itten

Švýcarský umělec a učitel Johannes Itten byl jedním ze zakladatelů Bauhausu, slavné německé umělecké školy počátku 20. století. Provedl četné experimenty a vyvinul slavné barevné kolo pro vizualizaci barevných vztahů a pomohl umělcům a designérům vytvářet harmonické barevné kompozice.

Kruh je rozdělen do dvanácti sektorů, z nichž každý představuje primární barvu nebo odstín.

1. Hlavní: červená, žlutá a modrá. Primární barvy, které nelze získat smícháním.
2. Sekundární: zelená, oranžová a fialová. Jsou umístěny mezi primárními barvami v barevném kole a jsou výsledkem smíchání dvojice sousedních primárních barev.
3. Terciární jsou tvořeny smícháním jedné primární a sousední sekundární barvy.

Barevná charakteristika

Barvy lze rozdělit na chromatické a achromatické.

Achromatický nemají barevný tón a liší se od sebe světlostí (černá, šedá, bílá).

Chromatický liší se světlostí, barevností (barevností) a sytostí: červená, žlutá, oranžová, zelená, modrá, fialová a další.

Barevný tón – toto je barva samotného pigmentu (červená, modrá a zelená).

Nasycení – Jedná se o intenzitu určitého barevného odstínu. Červená má vysokou sytost a šedá má nízkou sytost.

Světlost – stupeň rozdílu mezi tónem a černou barvou. Čím je odlišnější, tím je považován za lehčí.

Barevné modely

Pro reprodukci barevných odstínů na různých zařízeních byly vyvinuty barevné modely. Nejoblíbenější z nich:

RGB Každá barva je vytvořena kombinací tří základních barev: červené (R), zelené (G) a modré (B). Smícháním jejich maximálních intenzit vznikne bílá a snížením intenzity vznikne černá. Změna intenzity od nuly do maxima umožňuje vytvářet mnoho různých odstínů.

CMY(K). Používá se v tiskových procesech, kde se barvy vytvářejí smícháním barviv. Světle modrá (C), purpurová (M) a žlutá (Y) dohromady vytvářejí černou. Protože jejich míchání není vždy dokonalé, zavádí se černá barva (K).

Barevný efekt

Odráží myšlenku, že vnímání barev závisí na okolním kontextu a interakci s jinými barvami. Existuje několik základních efektů, které na sebe barvy mají.

Kontrast

Lze vytvořit pomocí různých parametrů, jako je odstín, sytost nebo světlost. Čím vyšší je kontrast, tím více od sebe dvě barvy vystupují.

Při posuzování kontrastu je důležité vzít v úvahu jejich tón. Dvě různé barvy se stejným tónem nevytvářejí vysoký kontrast.

Srovnání

Vnímání se mění v závislosti na tom, s čím je barva porovnávána. Může se zdát světlejší nebo méně sytý v závislosti na tom, jaké barvy jsou vedle něj.

Komplementarita

Doplňkové barvy – ty, které jsou na barevném kole naproti sobě – mohou při vizuálním dopadu vytvořit živější a výraznější zážitek.

Asociace

Barvy mohou vyvolat různé emoce a asociace v závislosti na kontextu.

Profese «Grafik»

Naučte se volit harmonické barevné kombinace a používat barvy k vyvolání emocí a předání dojmů. Poskytuje bezplatný přístup k 80+ kurzům.

Pravidla pro používání barev

Nejprve navrhujte ve stupních šedi, abyste se mohli více soustředit na vytvoření jasné vizuální hierarchie, než na zkoumání velkého množství možných barevných kombinací.

Pravidlo „70 až 30“, kde je 70 % přiděleno klidnému základnímu tónu a 30 % doplňkovým akcentům.

Pravidlo 60-30-10, ve kterém je 60 % hlavní barva, 30 % vedlejší barva a 10 % barva akcentu.

Pravidlo tří. Na základě studie z University of Toronto můžeme usoudit, že lidé preferují jednoduché kombinace 2-3 barev. Pokud si ale myslíte, že to pro váš návrh nestačí, zkuste použít tmavší a světlejší odstíny barev, které jste si již vybrali.

Vztah mezi barvou a kontrastem. Správný kontrast mezi textem a pozadím je důležitou součástí uživatelské zkušenosti. Když vedle sebe umístíte dvě barvy s nízkým kontrastem, text se hůře čte. Vybírejte takové, které se vzájemně doplňují a nevytvářejí barevnou disonanci.

Vidíte, jak červená písmena na zeleném pozadí téměř „vibrují“? Červená soutěží se zelenou o pozornost diváka, což může být vizuálně trhavé a těžko čitelné.

Hierarchie v prezentaci informací. Barva pomáhá při vytváření logické struktury. Pro zvýraznění všech prvků v sekci lze použít jednu barvu a jasné tlačítko s výzvou k akci je prvním prvkem, kterého si uživatelé při návštěvě webu všimnou.

Psychologie barev v marketingu

Barvy mohou mít silný dopad na emoce, vnímání značky a chování spotřebitelů, stejně jako vyvolat různé asociace a pocity. Výběr správné palety barev může zvýšit povědomí o značce, upoutat pozornost a posílit pozitivní dojem ze značky.

Zde je to, co designér Ian White napsal ve své knize o barvách:

• Barva zvyšuje rozpoznání značky až o 70 %.
• Barevné inzeráty jsou čteny o 52 % častěji než stejné inzeráty černobílé.
• 92,6 % lidí je při rozhodování o koupi produktu ovlivněno vizuálními faktory (ne chutí, vůní apod.).
• Podle kanadské univerzitní studie si lidé dělají podvědomé úsudky o osobě, prostředí nebo produktu do 90 sekund od prvního zhlédnutí a 62–90 % tohoto úsudku je založeno pouze na barvě.

V roce 2000 změnila společnost Heinz pro premiéru filmu Shrek barvu svého podpisového kečupu Heinz EZ Squirt z červené na zelenou, což vedlo k 8% nárůstu prodeje.

Marketingová platforma HubSpot v příspěvku na blogu uvedla, že po změně tlačítka CTA ze zeleného na červené zjistili, že červené tlačítko fungovalo o 21 % lépe než tlačítko zelené.

Psychologický přístup k používání barev

Na základě výzkumu amerického designéra Microsoftu Joe Hallocka a knihy o vlivu barev od designéra Iana Whitea můžeme vyvodit následující závěry o vnímání různých barev lidmi.

Červený spojené s energií, silou, zábavou a rychlostí. Přitahuje pozornost a povzbuzuje chuť k jídlu. Často se používá k vytvoření pocitu naléhavosti nebo k označení akcií.

Tmavě modrá spojené s důvěrou, bezpečností a spolehlivostí.

Podle výzkumu Adobe je modrá jedna z nejlepších barev pro podnikání, přičemž 33 % předních světových značek ji používá ve své firemní identitě.

Zelený symbolizuje transparentnost, šetrnost k životnímu prostředí, přirozenost, přírodu a má schopnost vyvolat v lidech pocit bezpečí.

Žlutý odráží nové nápady, kreativní projekty nebo nové obchodní iniciativy.

oranžový spojené s vřelostí, nadšením, přátelskostí a veselostí.

Purple často spojován s luxusem, bohatstvím a noblesou.

Historicky byla tato barva drahá a obtížně vyrobitelná, takže byla přístupná pouze vyšším vrstvám.

černá Lidé si ji spojují s vysokou kvalitou, takže díky této barvě vypadá značka sofistikovaně a prémiově.

Bílý – symbol čistoty, jednoduchosti a svěžesti. Může být použit v designu k vyjádření pocitu prostornosti a otevřenosti.

Národnost, věk, prostředí, zkušenosti ovlivňují vnímání barev různými lidmi.

V Japonsku a Číně je barva smutku bílá. Mezi muslimy je zelená považována za posvátnou. V Egyptě je černá barva spojována se znovuzrozením.

Modrá je nejoblíbenější barvou bez ohledu na věk a pohlaví. Zelená a fialová kravata na druhém místě, následovaná červenou a černou.

Nástroje pro výběr barevných kombinací

Adobe Color Wheel vám umožňuje vytvářet a ukládat různé barevné palety a zkoumat barevné kombinace založené na pravidlech barevného kola.

Coolors je online nástroj pro generování barevných palet. Můžete vytvářet náhodné kombinace nebo ručně upravovat barvy.

Paletton poskytuje nástroje pro vytváření barevných schémat podle barevného kruhu a pomáhá vám vybrat barvy na základě jejich kontrastu.

Color Hunt je zdrojem krásných a inspirativních barevných palet vytvořených komunitou návrhářů.

Material Design Palette poskytuje hotové barevné palety, které se řídí designovými pokyny od Google Material Design.

Designová knihovna

Rostoucí sbírka bezplatných a placených kurzů vám pomůže identifikovat vaše zájmy, rozvíjet vhled, osvojit si klíčové dovednosti a porozumět složitosti této profese.

Jak vybrat barevnou paletu při vytváření designu

Nyní, když lépe rozumíte teorii barev a psychologii, můžete vytvořit správnou paletu pro svůj design.

Rozhodněte se pro primární barvu: Může to být hlavní barva vaší značky nebo barva, která odráží náladu a charakter vašeho projektu.

Využijte online nástroje pro vytváření palet a použijte barevné vzory k vytvoření rovnováhy a kontrastu ve vašem návrhu. Zde jsou některé z nejběžnějších typů barevných palet:

1. Analogový: barvy jsou umístěny blízko sebe na barevném kruhu.
2. Monochromatický: používají se odstíny stejné barvy.
3. Triadický: sestává ze tří barev rovnoměrně rozložených po barevném kole.
4. Komplementární: barvy jsou na barevném kole proti sobě.
5. Rozdělení – komplementární: Paleta používá základní barvu a dvě barvy umístěné po obou stranách doplňkové barvy.

Zajistěte dostatečný kontrast, aby text a další prvky vašeho návrhu byly snadno čitelné.

Podle COLOURLovers existuje první barevná paleta již více než 300 let a byla vyvinuta Isaacem Newtonem. I když ještě předtím existovaly jiné barevné tabulky. Základní design se postupem času vyvíjel, ale koncept zůstává stejný; bude fungovat téměř jakákoli kombinace barev z palety.

Hlavní barevná paleta se skládá z 12 barev, které lze různě kombinovat a vytvářet tak nejrůznější efekty. Barvy se mohou vzájemně doplňovat a také vytvářet chaos. Barvy se dělí na teplé a studené kategorie. Teplé barvy, jasné a energické, padají na volantu od červené přes modrou až po zelenou. Studené barvy, které se pohybují od červené přes oranžovou až po žlutozelenou, jsou považovány za uklidňující. Bílá, černá a šedá jsou neutrální a přebírají vlastnosti okolních barev.

Pokročilá barevná schémata

Rozšířené barevné palety staví na tomto designu a přidávají stejný počet barevných možností kolem kola. Některé palety také obsahují odstíny a tóny každé barvy. Odstín je variace barvy, které je dosaženo přidáním bílé. Stíny jsou ztmavení každého odstínu přidáním černé. Přidáním šedé do barvy se vytvoří jiný tón.

Odrůdy barvy

Princip barevné palety začíná třemi základními barvami – červenou, žlutou a modrou. Barvy jsou na kole ekvidistantní. Primární barvy jsou základem pro všechny ostatní barvy lze vyrobit kombinací základních barev.

Sekundární barvy vznikají smícháním dvou primárních barev z barevného kruhu. Výsledky budou oranžové, zelené a fialové.

Poslední skupina odstínů, terciární barvy, vznikají smícháním primárních a sekundárních barev. Každá barva má dvouslovný název, například červeno-oranžová, modrofialová nebo modrozelená.

Barevná schémata se obvykle vytvářejí výběrem a kombinací dvou, tří nebo čtyř barev v paletě. Každá barevná paleta může být vytvořena z čisté barvy, odstínu, stínu nebo tónu. Kombinujte odstín s odstínem, tón s odstínem a tak dále pro nejlepší zobrazení barev.

Další barevné schéma

Další barevné schéma

Barvy z opačných pozic na barevném kruhu jsou považovány za doplňkové. Červená a zelená, žlutá a fialová, modrá a žlutooranžová barva se vzájemně doplňují.

Použití doplňkových barev vytváří ve vašich návrzích vysoký kontrast, zvláště když je pro každý použit plný odstín. Doplňkové barevné schéma je skvělé pro jemné zvýraznění prvků, ale jeho použití může být obtížné. Nepoužívejte doplňkové barvy pro větší projekty nebo jako základ pro váš web a vyhněte se textu v doplňkových barvách.

Několik dalších typů doplňkových barevných schémat kombinuje dvoubarevné párování s doplňkovými barvami pro čtyřbarevné palety. Rozdělený komplementární gamut používá barvu, doplněk a dvě barvy vedle něj. Dvojitý komplementární gamut používá dvě barvy vedle sebe na kole a pár protilehlých barev.

Analogové barevné schéma

Analogové barevné schéma

Analogické barevné schéma, používá sousední barvy z barevného kruhu. Výsledkem jsou vizuálně příjemné a uklidňující barvy. Jedna z barev v takových barevných schématech se používá jako dominantní barva. Vyberte druhou barvu, která podpoří dominantní odstín, a třetí, kterou použijete jako zdůrazňující barvu.

Triadická a tetradická barevná schémata

Zpracovat barevné schéma

Triadické barevné schéma používá tři barvy rovnoměrně rozmístěné na barevném kole. Toto schéma je mezi designéry jedním z nejoblíbenějších. Triadická barevná schémata vytvářejí pocit rovnosti a bezpečí díky použití různých odstínů.

Procesní barevná schémata bývají poměrně křiklavá. Vyvažte barvu výběrem dominantního odstínu a dvou dalších výtažkových barev jako akcentů.

Tetrad (obdélníkové) barevné schéma

Tetrální (nebo obdélníkové) barevné schéma používá kombinaci čtyř barev a je velmi podobné triadickému barevnému schématu v tom, že je velmi živé a obsahuje jednu dominantní barvu. Uspořádání barev vychází ze dvou sad doplňkových barev, to znamená ze čtyř tónů, které nejsou rovnoměrně rozmístěny kolem barevného kruhu. Obdélníkové schéma může používat kombinaci červené a zelené s červeno-oranžovou a modro-zelenou. Sledujte, jak se v tomto schématu používají teplé a studené barvy k vytvoření požadovaného efektu.

Podobně jako schéma triády, tetradické barevné schéma používá čtyři barvy, ale barvy jsou rozmístěny rovnoměrně po barevném kole. Opět platí, že jeden odstín by měl být dominantní a další tři akcentní barvy.

Další barevná schémata

Kromě základních barevných schémat existuje několik dalších, které jsou široce používány.

Monochromatické barevné schéma

Jedno z nejoblíbenějších a moderních barevných schémat je monochromatické. Každá barva použitá v paletě je odstín, tón nebo stín jedné barvy.

Neutrální barevné schéma

Neutrální barvy, používejte pouze odstíny hnědé a béžové. Jakoukoli barvu můžete „neutralizovat“ smícháním s jejím doplňkem.

Achromatické barevné schéma

Achromatická schémata jsou vytvořena pomocí odstínů černé, bílé a šedé.

Barvy mohou být složité

I když se to může zdát docela jednoduché, barva je víc než jen kombinování barev z různých barevných schémat. Barva může nastavit náladu nebo diktovat osobnost vašeho webu. Přemýšlejte o tom, jak používáte jednotlivé barvy, jako pozadí, jako akcenty, pro text, a pak si pohrajte s různými schématy. Nezapomeňte, jak můžete pomocí polotónů a odstínů dosáhnout různých „efektů“ na správných místech.