Blog o podnikaní na internete
Poradca úspešného podnikateľa

Ešte stále neviete, aké farby použiť na dizajn vášho webu?

aké farby použiť do dizajnu webu, webdizajnViete, ako na vašich zákazníkov pôsobia farby na vašom webe? Urobte dobrý dojem a získajte si pozornosť návštevníkov vášho webu od prvého momentu. Inovujte jeho dizajn v súlade s psychológiou farieb.

Zdá sa vám to komplikované?  Poďme sa spolu naučiť, ako na dizajn, ktorý pomôže tomu, aby sa “u vás” vaši zákazníci dobre cítili, radi dlhšie zdržali a aj vás radi kontaktovali či radi u vás nakupovali.

O význame teplých farieb vo webdizajne sme hovorili v predchádzajúcom článku. Pozrime sa teraz na neutrálne farby, ideálne nielen na tvorbu kontrastov. Na záver máme pre vás skvelý nástroj, ktorý vám kombinovanie farieb výrazne uľahčí.

NEUTRÁLNE FARBY

Využívajú sa hlavne ako farby pozadia. Dotvárajú alebo zvýrazňujú dizajn. Veľmi často sú spájané s ostatnými, výraznejšími farbami. Aj preto je význam a dojem z týchto farieb vo veľkej miere definovaný teplými alebo chladnými farbami, s ktorými sú práve kombinované.

Čierna farba

Najsilnejšia z neutrálnych farieb. Dizajn, v ktorom dominuje čierna môže byť konzervatívny, moderný, tradičný, nekonvenčný. Všetko je závislé od farby, s ktorou je čierna v dizajne kombinovaná.  Funguje ako zosilovač vlastností iných farieb, ktoré zvýrazní.

  • V pozitívnom zmysle je spájaná so silou a formálnosťou. V dizajne je čierna často použitá na výrazných, ostrých, ale i elegantných a formálnych weboch.

  • V negatívnom zmysle býva interpretovaná ako farba zla, smrti a tajomna. Vo väčšine západných krajín sa často spája so smútkom, ale taktiež s rebéliou, Halloweenom (v našom prípade s Pamiatkou zosnulých – Dušičkami).

čierna farba vo webdizajne, moderný responzívny web v čiernej farbe

náš klient 2skin.cz veľmi decentne využil čiernu farbu v modernom, flatovom dizajne

Biela farba

Je síce protipólom čiernej, rovnako však dokáže pôsobiť s akoukoľvek inou farbou. Na rozdiel od čiernej, biela farba zvýrazňuje, podčiarkuje vlastnosti ostatných farieb, necháva im priestor vyniknúť a prepožičiava im čistotu.

  • Často využívaná v minimalistických, jednoduchých dizajnoch alebo v prípadoch, kde chceme poukázať na čistotu a jednoduchosť, nevinnosť, bezúhonnosť.

  • Je spájaná s dobrom, a práve anjeli a božstvá sú bielou vyobrazení. V západných krajinách je tradičnou farbou svadobných šiat, ale taktiež sa využíva v zdravotníctve (napr. odevy lekárov a sestier).

biela farba vo webdizajne

biela farba dodá webdizajnu vzdušnosť, ako napr. na webe nášho klienta – writeyboards.sk

Šedá farba

Nepôsobí tak ostrým dojmom ako čierna, no stráca čistotu bielej farby. (Samozrejme záleží od konkrétneho odtieňa, ktorý je použitý v danom dizajne.) Môžeme ju zaradiť k chladnému koncu spektra farieb.

  • Môže pôsobiť náladovo až depresívne, tiež konzervatívne, formálne, profesionálne, ale aj veľmi sofistikovane, ak je využitá v správnom type dizajnu.

 Najčastejšie je používaná na pozadie, ale aj na farbu písma.

šedá farba vo webdizajne

klient konzole-prislusenstvi.cz stavil na šedú farbu

Hnedá farba

Hnedá v nás vyvoláva pocity zodpovednosti, vytrvalosti a zemitosti. Môže byť považovaná aj za fádnu, nevýraznú farbu, záleží od jej odtieňa.

  • Je spájaná s prírodou, farbou zeme a dreva. Pomáha priniesť prírodné teplo, pocit bezpečia, domova a pohodlia do dizajnu.

Je často využívaná na pozadie, imitáciu drevenej a občas aj kamennej textúry. Jej tmavšie odtiene môžu byť využité ako náhrada za čiernu, a taktiež sa môže objaviť ako farba písma.

hnedá farba vo webdizajne

hnedá farba dreva v pozadí webu chaty na Popradskom plese – popradskepleso.com

PALETA FARIEB

Pri vytváraní dizajnu webu je podstatné uvedomiť si, aké pocity chceme u návštevníka nášho webu vyvolať a tomuto prispôsobiť jeho farby. Aby boli v súlade s vašim zámerom aj filozofiou vašej firmy, ktorú budú reprezentovať. Veríme,  že vám náš predošlý a tento článok pomohli pochopiť ich význam. Ak sa chcete dozvedieť viac o správnom miešaní a kombinácií farieb,  odporúčame http://paletton.com.

naučte sa správne miešať a kombinovať farby pomocu nástroja paletton.com

Jedným z dvoch hlavných prvkov na stránke je paleta farieb. Vo vonkajšom kruhu palety si môžete vybrať farbu, ktorú chcete ako hlavnú farbu pre váš dizajn. Vo vnútornom kruhu si môžete vybrať konkrétny odtieň danej farby.

V ľavej časti obrazovky sa nachádza druhý hlavný prvok – simulátor.

simulátor farieb paletton.com

V tejto časti vám simulátor vygeneruje jednotlivé farebné odtiene, na základe vami zvolenej hlavnej farby, ktoré odporúča skombinovať tak, aby bola webstránka prehľadná a farby dobre rozlíšiteľné.

Kliknutím na jednotlivé štvorce sa vám zobrazí tabuľka obsahujúca informácie o konkrétnej farbe. Dané hodnoty si môžete uložiť a poslať svojmu grafikovi, prípadne ich zúžitkovať pri tvorbe vašej grafiky vo Floxe.

informácie o farbách

Pri zvolení svojej základnej farby si môžete vybrať z viacerých paliet, ktoré software predpripravil. Nemusíte teda odtieň farby ručne zdĺhavo vylaďovať. Môžete si vybrať z predpripravených možností. Túto možnosť vyvoláte kliknutím na tlačítko PRESETS v dolnej časti.

predpripravené možnosti kombinácií farieb v paletton.com

Pri vyberaní správnej farby a jej odtieňov sa nemusíte obmedzovať len na jednu farbu. Môžete si vybrať z viacerých možností – kombinovať 1 až 4 farby (viac kombinácií samostatných farieb sa neodporúča, medzi samostatné farby neradíme jednotlivé odtiene). Z možností si môžete vyberať v hornej lište. Kliknutím na tlačítko „add complementary“ sa vám k vybranej možnosti doplní ďalšia farba. Podľa zvoleného množstva farieb sa zmení aj simulátor vpravo.

ako  kombinovať farby vo webdizajne

Ak ste sa zatiaľ nerozhodli, aká farba sa vám páči, aký dizajn si zvoliť, aké rozloženie stránky si vo Floxe vybrať, máme pre vás tip.

Do redakčného systému Flox vám naši programátori zakomponovali aj prvky umelej inteligencie, takže si môžete zmeniť webdizajn len 1 klikom na Vygenerovať šablónu.

umelá inteligencia v BiznisWeb.sk - automatické generovanie grafických šablón webu

Táto vám vyberie náhodné rozloženie webu, náhodný banner a následne sa začína diať tá zaujímavá časť.

Flox analyzuje farebné zloženie banneru, podľa toho vyberie najviac využívané farby a zosúladí ich podľa grafických pravidiel. Zvolené farby teda ladia nielen medzi sebou, ale aj spolu s bannerom.

Flox, presne vie, ktoré časti webu sú dôležité (ako napríklad menu alebo nákupný košík), a preto im vždy pridelí výraznejšie farby. Pri menej dôležitých miestach využíva Flox jemnejšie farby. Farebná schéma šablóny potom pôsobí kompaktne a používateľsky príjemne.

Automatické generovanie šablón obsahuje každý z našich balíčkov, dokonca aj webstránky a e-shopy zdarma. Flox dokáže vytvoriť tisícky kombinácií farieb, písma a dizajnových prvkov, ktoré vám pomôžu oživiť váš web.

A teraz sa už môžete smelo pustiť do inovácie vašej grafickej šablóny webu. Ak si aj napriek našim odporúčaniam neviete dať rady, nezúfajte. Pre vaše webstránky a e-shopy od BiznisWebu si môžete tvorbu grafického dizajnu kedykoľvek doobjednať.

objednávka doplnkových služieb BiznisWeb - tvorba grafickej šablóny webu, objednávka webdizajnu

Tie správne farby pre váš biznis vám želá BiznisWeb :)

avatar
Autor: Lukáš Koprivňanský Lukáš pracuje ako Key Account Manager pre klientov BiznisWeb.sk a ByznysWeb.cz. V malíčku má však aj HTML a CSS a tak Vám rád pomôže aj s drobnými webdizajnovými úpravami.

Diskusia k článku