Farby na webe nie sú len otázkou vkusu. Ovplyvňujú aj to, ako návštevník firmu vníma, a to často ešte skôr, než si prečíta prvý nadpis alebo zistí, čo vlastne firma ponúka. Už pri prvom pohľade na stránku si človek vytvára dojem, či web pôsobí seriózne, moderne, lacno, prémiovo, pokojne alebo chaoticky.
Neznamená to, že existuje jedna farba, ktorá automaticky zvýši predaj alebo počet dopytov. Takto psychológia farieb nefunguje. Oveľa dôležitejšia je kombinácia farieb, ich kontrast, množstvo, spôsob použitia a hlavne to, či sa hodia k tomu, čo firma robí.
Pre malú firmu z toho plynie jednoduchá vec. Farby netreba vyberať iba podľa toho, ktorá sa majiteľovi páči. Oplatí sa rozmýšľať nad tým, aký dojem má web vytvárať a čo má návštevník na stránke urobiť.
Čo jednotlivé farby zvyknú naznačovať
Niektoré farebné asociácie sa opakujú naprieč reklamou, webdizajnom aj bežným životom. Modrá sa často spája s dôverou, pokojom, stabilitou a profesionalitou. Aj preto ju nájdete na weboch bánk, poisťovní, technologických spoločností, zdravotníckych zariadení alebo rôznych odborných služieb.
Zelená sa zase často spája s prírodou, zdravím, rastom a sviežosťou. Prirodzene preto funguje pri záhradníctvach, ekologických službách, potravinách, wellness službách alebo firmách, ktoré chcú zdôrazniť udržateľnosť.
Červená a oranžová pôsobia výraznejšie a energickejšie. Dokážu rýchlo pritiahnuť pozornosť, preto ich firmy často používajú pri zľavách, akciách alebo tlačidlách, na ktoré má návštevník kliknúť. Ak sa však použijú vo veľkom množstve, stránka môže pôsobiť agresívne alebo únavne.
Čierna, tmavosivá, tmavozelená, bordová alebo tmavomodrá v kombinácii s béžovou, zlatou či medenou často vytvárajú prémiovejší dojem. Preto ich vidíme pri luxusnej kozmetike, gastronómii, móde, interiérovom dizajne alebo službách, ktoré chcú pôsobiť exkluzívnejšie.
Žltá pôsobí optimisticky a výrazne, ale zároveň je veľmi silná. Ako doplnková farba môže stránku príjemne oživiť. Ak jej je priveľa, môže byť unavujúca a pri svetlejších odtieňoch vzniká problém aj s čitateľnosťou textu.
Farba sama o sebe nič negarantuje
Pri psychológii farieb sa často stretnete s jednoduchými poučkami typu modrá znamená dôveru, zelená prírodu a červená energiu. V praxi je to zložitejšie.
Význam farby totiž vzniká najmä v kontexte. Rovnaká červená môže na stránke výpredaja pôsobiť ako výzva na rýchle rozhodnutie, zatiaľ čo na stránke zdravotníckeho zariadenia môže pripomínať krv, nebezpečenstvo alebo upozornenie.
Podobne zelená môže pri záhradníctve pôsobiť úplne prirodzene, no pri luxusnej advokátskej kancelárii môže nevhodne zvolený odtieň pôsobiť lacno alebo nezvyčajne.
Pri výbere farieb je preto lepšie nepýtať sa, ktorá farba je najlepšia, ale čo má človek pri pohľade na firmu cítiť. Má pôsobiť dostupne? Technicky? Tradične? Moderne? Prémiovo? Priateľsky? Robustne?
Odpoveď na túto otázku je pre dizajn webu oveľa užitočnejšia než univerzálna tabuľka významov farieb.
Farby musia sedieť aj k odboru
Ľudia si za roky používania internetu vytvorili určité očakávania. Keď otvoríte stránku stavebnej firmy, očakávate iný vizuálny štýl než pri kaderníctve alebo detskom centre.
To neznamená, že všetky firmy v rovnakom odbore majú vyzerať rovnako. Určitá vizuálna logika však pomáha návštevníkovi rýchlo pochopiť, s akým typom firmy má do činenia.
Remeselník môže pôsobiť dobre s tmavomodrou, antracitovou, oranžovou alebo tlmenou zelenou. Kozmetický salón môže pracovať s jemnejšími neutrálnymi tónmi. Reštaurácia môže použiť teplejšie farby, ktoré ladia s fotografiami jedla. Technická firma môže zostať pri čistých modrých, sivých alebo tmavých odtieňoch.
Samozrejme existujú výnimky. Práve odlišná farba môže niekedy firme pomôcť vyniknúť medzi konkurenciou. Rozdiel však musí pôsobiť zámerne, nie ako náhodná voľba.
Menej farieb väčšinou funguje lepšie
Jednou z najčastejších chýb na weboch malých firiem nie je zle zvolená farba. Je ňou priveľa farieb naraz.
Modré menu, zelené tlačidlá, oranžové nadpisy, červené upozornenia, fialové ikonky a k tomu ešte farebné fotografie vytvoria stránku, na ktorej všetko súťaží o pozornosť.
Návštevník potom nevie, čo je na stránke dôležité. A keď je výrazné všetko, v skutočnosti nie je výrazné nič.
Pre väčšinu firemných webov úplne stačí jedna hlavná farba, jedna doplnková farba a neutrálne odtiene na pozadie, text a jednotlivé sekcie. Takáto zostava sa ľahšie používa, stránka pôsobí jednotne a návštevník si rýchlo zvykne na jej vizuálnu logiku.
Ak máte napríklad tmavomodrú ako hlavnú farbu, nemusí byť tmavomodré úplne všetko. Môže sa objaviť v logu, menu, ikonách a niektorých nadpisoch, zatiaľ čo výraznejšia doplnková farba zostane vyhradená pre tlačidlá.
Najdôležitejšia farba môže byť tá na tlačidle
Farba vo webdizajne nemá iba vytvárať náladu. Má aj praktickú úlohu. Pomáha návštevníkovi pochopiť, kam sa má pozerať a čo má urobiť ďalej.
Ak sa napríklad na celom webe používa oranžová takmer výhradne na tlačidlách Zavolať, Objednať, Poslať dopyt alebo Získať cenovú ponuku, návštevník veľmi rýchlo pochopí, že oranžová znamená akciu.
Nemusí nad tým vedome premýšľať. Oko jednoducho začne tieto prvky automaticky vyhľadávať.
Problém vznikne vtedy, keď rovnakú oranžovú použijete aj na ozdobné čiary, nadpisy, ikony, rámčeky, pozadie sekcií a polovicu obrázkov. Tlačidlo prestane byť výnimočné a stratí svoju navigačnú funkciu.
Preto sa pri návrhu stránky oplatí jednu výraznejšiu farbu doslova šetriť na najdôležitejšie prvky.
Kontrast je dôležitejší než samotný odtieň
Z pohľadu použiteľnosti webu je často oveľa podstatnejší kontrast než otázka, či ste zvolili modrú alebo zelenú.
Svetlosivý text na bielom pozadí môže na veľkom kvalitnom monitore vyzerať elegantne. Na staršom telefóne, pri slabšom displeji alebo vonku na slnku sa však môže čítať veľmi zle.
To isté platí pri farebných tlačidlách. Svetložlté tlačidlo s bielym textom môže vyzerať moderne na grafickom návrhu, ale pri reálnom používaní môže byť text takmer nečitateľný.
Firemný web pritom nenavštevujú iba dvadsaťroční ľudia s najnovším telefónom. Medzi zákazníkmi môžu byť ľudia so slabším zrakom, starším displejom alebo jednoducho návštevníci, ktorí si stránku pozerajú v nevhodných svetelných podmienkach.
Vyšší kontrast preto nie je dizajnová chyba. Vo väčšine prípadov je to výhoda.
Farba nesmie byť jediný spôsob, ako niečo vysvetliť
Dôležitá je aj prístupnosť. Časť populácie nerozlišuje určité farebné kombinácie rovnako ako väčšina ľudí. Najznámejší problém sa týka rozlišovania červenej a zelenej.
Predstavte si rezervačný kalendár, v ktorom sú voľné termíny označené zelenou a obsadené červenou. Ak sa jednotlivé políčka nelíšia ničím iným, niektorí návštevníci môžu mať problém rýchlo pochopiť, ktorý termín je dostupný.
Riešenie pritom nemusí byť komplikované. Stačí k farbe pridať text, ikonu alebo iný vizuálny rozdiel. Namiesto samotnej zelenej zobrazíte napríklad text Voľné a namiesto červenej Obsadené.
Rovnaké pravidlo platí pri formulároch. Chybne vyplnené pole by nemalo byť označené iba červeným rámčekom. Malo by obsahovať aj krátku informáciu o tom, čo je potrebné opraviť.
Veľkú časť farebnosti webu tvoria fotografie
Na toto sa pri návrhu stránok často zabúda. Farebnosť webu neurčujú iba farby tlačidiel, menu a pozadia. Veľkú časť obrazovky môžu zaberať fotografie.
Ak má napríklad reštaurácia fotografie jedál plné teplých oranžových, červených a hnedých tónov, nemusí k nim pridávať ďalšie tri výrazné farby v grafike stránky. Fotografie už samy vytvárajú dostatok farebnosti.
Podobne môže mať stavebná firma fotografie s veľkým množstvom sivej, dreva, tehál alebo zelene. Farby webu by mali s takýmito fotografiami spolupracovať, nie proti nim bojovať.
Preto je dobré skúšať farebnú paletu priamo s reálnymi fotografiami firmy. Samostatný vzorkovník farieb môže vyzerať krásne, no výsledný web môže pôsobiť úplne inak.
Aj biela, sivá a čierna sú súčasťou farebného systému
Keď sa povie farebná paleta webu, väčšina ľudí si predstaví dve alebo tri výrazné farby. V skutočnosti veľkú časť dobrého dizajnu tvoria neutrálne odtiene.
Biela vytvára priestor a vzdušnosť. Svetlosivá dokáže oddeliť jednotlivé sekcie bez toho, aby stránka pôsobila rozsekane. Tmavosivá môže byť na dlhšie texty príjemnejšia než úplne čierna. Veľmi tmavé pozadie zase môže pomôcť vytvoriť prémiovejší alebo technickejší charakter.
Práve neutrálne farby umožňujú hlavnej farbe značky vyniknúť. Ak je celý web výrazný, značka sa v ňom paradoxne stráca.
Farby môžu pôsobiť inak na rôznych zariadeniach
Farba, ktorú vidí dizajnér na kvalitnom monitore, nemusí vyzerať úplne rovnako na telefóne zákazníka. Displeje majú rozdielny jas, kontrast aj podanie farieb.
Niektorí ľudia používajú veľmi vysoký jas, iní automatický nočný režim. Telefón môže byť nastavený na teplejšie farby alebo môže mať displej, ktorý je po niekoľkých rokoch používania výrazne slabší.
Aj preto je nebezpečné stavať celý dizajn na veľmi jemných rozdieloch medzi podobnými odtieňmi.
Ak zákazník potrebuje rozoznať tlačidlo od pozadia alebo text od informačného boxu, rozdiel by mal byť dostatočne výrazný aj bez dokonale nastaveného displeja.
Na kultúre a cieľovej skupine záleží
Farby nemajú úplne univerzálny význam. Asociácie, ktoré máme s určitými farbami na Slovensku alebo v Európe, môžu byť v iných krajinách odlišné.
Ak firma podniká prevažne lokálne, nemusí to byť veľký problém. Pri medzinárodnom e-shope alebo značke pôsobiacej vo viacerých krajinách však stojí za to premýšľať aj nad týmto rozdielom.
Dôležitá je aj samotná cieľová skupina. Web určený deťom môže pracovať s oveľa pestrejšou paletou než stránka účtovníckej kancelárie. Luxusná značka môže používať veľmi striedmu farebnosť, zatiaľ čo festival alebo športové centrum si môže dovoliť oveľa energickejší vizuál.
Nemusíte používať rovnaké farby ako konkurencia
Pri výbere farieb je užitočné pozrieť sa na konkurenciu, ale nie preto, aby ste ju kopírovali.
Ak deväť z desiatich firiem vo vašom odbore používa rovnakú modrú, môže to znamenať dve veci. Modrá pravdepodobne v danom odbore funguje a zákazníci ju akceptujú. Zároveň však môže byť príležitosť odlíšiť sa.
Rozumným riešením môže byť ponechať si seriózny charakter, ale zvoliť iný odtieň alebo inú doplnkovú farbu. Firma tak stále pôsobí dôveryhodne, no na prvý pohľad si ju zákazník ľahšie zapamätá.
Odlíšenie totiž nemusí znamenať krikľavú farebnosť. Niekedy stačí malý rozdiel.
Častá chyba: farby sa vyberajú podľa loga za každú cenu
Vychádzať z loga je vo väčšine prípadov dobrý začiatok. Nie vždy však treba preniesť všetky farby z loga na celý web.
Ak má firma staršie logo so štyrmi výraznými farbami, neznamená to, že všetky štyri musia byť na každej stránke. Logo môže pokojne zostať farebnejšie a web okolo neho môže používať jednoduchšiu paletu.
Rovnako nie je nutné mať celé pozadie stránky v hlavnej farbe loga. Niekedy funguje omnoho lepšie použiť ju iba na malé prvky a zvyšok stránky nechať neutrálny.
Farba nedokáže zachrániť slabý web
Aj perfektne zvolená farebná kombinácia má svoje hranice. Ak návštevník nevie, čo firma robí, nenájde telefónne číslo, stránka sa načítava pomaly alebo na mobile nefunguje formulár, správny odtieň modrej situáciu nezachráni.
Farba je jedna časť celkového dojmu. Spolupracuje s typografiou, fotografiami, rozložením stránky, textami, rýchlosťou webu a tým, ako jednoducho sa človek dostane k informácii, ktorú hľadá.
Práve preto sa pri tvorbe firemného webu oplatí riešiť farebnosť až ako súčasť celku, nie ako samostatnú dekoráciu.
Ako si farby vybrať prakticky
Ak už firma má logo a základnú vizuálnu identitu, najjednoduchšie je začať tam. Vyberte jednu hlavnú farbu, prípadne jednu doplnkovú, a zvyšok stránky postavte na neutrálnych odtieňoch.
Ak logo nemáte, pozrite si tri až päť webov vo svojom odbore, ktoré na vás pôsobia dôveryhodne. Nesledujte iba konkrétnu farbu. Všímajte si, koľko farieb používajú, kde sa objavuje najvýraznejší odtieň a ako vyzerajú tlačidlá oproti zvyšku stránky.
Potom si položte niekoľko jednoduchých otázok. Má firma pôsobiť skôr tradične alebo moderne? Dostupne alebo prémiovo? Pokojne alebo energicky? Odborne alebo hravo?
Na základe toho vyberte niekoľko odtieňov a vyskúšajte ich priamo na návrhu stránky.
Najlepší test nie je farebný vzorkovník, ale reálny web
Farby vždy skúšajte tam, kde ich budú vidieť zákazníci. Na mobile, na notebooku, pri dennom svetle aj večer.
Pozrite sa, či sú texty dobre čitateľné, či tlačidlá okamžite nájdete a či hlavná farba funguje spolu s fotografiami vašej práce.
Skúste si tiež stránku ukázať niekomu, kto ju ešte nikdy nevidel, a bez vysvetľovania sa ho opýtajte, kam by klikol, keby chcel zavolať alebo poslať dopyt.
Ak najdôležitejšie tlačidlo nájde okamžite, farebná hierarchia pravdepodobne funguje. Ak začne hľadať medzi piatimi podobne výraznými prvkami, problém nemusí byť v texte ani v rozložení, ale práve vo farbách.
Jednoduché pravidlo pre malú firmu
Ak nechcete nad farebnou psychológiou stráviť celý deň, držte sa jednoduchého pravidla. Jedna hlavná farba, jedna doplnková, neutrálne pozadie, tmavý dobre čitateľný text a jedna výrazná farba na najdôležitejšie akcie.
Nie je to jediný správny spôsob, ako navrhnúť web, ale pri bežnej firemnej stránke funguje veľmi dobre a výrazne znižuje riziko, že výsledok bude pôsobiť chaoticky.
Psychológia farieb teda nie je tajný návod, podľa ktorého nastavíte tlačidlo na červeno a objednávky začnú prichádzať samy. Je skôr pripomienkou, že návštevník nevníma web iba cez text.
Farby mu ešte pred čítaním naznačia, či stránka pôsobí dôveryhodne, pokojne, moderne, lacno alebo prémiovo. Dobrá farebnosť mu zároveň pomáha orientovať sa a rýchlo nájsť ďalší krok.
A presne to by mal dobrý firemný web robiť. Nie ohurovať počtom farieb, ale uľahčiť zákazníkovi rozhodovanie.
Ak si nie ste istí, aká farebnosť bude najlepšie fungovať práve pre vašu firmu, využite našu bezplatnú konzultáciu. Spoločne sa pozrieme na váš odbor, cieľovú skupinu aj to, aký dojem má váš web vytvárať.
