Jak si vybrat dobrý barevný režim pro váš web

jak si vybrat barvu pro webVýběr dobrého barevného schématu pro váš web může být děsivý – zejména pokud ano’Nejste si jisti svými schopnostmi koordinace barev, nebo necítíte, že vy’nejedná se o zkušeného návrháře.


Můj manžel je mírně slepý, což z něj dělá nervozitu, kdykoli se pokusí vybrat barvu pro cokoli!

Co o tobě?

  1. Jakou barvu byste měli použít pro své logo nebo nadpis?
  2. Víte, jak vybrat doplňkové barvy, které se dobře kombinují?
  3. Kterou část svého webu byste měli použít barvu?

Sbírání a míchání barev může být složitá hra.

Výsledek může vypadat harmonicky nebo jako scéna přímo z hororového filmu!

Pokud se vyhnete jakýmkoli barvám, může váš web vypadat nenápadně a zapomenutelně. Pokud na svém webu používáte příliš mnoho barev, riskujete, že bude vypadat lepkavě.

Kromě toho, že nechápeme, jak zvolit správný design šablon, je učení, jak používat barvy na vašem webu, jednou z největších výzev, kterým může majitel webových stránek čelit. To platí zejména, pokud nemáte’t mít přirozenou vhodnost pro barvu a design.

Pokud kreslíte prázdnou stránku o tom, co a jak používat barvu na svém webu správným způsobem, tento příspěvek vám může pomoci.

Používání barev lze zjednodušit, jakmile znáte správné kroky.

Takže my’Tento průvodce jsem dal dohromady, abyste vám krok za krokem ukázali, jak:

  1. Vyberte si správnou dominantní barvu pro svůj web a značku.
  2. Kombinujte doplňkové barvy a vytvořte dokonalé barevné schéma.
  3. Vyberte barvu pozadí, která vám vyhovuje.
  4. Používejte barvu na správných místech na vašem webu – jako profík.

Nechat’je to začít!

Nebo proč se rychle podívat na naše oblíbené tvůrce webových stránek v tomto jednoduchém grafu níže:

Jak mohou barvy vylepšit vaše webové stránky a identitu značky

Když vás požádám, abyste přemýšleli o Coca-Cole, co je první věc, která vám skočí do mysli?

Chtít ledově studenou láhev Coca-Coly může být jedním z nich.

Poté vám může přijít obrázek ikonického loga červeného koksu.

jak vybrat barvu webových stránek - koksZdroj: www.coca-colacompany.com

To’Je docela těžké myslet na Coca-Colu, aniž bychom viděli červenou barvu. Červená barva je součástí Coca-Coly jako její slavná soda.

Věděli jste, že rozhodnutí společnosti Coca-Cola použít červenou, protože barva značky nebyla náhodná?

Červená barva slouží dvěma kritickým účelům:

# 1 Fire engine red umožňuje Coca-Cola vyniknout od svých konkurentů na pultech obchodů; a

# 2 Každá barva má různé pocity nebo emoce. Když lidé vidí červenou barvu, spustí emoční reakce, jako je vzrušení, odvaha, láska a vášeň. To jsou přesně ty pocity, které Coca-Cola chce, abyste se spojili s jeho sodou.

výběr barvy webových stránek - coca colaZdroj: us.coca-cola.com

Když pro svůj web vyberete správnou barvu, děláte mnohem víc, než jen aby vypadal přitažlivě – Vytváříte nezapomenutelnou značku.

85% nakupujících místo barvy jako primární důvod, proč kupují konkrétní produkt. 80% zvyšuje rozpoznávání značky při používání barev. Rozpoznání značky přímo souvisí s důvěrou spotřebitelů.

Zdroj: Kissmetrics

Nyní byste měli myslet “Páni, barva je jako magie! Proč aren’t více lidí používá to ve svůj prospěch?”

No, protože většina lidí ne’nevím jak.

V následující části vám ukážeme 3 jednoduché kroky, pomocí kterých můžete začít používat barvu podle svého uvážení na svém webu.

3 kroky k použití barev na vašem webu – správným způsobem

Při navrhování webových stránek musíte vzít v úvahu 3 hlavní barvy:

  1. Výběr dominantní barvy jako barvy vaší značky
  2. Výběrem 1 až 2 akcentových barev vytvoříte barevné schéma pro svůj web
  3. Výběr barvy pozadí pro dokončení vašeho návrhu

Že’je to do značné míry! Don’strach, my’Ukážu vám, jak je vybrat spolu s několika příklady – nechte to’je dál v pohybu!

# 1 Vyberte si dominantní barvu

Dominantní barvou je barva vaší značky – jako u hasičského motoru červená pro Coca-Cola.

Tato barva pomůže vyvolat určité emoce nebo pocity, když lidé dorazí na váš web – stejně jako vášeň, vzrušení, odvaha a láska ke kolu.

To je barva, kterou chcete, aby si vaše publikum pamatovalo, když na vás myslí.

Pokud již máte logo, ujistěte se, že jedna z primárních barev vašeho loga používá vaši dominantní barvu (pokud ano)’nevím, jak vytvořit dobré logo, viz tato příručka).

Pokud však ne’Nemám ještě na mysli dominantní barvu značky’s jak vybrat jeden:

Význam barev: Jak vybrat správnou barvu pro vás

Velké společnosti don’t náhodně vybrat jejich dominantní / značkové barvy. To’s strategicky zvolené pro použití jako součást jejich brandingových a marketingových iniciativ.

Různé barvy mají schopnost přilákat konkrétní typy nakupujících a mohou dokonce změnit chování spotřebitelů.

psychologie barev pro webové stránkyKlikni pro zvětšení

Zdroj: Kissmetrics

Můžete také použít různé barvy k vaší výhodě, takže můžete přilákat typ zákazníka, kterého chcete.

My’Vytvořili jsme praktický infographic, který vám pomůže vybrat dokonalou dominantní barvu. Podívejte se, jestli najdete barvu, která nejlépe reprezentuje to, co stojíte za!

osobnost barvy pro webové stránky

Nyní, když máte dobrou představu o tom, co určité barvy znamenají, která z nich nejlépe odpovídá vaší firmě, nebo jak chcete, aby návštěvníci vašeho webu pocítili, když uvidí vaši značku?

jestli ty’ještě si nejste jisti, že to znamená, že byste měli věnovat nějaký čas přemýšlení o své značce a typu zákazníků, které chcete přilákat.

Snažíte se přilákat mladší a energičtější zákazníky? Nebo sofistikovaní jedinci s více disponibilním příjmem? Jsou vaše produkty / služby zajištěny pro muže nebo ženy? Jsou vhodnější pro určitou věkovou skupinu?

Ne všechny barvy jsou vhodné pro vaše podnikání. Například, pokud prodáváte jógové rohože, použití fialové (bohatství, licenční poplatky) nebo černé (síla, luxus) nemusí být tou nejlepší volbou. Možná byste měli zvážit použití zelené (zdraví, klid), šedé (jednoduchost, klid), modré (mír, klid) nebo dokonce červené (vášeň, energie).

Jděte do toho a pár minut si zapište několik nápadů.

Rozdíly mezi kluky & Dívky – jejich barevné preference

Dobře, různé barvy přitahují různé typy lidí, ale věděli jste, že muži i ženy obecně dávají přednost různým barvám?

Na které pohlaví cílí vaše firma nebo web? – Jsou to ženy? muži? nebo oboje?

vliv barev na pohlavíKlikněte pro zvětšení obrázku

Zdroj: Infographic: Jak barvy ovlivňují konverze & Pohlaví a barva

Studiem výše uvedené tabulky můžete vytvořit velmi silnou a cílenou barvu značky.

Použitím barevných kombinací, které upřednostňuje muž, žena nebo obojí, můžete změnit jejich vnímání vaší značky – podvědomě.

Například na základě studií můžete vidět, že muži i ženy mají rádi modrou a zelenou barvu. Obě pohlaví se také nelíbí oranžové a hnědé. Pokud tedy cílíte na obě pohlaví, výzkum říká, že by bylo výhodnější zvážit použití modré nebo zelené jako své dominantní barvy (nebo alespoň akcentní barvy – více níže).

To je užitečná inteligence!

Nechat’je to o krok dále.

Jak používáte barvu pro svou značku nebo produkty / služby, může být také ovlivněno tím, jaké emoce je vaše cílové publikum přitahováno.

Nech mě to vysvětlit.

barva-of-brand-přilákat-různé-zákazníkLidé mnohokrát kupují konkrétní produkty / služby, protože podvědomě chtějí projektovat určitou osobnost pro ostatní.

Být viděn, jak se rozprostírá po ulici s novou drahou kabelkou nebo visí v kavárně s bederní, nebo je vidět v moderním novém salonku, tiše komunikují určité vlastnosti o osobě.

Chápete můj názor? Mnoho osobních rozhodnutí je odrazem toho, kdo cítí, že je, a co chtějí, aby ostatní viděli. To’Je to identita, se kterou se lidé ztotožňují a chtějí, aby o tom ostatní věděli.

Pokud tedy chcete přilákat lidi, kteří se ztotožňují s přírodou a klidem, použijte zelenou. Pokud chcete přilákat ty, kteří chtějí být viděni jako mladí nebo optimističtí, zkuste žlutě. Pokud chce být vaše cílové publikum vnímáno jako výkonné nebo luxusní, zkuste černou.

Pochopit to?

Udělejte si pár minut a přemýšlejte o svém ideálním publiku ao tom, s čím se ztotožňují. Co chtějí a jak chtějí být vidět?

Spousta psychologie zde, ale to’Je důležité, abyste při budování své značky zvážili.

Jak používat svou dominantní barvu na svých webových stránkách

Nyní, když máte dominantní barvu, chcete použít barvu na správných místech na vašem webu.

Barva přitahuje spoustu pozornosti, takže to ne’nechci ho vkládat všude.

Tady’je obecné pravidlo:

Dominantní barvu používejte pouze na omezeném počtu míst, na které mají návštěvníci vašeho webu věnovat pozornost, nebo pokud chcete, aby vaši návštěvníci podnikli určité kroky (například zavolat na telefonní číslo, vyplnit kontaktní formulář, přihlásit se k odběru novinek atd.).

V zásadě by měla být vaše dominantní barva “pop” – opravdu zvýraznění místa, na které se chcete zaměřit.

kde použít dominantní barvu na webuZdroj: Wix.com

# 2 Vyberte si barvy přízvuku

Je docela nudné mít na celém webu pouze jednu jednu barvu.

Chcete-li, aby byl váš design zajímavější (a profesionální), potřebujete zvýraznění barev, abyste zvýraznili části webu, které si zaslouží pozornost, jako jsou uvozovky, tlačítka nebo titulky..

Míchání barev a párování skutečně děsí mnoho lidí, protože to’není vždy snadné a intuitivní říci, které barvy se dobře prolínají, aniž by dobře rozuměly teorii barev a spoustě pokusů a omylů.

Ale kdo má čas získat doktorát v teorii barev ?! – Já ne.

Díky bohu, existuje zkratka, kterou může použít každý !! To’s nástrojem pro porovnávání barev, který vám pomůže kombinovat barvy jako profesionál!

Jak používat nástroj pro přizpůsobení barev, který vám pomůže vybrat barvy zvýraznění

Jakmile budete mít svou dominantní barvu, bude to’Je opravdu snadné najít své zvýrazňující barvy pomocí nástrojů pro porovnávání barev, jako je například nástroj Adobe Color CC.

Adobe Color CC vypadá komplikovaně, ale ve skutečnosti je to docela jednoduchý nástroj.

My’Vytvořili jsme krátký tutoriál, který vám ukáže, jak jej použít k sestavení barevného schématu jedním ze dvou způsobů:

(Kliknutím níže otevřete výukový program)

Jak používat vaše akcenty na vašem webu

Nyní, když máte doplňkové barvy zvýraznění, můžete je použít k zvýraznění sekundárních informací na svých webových stránkách.

Jedná se o obsah / položky, které nejsou hlavním kontaktním místem vaší stránky, ale přesto chcete, aby vynikly.

Mohou to být například titulky, sekundární tlačítka, informační pole, barva pozadí atd.

Zkuste omezit pouze na 1 nebo 2 akcentové barvy. Pokud je příliš mnoho zvýrazňovacích barev, vytvoří příliš mnoho kontaktních míst, které mohou vaše návštěvníky zmást.

kde použít zvýraznění barvy na vašich webových stránkáchZdroj: Wix.com

# 3 Vyberte barvu pozadí svého webu

Jak vybrat barvu pozadí webuUž jste někdy malovali dům?

Pokud ano, budete pravděpodobně mít nějaké zkušenosti s výběrem barvy stěny – a budete vědět, že výběr správné barvy stěny může být výzvou.

Chcete, aby se barva stěny cítila pohodlně. Barva by měla být tak uklidňující, že můžete strávit hodiny v místnosti, aniž by vás barva přemohla.

Zároveň ne’Nechci, aby byla barva tak nudná, že se místnost bude cítit zcela sterilní.

Výběr barvy pozadí je vlastně hodně podobný výběru barvy barvy na zeď!

Chcete, aby se návštěvníci vašeho webu cítili pohodlně při prohlížení vašeho webu. Ty ne’nechci obtěžovat své návštěvníky nebo dělat to náročné absorbovat váš obsah pomocí příliš odvážné nebo světlé barvy pozadí. Zároveň ne’Nechci, aby váš web byl tak laskavý, že vaše publikum’Oči se jen leskly přes všechny důležité věci, které chcete říct.

Jak vybrat správnou barvu pozadí?

Pokud byste měli vybírat barvy stěn pro módní maloobchod a letní chatu, vybírali byste pro ně stejné barvy?

Pravděpodobně ne proto, že každý prostor slouží jinému účelu, takže barva, kterou vyberete, by měla být jiná.

Například v maloobchodním obchodě s oblečením můžete chtít použít odvážné barvy, abyste přilákali zákazníky do stojanů na oblečení. Chcete, aby barva stěny byla v kontrastu s policemi zboží, takže zákazníci mohou okamžitě vědět, kam hledat, když vstoupí do obchodu.

Naproti tomu se pravděpodobně budete chtít cítit uvolněněji v chalupě. Chcete, aby vaše barva stěny a výzdoba měla uklidňující a relaxační účinek. Chcete, aby se vše prolnulo, abyste se mohli z nadměrně velkého okna soustředit na úchvatný výhled na krajinu.

Velmi podobným způsobem závisí barva pozadí vašeho webu na tom, na co se vaši návštěvníci mají zaměřit.

Jednoduše řečeno, barva, kterou si vyberete jako barvu pozadí, zcela závisí na účelu vašeho webu.

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

Všimli jste si někdy, že většina informačních webových stránek nebo webových stránek elektronického obchodu obvykle používá bílou nebo neutrální barvu pozadí?

Webové stránky elektronického obchoduWeb eCommerce (drinksoma.com)

Webové stránky elektronického obchoduWeb eCommerce (stikwood.com)

Jídlo BlogBlog o potravinách (pinchofyum.com)

Film Production CompanyFilm Production Company (dingobill.com)

Účelem těchto typů webových stránek je propagovat nápady nebo produkty.

Důraz je kladen spíše na obsah nebo produkty než na design webových stránek. Barva pozadí je pouze pozadí, které pomáhá zviditelnit a číst obsah.

Nejlepší barevné schéma, které lze použít pro webové stránky s elektronickým obchodem náročným na informace, je bílé nebo světlé pozadí s výrazným dominancí & zvýraznění barev. Výrazné dominantní a akcentní barvy dávají webové stránce osobnost a kontaktní místa, zatímco obyčejná barva pozadí udržuje vaše návštěvníky’ zaměřte se na svůj obsah nebo produkty.

Typ # 2 – Firemní / Obchodní webové stránky

Firemní / obchodní webové stránky mají obvykle dva účely – propagaci značky nebo jejích služeb.

V závislosti na tom, na jaký účel se vaše firemní webové stránky chtějí zaměřit, se bude barva pozadí lišit.

Propagace značky

Pokud si chcete vybudovat silnou identitu značky, měli byste jako barvu pozadí použít různé odstíny své dominantní nebo značky barvy.

Důvodem je to, že barva je úzce spjata s rozpoznáváním značky (pamatujte na náš příklad výše uvedené Coca Coly?) Když jako pozadí použijete variantu své dominantní barvy / značky, posilujete svou značku a učiníte ji nezapomenutelnější pro vaše publikum..

Pokud máte velmi odvážnou barvu značky, můžete ji použít jako barvu pozadí. Pokud tomu tak bylo, zvažte místo toho výběr méně intenzivního odstínu vaší značky. Pomocí nástroje Adobe Color CC vytvořte odlišný odstín a jas své dominantní barvy.

jak si vybrat pozadí webové stránky barva firemní webové stránky značkyjustactions.org
jak si vybrat pozadí webové stránky barva obchodní webové stránky značkysbjdanebury.com

Propagace služby

Pokud chcete, aby hodnota vaší služby nebo portfolia minulých projektů byla ohniskem, použijte bílou nebo neutrální barvu pozadí.

Stejně jako webové stránky zaměřené na obsah a elektronický obchod, nemusíte’nechcete, aby vaše barva pozadí zaostřovala váš obsah nebo zprávu, kterou chcete sdělit.

Výběrem neutrálního nebo bílého pozadí bude váš obsah přirozeně více přitahován pozornost.

jak si vybrat pozadí webové stránky obchodní službyzengenti.com
jak si vybrat pozadí webové stránky obchodní službycharddevelopment.com

Typ # 3 – Stylový & Kreativní webové stránky, které jsou graficky náročné

Pro webové stránky používané v módě, designu, restauracích, kráse a tvůrčím průmyslu je svět vaší ústřicí.

Ve skutečnosti neexistují žádná pravidla ohledně toho, jaký obrázek na pozadí nebo barvy byste měli použít. Chcete-li vytvořit další drama, můžete použít černý pruh nabídky; Nebo můžete použít všechny barvy duhy a vytvořit inspirativní obrázek na pozadí.

jak si vybrat barvu pozadí na pozadí webové stránkytheeddynyc.com
jak si vybrat barvu pozadí webové stránky kreativnícafefrida.ca
jak si vybrat pozadí webové stránky barevný designstudiolovelock.com
jak si vybrat barvu pozadí webových stránek luxusgillemore.com

Upřímně, zde můžete porušit všechna pravidla a používat jakoukoli barvu, která se vám líbí, pokud budete mít na paměti toto pravidlo 1 – “Nikdy nevybírejte pozadí, které ztěžuje čtení textu nebo obsahu.“

Vaše dokonalá barva pozadí je taková, která umožňuje, aby váš obsah byl ústředním bodem při harmonické práci s dominantou & akcentují barvy a způsobují, že se vaše publikum při procházení webu cítí dobře.

V případě pochybností použijte jako barvu pozadí bílou nebo velmi světle šedou barvu. I když to nemusí být nejvíce inspirující barva, víte, že váš obsah bude vždy prosvítat.

Závěr & Klíč s sebou

Výběr správného barevného schématu pro váš web by nikdy neměl být založen na vaší oblíbené barvě nebo na střevech.

Dobrý web design je ten, který vždy dát své publikum první.

Vyberte si barvu a design, který osloví vaše cílové publikum, abyste si mohli vytvořit nezapomenutelné spojení (podvědomě) a oddělit se od konkurence.

Sbírání barevných schémat by nemělo být vůbec náhodné. Místo toho by to měla být řada organizovaných, objektivních a srovnávacích cvičení:

(1) Shoda vaší značky se správnou dominantní barvou; (2) porovnání dominantní barvy s akcentními barvami pomocí nástroje Adobe; a nakonec (3) sladění barvy pozadí s dominantou & zvýraznění barev.

Podle výše uvedených 3 výše uvedených kroků můžete pro svůj web vytvořit dobrou barevnou kombinaci – i když to tak není’Nemám dobrý smysl pro design a koordinaci barev!

Don’nebojte se vstříknout nějakou barvu na svůj web a bavit se s procesem! Jen nezapomeňte nenechat svou barvu přemoci váš obsah!

Tato příručka je užiteč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