2.1 Psychológia farieb
Či už zneškodňujete tikajúcu časovanú bombu alebo sa snažíte vytvoriť elegantne vyzerajúci web, ak vyberiete nesprávne farby, ste stratení. Výber nesprávnej farby pre web klienta nie je fatálny, ale môže vám to skrátiť rozvíjajúcu sa kariéru webdizajnéra. Výber farieb nie je ľahký. Musíte brať do úvahy estetické aspekty, ale aj firemnú identitu alebo jednoduché použitie. A aby toho nebolo málo, obrazovky môžu zobrazovať viac ako 16 miliónov farieb. Vďaka tomu existuje nekonečné množstvo strašných farebných kombinácií, ktoré čakajú na použitie. Našťastie nemusíte byť zdĺhavou vzorkovnicou farieb, aby ste našli dobré farebné kombinácie. K dispozícii je nepreberné množstvo vedomostí, od chúlostivých (ako ich ja nazývam) psychologických pokynov až po osvedčené teórie farieb, ktoré vám môžu pomôcť pri správnom výbere farieb. farba
Farebné schémy 57 2.6.1 A Čiernobiela farebná schéma Keď sme hovorili o hodnotách farieb uvedených vyššie, pozreli sme sa tiež na zosvetlenie a stmavenie. Monochromatická farebná schéma obsahuje jednu základnú farbu a ľubovoľný počet odtieňov tejto farby. Tu na obrázku 2.14 je naša kráľovská opica viditeľná v monochromatickej farebnej schéme založenej na fialovej farbe. Obr. 2.14 Monochromatická opica Príklady monochromatických farebných schém Úvodná stránka Mint, internetovej aplikácie Shauna Inmana, ktorú je možné použiť na sledovanie štatistík prístupu na web, je užitočná a elegantná. 3 Web aj samotná aplikácia používajú jednotnú, hlavne monochromatickú farebnú schému s niekoľkými odtieňmi zelenej, ako vidíte na obrázku 2.15. Obr. 2.15 Webová stránka Mint, čiernobiela zelená Ak vaša značka a identifikácia začína farbou, je vždy zrejmou voľbou monochromatická farebná schéma. Ľudia v poradenskej a dizajnérskej spoločnosti Blue Flavour sa chopili tejto myšlienky. 4 Pozri obrázok 2.16. Namiesto hľadania farieb, ktoré zodpovedajú logu 3 http://www.haveamint.com/ 4 http://www.blueflavor.com
58 zhodné s farbou, do svojej ochrannej známky zahrnuli modrú farbu, čo im dáva jednotnú a jednoduchú farebnú schému. Obr. 2.16 Modrá farebná schéma Blue Flavour, ktorá sa zhoduje s ochrannou známkou Superfluous Banter, je súkromnou webovou stránkou návrhára Dana Rubina. 5 Naposledy, keď redizajnoval dizajn (alebo „reštartoval“, ako rád hovorí), vytvoril dizajnérsku tému s názvom Orangina, v ktorej je veľmi veľkoryso použitá oranžová farba. Rovnako ako predchádzajúce dva príklady monochromatických farebných schém, aj tento dizajn je skutočne pútavý. Môžete to vidieť na obrázku 2.17. Sme si tak zvyknutí na viacfarebné vzory na internete, že dizajn, ktorý má iba jednu farbu, nás skutočne okamžite zaujme, najmä ak je táto farba jasne oranžová. Obr. 2.17 Webové stránky Superfluous Banter a dizajnová téma v oranžovej farbe 5 http://www.superfluousbanter.org/
60 Color Hoity-Toity Circus Monkeys Obr. 2.19 Opice v analógovej farebnej schéme Príklady analógových farebných schém Už som spomenul, že oranžová je veľmi dobrá pre reklamu na jedlo a že sa k nej hodí gaštan alebo bordó. Webová stránka spoločnosti Regine's Patisserie 7 využíva psychologické aspekty týchto dvoch farieb. Samotná táto webová stránka vyzerá ako jemná cukrovinka a vyžaruje arómu a teplo, ako môžete určite vidieť na obrázku 2.20. Ak farby okamžite nepodnecujú vašu chuť k jedlu, urobia to aj fotografie. 2.20 Regine s Patisserie mmm Webová stránka Blinksale 8, ktorú môžete vidieť na obrázku 2.21, je internetová aplikácia, pomocou ktorej môžete generovať, spravovať a odosielať faktúry online vo formáte CSS alebo v textovom formáte. Je to tiež vynikajúci príklad toho, aký dopad môže mať kreatívna analógová farebná schéma na webovú stránku firmy. Odstráni predpojaté predstavy o tom, ako by mali obchodné webové stránky vyzerať, a hodí ich všetky do studeného mora farieb, ktoré sa pohybuje od modrozelenej po žltú. 7 http://www.regines.net.au 8 http://www.blinksale.com
Farebné schémy 61 Obr. 2.21 Blinksale skvelá obchodná webová stránka Aj keď sa farby webovej stránky Michael Angeles „urlgreyhot 9“ menia v každej oblasti webovej stránky, prevládajúca farebná schéma domovskej stránky je rovnaká. Túto stránku môžete vidieť na obrázku 2.22. Obr. 2.22 Úvodná stránka urlgreyhot analógovej a zemskej farby POZNÁMKA Zmena farebných schém Mnoho webových stránok používa rôzne farebné schémy pre rôzne oblasti obsahu. Tento prístup môže zdôrazniť obsah a dať mu charakter, ale môže tiež viesť k problémom s identitou. Ak na rovnakom webe používate rôzne farebné schémy, dbajte na to, aby logo, ponuka a celkové rozloženie webu boli konzistentné, aby nedošlo k zámene. 9 http://urlgreyhot.com/
62 Farba 2.6.3 A Doplnková farebná schéma Doplnkové farebné schémy, ako sú napríklad tie, ktoré sú zobrazené na obrázku 2.23, obsahujú farby, ktoré sú oproti sebe na farebnom koliesku, napríklad červená a zelená, žltá a fialová alebo oranžová a modrá. Tieto farby sa označujú ako vzájomne sa doplňujúce alebo ako doplnkové farby. Obr. 2.23 Podivná doplnková opica Príklady doplnkových farebných schém Farby na univerzite na Floride 10, kde študovala moja žena, sú skvelým východiskovým bodom pre doplnkovú farebnú schému. Niektorých ľudí môže odradiť tento výrazný kontrast doplnkovej farebnej schémy, ako ukazuje obrázok 2.24. Ale ak tieto farby reprezentujú spoločnosť alebo organizáciu, pre ktorú navrhujete, máte vždy pravdu. Tím, ktorý urobil redizajn tohto webu, urobil dobrú prácu, keď spojil túto neobvyklú voľbu farieb s krásnym rozložením a štandardným kódom HTML. Obr.2.24 Domovská stránka University of Florida 10 http://www.ufl.edu/
Farebné schémy 63 Faith Incubators 11 je organizácia, ktorá si dala za úlohu vytvárať, testovať a optimalizovať vzdelávací obsah na upevnenie kresťanskej viery. Fialová farba vášho loga, ktorú vidíte na obrázku 2.25, je použitá na celom webe a je vyvážená neutrálnou žltou farbou. Obr. 2.25 Úvodná stránka inkubátorov Faith Ak sa voláte Rob Goodlatte, ako môžete pokaziť farebnú paletu kávovohnedých a zemitých odtieňov? Rob je dizajnér a študent na Duke University a zdá sa, že hlboko rozumie princípom grafického dizajnu. Zelená farba pre bočný panel a ďalšie akcenty webovej stránky 12, ktoré sú zobrazené na obrázku 2.26, nie sú zrejmé, ale z jednoduchej analógovej témy urobia dizajn so sofistikovanou doplnkovou paletou. Obr.2.26 Kávovo hnedé a zelené odtiene na webovej stránke Roba Goodlatteho 11 http://www.faithink.com/ 12 http://www.robgoodlatte.com/