Věda za designovou teorií barev
Teorie barev byla po léta předmětem zájmu v umělecké komunitě. Pravidla a pokyny platí při práci na digitálních projektech stejně jako na fyzických předmětech.
V tématu barev je toho hodně, takže se budu věnovat jen některým klíčovým bodům. Terminologie je něco, co mnoho návrhářů chytí, na které by vás nemělo vyděsit nebo vás zadržet. Věda za teorií barev je skvělá, ale elegantní. To by mělo být tématem zájmu každého digitálního umělce.
Prozkoumejte zdroje návrhu
Terminologie barev
Podmínky jsou velmi důležité, pokud jde o práci designéra. Jak vlastně sdělíte své znalosti svým spoluhráčům nebo klientům, pokud jim sami nerozumíte? Níže se podívám na popis několika termínů, které by měl každý návrhář znát.
Odstín je ten, o kterém jsem si jistý, že už o něm alespoň slyšel. Jednoduše řečeno odstín je barva použitá v jakémkoli pixelu v designu. Mohou zahrnovat referenční názvy, jako je „červená“ nebo „fialová“, ale obecně popisujeme barvy jiným způsobem.
Většina vývojářů webu zná hodnoty RGB pro odstíny. Dva výchozí způsoby, jak psát barvy, by byly v párech hodnot RGB (např. „255, 0, 0“ pro čistě červenou) nebo hexadecimálním kódu (# FF0000). Pokud jste někdy pracovali s maketou designu v Adobe Photoshopu nebo Illustratoru, je pravděpodobné, že jste pracovali s barevným kolem a nastavili hodnotu barvy. To je to samé jako nastavení odstínu, rádi bychom věci jen komplikovali.
Sytost je další slovo, které návrháři zřejmě slyšeli, ale nikdy se nedefinovali. Nazýváme saturaci jako intenzitu, kterou barva zobrazuje, buď velmi světlou, nebo matnou. Můžete se také podívat na nasycení, jak intenzivní je odstín jedné barvy - čím sytější, tím čistší je barva.
Barevné sady s menší saturací fungují nejlépe jako prvky pozadí webové stránky. Důvodem je to, že jsou obecně blíže k čisté bílé než jejich původní odstín, což je způsobuje, že upadají za hluboce nasycené prvky. Jeden takový příklad lze nalézt ve starém designu Digg (na obrázku níže).
Jejich světle modré pozadí je perfektní úroveň nasycení, aby se vešly do pozadí. To platí pouze ve srovnání se zbytkem funkcí webu, jmenovitě intenzivní zelení a blues, které se nacházejí v záhlaví a obsahu stránky.
Tón nebo hodnota je termín, o kterém nikdo neslyšel. Označuje množství světla v barvě umístěné podél spektra černé (bez tónu) po bílou (nejvyšší tónu). To se liší od nasycení, protože se nezabýváme přidáváním / odečítáním více základního odstínu, ale místo toho pracujeme s přidáváním hodnot černé nebo bílé do barvy.
Jako příklad najdete více tónů v jasně žluté nebo červené než u tmavě modré. Pouhým zobrazením každé z těchto barev můžete zjistit, jak je jasná slunečnicová žlutá bohatší na svůj původní odstín (primární žlutá) ve srovnání s tmavě modrou, která je hlubší a tmavší než původní odstín (primární modrá).
Odstíny a odstíny jsou vzájemně polárními protiklady a zapadají podobně jako tóny. Odstíny jsou vytvářeny odstínem a přidáním čistě černé pro vytvoření nové hlubší barvy. Tóny jsou podobné, kromě toho, že k vytvoření nové barvy přidáte čistě bílou barvu. Mnoho designérů zaměňuje tyto termíny a považuje je za stejné jako zesvětlení / ztmavení sady barev.
Hlavním rozdílem, který zde vidíme, je vytvoření zcela jedinečných sad barev. Například čisté odstíny s přídavkem bílých odstínů mohou vytvářet barvy označované jako pastely. Často se používají k přidání ženskosti a jemnosti do barevného schématu (často najdete pastely na dětských hračkách a webových stránkách pro děti).
Vztahy k teorii barev
Věda o barevných vztazích je přímo spojena s barevným kolem. Jsem si jistý, že většina z nás si pamatuje, jak se o tom dozvěděla na střední umělecké škole, ale od té doby ji odsunula stranou. Vztahy ukázané na barevném kolečku jsou ve skutečnosti velmi důležité, pokud jde o navrhování schémat.
Barvy lze rozdělit na 3 obsahující skupiny primární, sekundární a terciární. Primární barvy se skládají z červené, modré a žluté. Jedná se o 3 nejzákladnější barvy, které lze kombinovat a vytvořit (zcela doslova) každou další barvu v našem spektru. Když tyto barvy smícháte dohromady, dostanete naši sadu sekundárních barev. Jde zejména o oranžové, zelené a fialové barvy.
Terciární barvy se vytvářejí smícháním základních a sekundárních barev, čímž se vytvoří zcela nové sady. Příkladem může být vytváření oranžové kombinováním červené a žluté dohromady. Můžete také získat opravdu jedinečné směsi, jako je například modrozelená nebo tmavě hnědá.
Spolu se vztahy pro vytváření barev je můžeme také seskupit do umístění na základě jejich emocionálních vazeb. Skupiny barev jsou rozděleny do 3 podobných kategorií: teplá, chladná a neutrální.
Jsem si jistý, že můžete hádat, že teplé barvy obsahují všechny ohnivé vzrušující odstíny. Tyto vyvolávají teplo a energii a lze je nalézt směrem k horní části jakéhokoli barevného kola. Nejvýznamnějšími příklady jsou červená, žlutá a oranžová.
Skvělé barvy jsou právě naopak. Tyto evokují uvolněný vztah a podporují uvolnění, klid a uvolněné napětí. Příklady zde zahrnují modrou, zelenou a fialovou.
Neutrální vlny jsou emocionální barvy, které se hodí do barevných mezer. Jsou osazeny odstíny černé, bílé, šedé a někdy tmavě hnědé. Ačkoli tyto formy barev nevyvolávají žádný pocit emocionálního spojení, mohou být užitečné k vymezení prvků na stránce nebo sekci. Obvykle budeme používat neutrální barvy pro naše odstavce a obsah stránky.
Teorie barev v praxi
Celým účelem využití teorie barev je evokovat soubor emocí z jakékoli sady perspektivních barev. Vývoj schématu může být zpočátku obtížný, ale je to důležitá součást procesu návrhu (to platí zejména pro webdesign a branding design).
Mnozí budou argumentovat, že barvy neproniknou žádným typem mentální bariéry a nesou emoce. U většiny účtů se to zdá být nepravdivé a při správném používání mohou určitá barevná schémata ve skutečnosti pomoci vašemu webovému rozhraní s větším počtem registrací a objednávek.
Obecně teplejší barvy způsobí pocit štěstí a energie. Tyto barvy se často používají k zobrazení výzvy k akci pro vaše návštěvníky. Můžete dát pocit vzrušení a smyslových požadavků pouhým umístěním teplejších barev do oblastí, s nimiž návštěvníci očekávají interakci.
Chladnější barvy připomínají pocit klidu a podobnosti. Na blogech nebo digitálních korporacích se často používají chladičská schémata, která ulehčují očím čtenářů a udržují je „přilepená“ na jejich stránce déle. Hluboké blues a purpurové udržují emoce v klidu a nastavují se na určitý typ pasivity, pokud jde o absorpci obsahu.
Najdete zde také skvělé barvy představující potenciální sílu a autoritu. Uvidíte tyto barvy použité v popředí u mnoha firemních společností a bank, které zvyšují spolehlivost jejich zákazníků. Například Microsoft i Blackberry používají hluboké modré a zelené k udržení klidného, slušného a firemního pocitu na svých stránkách.
Závěr
Toto je jen několik konceptů užitečných pro designéry, pokud jde o teorii barev. Barvy jsou všude a při správném používání mohou propagovat jakýkoli druh emocí nebo akce, kterou od svých návštěvníků chcete. Na webu je mnoho článků, které se týkají teorie barev a správy barev. Zkontrolujte Google, pokud máte zájem ponořit se hlouběji do vědy.
Mějte na paměti, že barvy mohou být důležitou součástí projekčních prací, ale nejsou jediným klíčem k dokonalému rozvržení. Teorie barev je jen nástrojem v nesčetných nástrojích, které používáme jako weboví návrháři. Vymanit se z normy a hrát si s novými pravidly pro barvu vám může pomoci růst jako digitální i relační moderní umělec.