Ako si vybrať dobrú farebnú schému pre svoj web

ako zvoliť farbu pre webVýber kvalitnej farebnej schémy pre vaše webové stránky by mohol byť strašidelný – najmä ak ste’nie ste si istí svojimi schopnosťami koordinácie farieb alebo si myslíte, že ste vy’nie ste skúsený dizajnér.


Môj manžel je slabo sfarbený, čo ho robí veľmi nervóznym, keď sa snaží niečo pre niečo zvoliť!

A čo ty??

  1. Akú farbu by ste mali použiť pre svoje logo alebo nadpis?
  2. Viete, ako zvoliť doplnkové farby, ktoré sa dobre kombinujú?
  3. Ktorú časť svojej webovej stránky by ste mali použiť farbu?

Zbieranie a miešanie farieb môže byť zložitá hra.

Výsledok môže vyzerať harmonicky alebo ako scéna priamo z hororu!

Ak sa vyhnete akýmkoľvek farbám, váš web môže vyzerať nenápadne a zabudnuteľne. Ak na svojom webe použijete priveľa farieb, riskujete, že bude vyzerať lepkavo.

Okrem toho, že nechápeme, ako zvoliť správny dizajn šablón, je naučenie sa používať farbu na vašom webe jednou z najväčších výziev, ktorej môže majiteľ webových stránok čeliť. To platí najmä, ak nemáte’t nemajú prirodzenú vhodnosť pre farbu a dizajn.

Ak kreslíte na to, čo a ako používať farbu na svojom webe správnym spôsobom, tento príspevok vám môže pomôcť.

Používanie farieb je možné zjednodušiť, akonáhle poznáte správne kroky.

Takže my’Túto príručku sme zostavili, aby sme vám krok za krokom ukázali, ako:

  1. Vyberte tú správnu dominantnú farbu pre svoj web a značku.
  2. Kombinujte doplnkové farby a vytvorte perfektnú farebnú schému.
  3. Vyberte si farbu pozadia, ktorá vám vyhovuje.
  4. Používajte farbu na správnych miestach na vašom webe – napríklad ako profesionál.

nechať’je to začať!

Alebo prečo sa rýchlo pozrieť na naše obľúbených tvorcov webových stránok v tomto jednoduchom grafe nižšie:

Ako môžu farby vylepšiť vaše webové stránky a identitu značky

Keď vás požiadam, aby ste premýšľali o Coca-Cole, čo je prvá vec, ktorá vám skočí do mysle?

Jedným z nich by mohol byť aj ľadovo studený fľašu Coca-Coly.

Potom vám môže prísť na myseľ obrázok ikonického červeného koksu.

ako si vybrať farbu webových stránok - koksZdroj: www.coca-colacompany.com

to’Je celkom ťažké myslieť na Coca-Colu bez toho, aby ste videli červenú farbu. Červená farba je súčasťou Coca-Coly ako jej slávnej sódy.

Vedeli ste, že rozhodnutie spoločnosti Coca-Cola používať červenú, pretože jej farba značky nebola náhodná?

Červená farba slúži na dva kritické účely:

# 1 Požiarny motor červený umožňuje, aby Coca-Cola vynikla oproti svojim konkurentom na pultoch obchodov; a

# 2 Každá farba má odlišné pocity alebo emócie. Keď ľudia vidia červenú farbu, vyvolávajú emocionálne reakcie, ako je vzrušenie, odvaha, láska a vášeň. To sú presne tie pocity, ktoré vám Coca-Cola praje, aby ste sa spájali so svojou sódou.

výber farby webových stránok - coca colaZdroj: us.coca-cola.com

Keď vyberiete správnu farbu svojich webových stránok, robíte omnoho viac, než len aby to vyzeralo príťažlivo – Vytvárate nezabudnuteľnú značku.

85% nakupujúcich kladú farbu ako primárny dôvod, prečo kupujú konkrétny produkt. 80% zvýšenie rozpoznania značky pri používaní farieb. Rozpoznávanie značiek priamo súvisí s dôverou spotrebiteľov.

Zdroj: Kissmetrics

Už by ste mali myslieť “Páni, farba je ako kúzlo! Prečo nie?’t viac ľudí využíva to vo svoj prospech?”

No, pretože väčšina ľudí nerobí’neviem ako.

V ďalšej časti vám ukážeme 3 jednoduché kroky, pomocou ktorých môžete začať používať farby podľa svojho uváženia na vašom webe.

3 kroky k používaniu farieb na vašom webe – správnym spôsobom

Pri navrhovaní svojich webových stránok musíte brať do úvahy 3 hlavné farby:

  1. Výber dominantnej farby ako farby vašej značky
  2. Výberom 1 až 2 prízvukových farieb vytvoríte farebnú schému pre svoj web
  3. Výber farby pozadia na dokončenie návrhu

že’je to skoro! Don’nebojte sa, my’Ukážem vám, ako ich vybrať spolu s niektorými príkladmi – nech’Pokračujte vpred!

# 1 Vyberte si dominantnú farbu

Dominantnou farbou je farba vašej značky – rovnako ako hasiaci prístroj červený pre Coca-Cola.

Táto farba pomôže vyvolať určité emócie alebo pocity, keď ľudia dorazia na vaše webové stránky – rovnako ako vášeň, vzrušenie, odvaha a láska k koksu..

Toto je farba, ktorú chcete, aby si vaše publikum zapamätalo, keď na vás myslia.

Ak už máte logo, uistite sa, že jedna z primárnych farieb vášho loga používa dominantnú farbu (ak áno)’nie ste si istí, ako vytvoriť dobré logo, pozri túto príručku).

Avšak, ak nemáte’Nemám tu na mysli dominantnú farbu značky’s ako si vybrať jeden:

Význam farieb: Ako zvoliť správnu farbu pre vás

Veľké spoločnosti don’• Svojou dominantnou farbou / značkou vybrať náhodne. to’s strategicky vybrané na použitie ako súčasť ich obchodných a marketingových iniciatív.

Rôzne farby majú schopnosť prilákať konkrétne typy nakupujúcich a môžu dokonca zmeniť správanie spotrebiteľov.

psychológia farieb pre webové stránkyKlikni na zväčšenie

Zdroj: Kissmetrics

Môžete tiež použiť rôzne farby vo svoj prospech, takže môžete prilákať typ zákazníka, ktorého chcete.

my’Vytvorili sme praktický infographic, ktorý vám pomôže zvoliť dokonalú dominantnú farbu. Uvidíte, či nájdete farbu, ktorá najlepšie reprezentuje to, čo znamená!

osobnosť farby pre webové stránky

Teraz, keď máte dobrú predstavu o tom, čo znamenajú určité farby, ktorá z nich sa najviac hodí k vašej firme, alebo ako chcete, aby sa návštevníci vašich webových stránok cítili, keď uvidia vašu značku?

Ak ty’ešte si nie ste celkom istí, to znamená, že by ste mali nejaký čas premýšľať o svojej značke a type zákazníkov, ktorých chcete prilákať.

Snažíte sa prilákať mladších, energickejších zákazníkov? Alebo sofistikovaní jednotlivci s väčším disponibilným príjmom? Sú vaše výrobky / služby zabezpečené pre mužov alebo ženy? Sú vhodnejšie pre určitú vekovú skupinu?

Nie všetky farby sú vhodné pre vaše podnikanie. Napríklad, ak predávate jogové rohože, použitie fialovej (bohatstvo, licenčné poplatky) alebo čiernej (sila, luxus) nemusí byť najlepšou voľbou. Možno budete chcieť zvážiť použitie zelenej (zdravie, pokoj), šedej (jednoduchosť, pokoj), modrej (mier, pokoj) alebo dokonca červenej (vášeň, energia).

Choďte do toho a pár minút si zapíšte niekoľko nápadov.

Rozdiely medzi chlapcami & Dievčatá – ich farebné preferencie

Dobre, rôzne farby oslovujú rôzne typy ľudí, ale vedeli ste, že muži a ženy všeobecne uprednostňujú aj iné farby?

Na ktoré pohlavie sa zameriava vaša firma alebo web? – Sú to ženy? muži? alebo obaja?

vplyv farby na pohlavieKliknite pre zväčšenie obrázku

Zdroj: Infographic: Ako farby ovplyvňujú konverzie & Pohlavie a farba

Štúdiom vyššie môžete vytvoriť veľmi silnú a cielenú farbu značky.

Použitím farebných kombinácií, ktoré sú uprednostňované mužmi, ženami alebo oboma, môžete zmeniť svoje vnímanie svojej značky – podvedome..

Napríklad na základe štúdií môžete vidieť, že muži aj ženy majú radi modrú a zelenú farbu. Obidve pohlavia sa tiež nepáčia oranžovej a hnedej. Ak teda zacieľujete na obe pohlavia, prieskum hovorí, že by bolo výhodnejšie zvážiť použitie dominantnej farby ako modrej alebo zelenej (alebo aspoň akcentovej farby – viac nižšie)..

Toto je užitočná informácia!

nechať’urobte to ešte o krok ďalej.

To, ako používate farbu pre svoju značku alebo produkty / služby, môže byť tiež ovplyvnené tým, aké emócie sú vaše cieľové publikum priťahované.

Nechaj ma vysvetliť.

farba-of-značka-prilákať-different-zákazníkĽudia mnohokrát kupujú konkrétne produkty / služby, pretože podvedome chcú premietnuť určitú osobnosť do iných.

Byť videný rozprestierať sa po ulici s novou drahou kabelkou alebo visieť v kaviarni bedier alebo byť videný v modernom novom salóniku, všetci ticho komunikujú určité vlastnosti o osobe.

Chápete môj názor? Mnoho osobných rozhodnutí je odrazom toho, kto je podľa jeho názoru a čo chcú, aby ostatní videli. to’Je to identita, s ktorou sa ľudia spájajú a chcú, aby o tom vedeli iní.

Ak teda chcete prilákať ľudí, ktorí sa identifikujú s prírodou a pokojom, použite zelenú farbu. Ak chcete prilákať tých, ktorí chcú byť videní ako mladí alebo optimistickí, skúste žlté. Ak chcete, aby vaše cieľové publikum bolo vnímané ako výkonné alebo luxusné, skúste čierne.

Pochop si to?

Nájdite si pár minút a premýšľajte o svojom ideálnom publiku ao tom, s čím sa chcú stotožniť. Čo chcú a ako chcú byť videní?

Je tu veľa psychológie, ale je to tak’Je dôležité, aby ste pri budovaní svojej značky zvážili.

Ako používať svoju dominantnú farbu na svojich webových stránkach

Teraz, keď máte dominantnú farbu, chcete použiť farbu na správnych miestach na svojom webe.

Farba priťahuje veľa pozornosti, takže nemusíte’nechcem ho vkladať všade.

Tu’všeobecné pravidlo:

Svoju dominantnú farbu používajte iba na obmedzenom počte miest, na ktoré majú návštevníci vašich webových stránok venovať pozornosť, alebo ak chcete, aby vaši návštevníci podnikli určité kroky (napríklad zavolajte na telefónne číslo, vyplňte kontaktný formulár, zaregistrujte sa na odber bulletinu atď.).

V podstate sa predpokladá, že vaša dominantná farba “pop” – skutočne zvýrazňujú, na čo sa majú vaši návštevníci zamerať.

kde na webe použiť dominantnú farbuZdroj: Wix.com

# 2 Vyberte si zvýraznené farby

Je celkom nudné mať na celom webe iba jednu farbu.

Ak chcete, aby bol váš návrh zaujímavejší (a profesionálny), potrebujete zvýrazňujúce farby, ktoré zvýraznia časti vášho webu, ktoré si zasluhujú pozornosť, ako sú úvodzovky, tlačidlá alebo titulky..

Miešanie farieb a párovanie skutočne desí veľa ľudí, pretože to’Nie vždy je ľahké a intuitívne určiť, ktoré farby sa navzájom dobre kombinujú bez dobrého pochopenia teórie farieb a bez veľkého množstva pokusov a omylov..

Ale kto má čas získať doktorát v teórii farieb ?! – Nie ja.

Vďaka bohu, existuje skratka, ktorú môže použiť každý !! to’s nástrojom na porovnávanie farieb, ktorý vám pomôže kombinovať farby ako profesionál!

Ako používať nástroj na prispôsobenie farieb, ktorý vám pomôže vybrať vaše zvýrazňujúce farby

Akonáhle budete mať svoju dominantnú farbu, je to’Je skutočne ľahké nájsť svoje zvýrazňujúce farby pomocou nástrojov na prispôsobenie farieb, ako je napríklad nástroj Adobe Color CC.

Adobe Color CC vyzerá komplikovane, ale v skutočnosti je to celkom jednoduchý nástroj.

my’Vytvorili sme krátku príručku, ktorá vám ukáže, ako ju použiť na vytvorenie vašej farebnej schémy jedným z dvoch spôsobov:

(Kliknutím nižšie otvoríte príručku)

Ako používať zvýrazňujúce farby na svojich webových stránkach

Teraz, keď máte doplnkové farby zvýraznenia, môžete ich použiť na zvýraznenie sekundárnych informácií na svojich webových stránkach.

Sú to obsah / položky, ktoré nie sú hlavnými ťažiskami vašej stránky, ale napriek tomu chcete, aby vynikli.

Môžu to byť napríklad titulky, sekundárne tlačidlá, informačné okná, farba pozadia atď.

Pokúste sa obmedziť iba na 1 alebo 2 zvýrazňujúce farby. Ak je príliš veľa zvýrazňujúcich farieb, vytvoria priveľa kontaktných miest, ktoré môžu zmiasť vašich návštevníkov.

kde na svojich webových stránkach použiť zvýrazňujúcu farbuZdroj: Wix.com

# 3 Vyberte farbu pozadia svojho webu

Ako zvoliť farbu pozadia webových stránokUž ste niekedy maľovali dom?

Ak áno, pravdepodobne budete mať nejaké skúsenosti s výberom farby steny – a budete vedieť, že výber správnej farby steny môže byť výzvou.

Chcete, aby sa farba steny cítila príjemne. Farba by mala byť dostatočne upokojujúca, aby ste mohli stráviť hodiny v miestnosti bez toho, aby vás farba premohla.

Zároveň však nie’Nechcem, aby bola farba tak nudná, že sa miestnosť bude cítiť úplne sterilná.

Výber farby pozadia je vlastne veľa ako výber farby farby steny!

Chcete, aby sa návštevníci vášho webu cítili pohodlne pri prehliadaní vašich webových stránok. Ty nie’nechcete obťažovať svojich návštevníkov ani robiť to náročné na absorbovanie obsahu pomocou príliš výrazných alebo svetlých farieb pozadia. Zároveň však nie’Nechcem, aby bol váš web taký výrazný, že vaše publikum’Oči sa len preskakovali nad všetkými dôležitými vecami, ktoré chcete povedať.

Ako zvoliť správnu farbu pozadia?

Keby ste si vybrali farbu steny pre moderný maloobchod a letnú chatu, vybrali by ste si pre ne tie isté farby?

Pravdepodobne nie preto, že každý priestor slúži na iný účel, takže farba, ktorú si vyberiete, by mala byť iná.

Napríklad v maloobchodnom obchode s odevmi môžete chcieť použiť výrazné farby na prilákanie zákazníkov do stojanov na oblečenie. Chcete, aby farba steny kontrastovala s policami s tovarom, takže zákazníci môžu okamžite vedieť, kam hľadať, keď vstúpia do obchodu.

Na rozdiel od toho sa pravdepodobne budete chcieť cítiť uvoľnenejšie v chalupe. Chcete, aby farba a dekorácia steny mala upokojujúci a relaxačný účinok. Chcete, aby sa všetko zmiešalo, aby ste sa z okna s nadmerne veľkými oknami mohli sústrediť na úchvatný výhľad na krajinu.

Veľmi podobným spôsobom závisí farba pozadia vášho webu od toho, na čo sa vaši návštevníci majú zamerať.

Jednoducho povedané, farba, ktorú si vyberiete ako farbu pozadia, úplne závisí od účelu vašich webových stránok.

Typ # 1 – Intenzívne informačné webové stránky & Webové stránky elektronického obchodu

Všimli ste si niekedy, že väčšina informačných webových stránok alebo webových stránok elektronického obchodu zvyčajne používa bielu alebo neutrálnu farbu pozadia?

Webová stránka elektronického obchoduWebová stránka elektronického obchodu (drinksoma.com)

Webová stránka elektronického obchoduWebové stránky elektronického obchodu (stikwood.com)

Potravinový blogBlog o potravinách (pinchofyum.com)

Filmová produkčná spoločnosťFilmová produkčná spoločnosť (dingobill.com)

Účelom týchto typov webových stránok je propagácia nápadov alebo produktov.

Dôraz sa kladie skôr na obsah alebo produkty než na dizajn webovej stránky. Farba pozadia je iba pozadie, ktoré pomáha zviditeľniť a čitať obsah.

Najlepšie farebnú schému, ktorá sa používa na webové stránky s elektronickým obchodom náročným na informácie, je biele alebo svetlé pozadie s výraznou dominantou & zvýrazňujúce farby. Výrazné dominantné a zvýrazňujúce farby dodávajú webovej stránke osobnosť a kontaktné miesta, zatiaľ čo obyčajná farba pozadia udržuje vašich návštevníkov’ zamerajte sa na svoj obsah alebo produkty.

2. typ – firemné / obchodné webové stránky

Firemné / obchodné webové stránky majú zvyčajne dva účely – propagácia značky alebo jej služieb.

V závislosti od toho, na aký účel sa webová stránka vašej firmy chce zamerať, sa farba vášho pozadia bude líšiť.

Propagácia značky

Ak si chcete vybudovať silnú identitu značky, mali by ste ako farbu pozadia použiť rôzne odtiene svojej dominantnej alebo značkovej farby.

Dôvodom je skutočnosť, že farba je úzko spätá s rozpoznaním značky (pamätajte na náš príklad Coca Cola vyššie?) Keď ako pozadie použijete variáciu svojej dominantnej farby / farby značky, posilníte svoju značku a urobíte ju nezabudnuteľnejšou pre vaše publikum..

Ak máte veľmi výraznú farbu značky, jej použitie ako farby pozadia môže byť príliš ohromujúce. Ak tomu tak bolo, zvážte výber menej intenzívneho odtieňa vašej značky. Pomocou nástroja Adobe Color CC vytvorte iný odtieň a jas svojej dominantnej farby.

ako si vybrať farbu pozadia pozadia firemných webových stránokjustactions.org
ako si vybrať farbu pozadia pozadia firemných webových stránoksbjdanebury.com

Propagácia služby

Ak chcete, aby sa hodnota vašej služby alebo portfólia minulých projektov stala ústredným bodom, použite bielu alebo neutrálnu farbu pozadia.

Rovnako ako webové stránky zamerané na obsah a elektronický obchod, aj vy’nechcete, aby vaša farba pozadia zaostrovala váš obsah alebo správu, s ktorou chcete komunikovať.

Ak vyberiete neutrálne alebo biele pozadie, váš obsah sa prirodzene stane viac pútavým.

ako si vybrať farbu pozadia obchodnej službyzengenti.com
ako si vybrať farbu pozadia obchodnej službycharddevelopment.com

Typ # 3 – Štýlový & Kreatívne webové stránky, ktoré sú graficky náročné

Pre webové stránky používané v móde, dizajne, reštaurácii, kráse a kreatívnom priemysle je svet vašou ustríciou.

V skutočnosti neexistujú žiadne pravidlá týkajúce sa toho, aký obrázok na pozadí alebo farby by ste mali použiť. Čiernu lištu ponuky môžete použiť na vytvorenie ďalších drám; Alebo môžete použiť všetky farby dúhy na vytvorenie inšpiratívneho pozadia.

ako si vybrať farbu pozadia pozadiatheeddynyc.com
Ako si vybrať farbu pozadia pozadia webových stránokcafefrida.ca
ako si vybrať farebné pozadie webových stránokstudiolovelock.com
ako si vybrať farbu pozadia pozadia luxusgillemore.com

Úprimne povedané, tu môžete porušiť všetky pravidlá a používať akúkoľvek farbu, ktorá sa vám páči, pokiaľ budete mať na pamäti toto pravidlo 1 – “Nikdy nevyberajte pozadie, ktoré sťažuje čitateľnosť vášho textu alebo obsahu.“

Vaša dokonalá farba pozadia je taká, ktorá umožňuje, aby sa váš obsah stal ústredným bodom pri harmonickej spolupráci s dominantnou osobou & zvýrazňujú farby a robia vaše publikum pri prehliadaní webových stránok príjemným.

Ak máte pochybnosti, použite ako farbu pozadia bielu alebo veľmi svetlosivú farbu. Aj keď to nemusí byť najviac inšpirujúca farba, viete, že váš obsah bude vždy žiariť.

záver & Kľúčové jedlá

Výber správnej farebnej schémy pre váš web by nikdy nemal byť založený na vašej obľúbenej farbe alebo na čreve.

Dobrý dizajn webových stránok je taký, ktorý vždy kladie svoje publikum na prvé miesto.

Vyberte si farbu a dizajn, ktorý osloví vaše cieľové publikum, aby ste si mohli vytvoriť nezabudnuteľné spojenie (podvedome) a odlíšiť sa od konkurencie..

Zbieranie farebných schém by nemalo byť vôbec náhodné. Namiesto toho by to mala byť séria organizovaných, objektívnych a porovnávacích cvičení:

(1) Zladenie vašej značky so správnou dominantnou farbou; (2) zladenie dominantnej farby s zvýrazňujúcimi farbami pomocou nástroja Adobe; a nakoniec (3) zladenie farby pozadia s dominantnou & zvýrazňujúce farby.

Podľa našich troch vyššie uvedených porovnávacích krokov môžete pre svoju webovú stránku vytvoriť dobrú farebnú kombináciu – aj keď ju nemáte’t mať dobrý zmysel pre dizajn a koordináciu farieb!

Don’Nebojte sa vstreknúť nejakú farbu na svoj web a bavte sa s týmto procesom! Nezabudnite nenechať svoju farbu premôcť váš obsah!

Táto príručka je užitočná?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map