Nejlepší webové Stránky Palety Barev pro Zvýšení Angažovanosti v roce 2020

barevné schéma, které jste vybrali pro vaše webové stránky, což vyvolalo žádoucí reakci? Myslíte si, že jste ohromeni počtem potenciálních barevných palet webových stránek?

každý má oblíbené barvy, které mají tendenci přitahovat, pokud jde o jejich práci nebo jinak.,

ale zkušený designér chápe důležitost hodnocení barevného schématu založeného na značce, významech barev a propagovaných produktech nebo službách.

dobrá volba barev pečlivě naplánujte.

mohou ovlivnit, jak návštěvník interpretuje to, co vidí, stejně jako stránky, rozvržení a typografie — a, když se dobře, může mít pozitivní dopad na každého návštěvníka hodnocení značky jako celku.,

v tomto článku se podíváme na to, proč výběr správných barev pro váš web záleží, stejně jako 23 různých barevných palet ze skutečných webů, které jsou účinné při získávání pozornosti návštěvníků.

proč je vaše barevné schéma tak důležité?

než skočíme do procesu výběru barevného schématu pro váš web, je důležité přesně pochopit, proč vaše barevné schéma webu tolik záleží.

koneckonců, možná si myslíte, že je to obsah, na kterém opravdu záleží. A to není pravda.

lidé milují obsah., Jsou přitahovány k čerstvým hlasům a lákavým informacím, ale musíte nejprve upoutat jejich pozornost. To je místo, kde webové stránky barevné palety přijít do hry.

Pokud zvolíte správné barevné schéma webových stránek, získáte příležitost vyhodit své návštěvníky svým obsahem.

zde je návod:

Vytvořte rozpoznávání značky

váš web je v podstatě domovem vaší společnosti online.

to znamená, že musí být přesné znázornění vaší značky. A kromě toho musí být dostatečně zapamatovatelné, aby se uživatelé vrátili po své první návštěvě.,

koneckonců, mnoho vašich návštěvníků nebude připraveno provést nákup nebo jinou významnou konverzi během své první návštěvy-a musí si pamatovat vaši společnost, aby se vrátila a podnikla tyto akce.

naštěstí barva zvyšuje rozpoznávání značky o 80%.

Pokud tedy vaše společnost již má zavedenou barevnou schéma, je nezbytné ji zahrnout do návrhu vašeho webu. To bude mnohem jednodušší pro návštěvníky, aby okamžitě spojit s jinými místy, které jste viděli svou značku.,

Plus, pokud je vaše barevné schéma konzistentní na celém vašem webu, budou vědět, že přišli na správné místo, když se vrátí, bez ohledu na přesnou stránku, na které přistanou.

kromě toho, že řeknete uživatelům, Kdo je vaše společnost, váš webový design také hraje hlavní roli v úsudcích uživatelů o vaší značce.

podle jednoho průzkumu 94 procent respondentů uvedlo web design mezi primární ovladače webových stránek první dojmy.

web design samozřejmě zahrnuje mnohem více než jen barvu.,

Ale vzhledem k tomu, že barva je jedním z nejvýraznějších prvků na vaše stránky, a jeden z pouze ty, které uživatel může rozeznat v těchto počátečních 50 milisekund, palety může zlomit, nebo uživatel je posouzení vaší společnosti.

Tvar, jak se návštěvníci cítí o webu

V další studii o tom, jak spotřebitelé první dojmy jsou tvořeny, 90 procent z původní odhady jsou založeny na barvu sám.

důvod je do jisté míry jasný.

koneckonců, barva je jedním z nejjednodušších aspektů stránky „pochopit.,“Může být hodnocena téměř okamžitě a nevyžaduje, aby návštěvníci hodnotili kopie nebo jiné zprávy.

ale je také důležité vzít v úvahu roli, kterou psychologie barvy hraje v těchto snap rozsudcích.

mnoho společností využívá těchto připojení, jak je znázorněno logy v následujícím grafu.

například, značky, které chtějí vytvořit smysl pro kreativitu a představivost mají tendenci začlenit fialové do svých snímků, zatímco značky, které chtějí vytvořit pocit rovnováhy a klidu přikloní k černé a bílé.,

to se váže přímo do „osobnosti“, kterou chcete, aby vaše značka měla.

V jedné studii na osobnost značky, psycholog a Stanford profesor Jennifer Aaker k závěru, že pět základních dimenzí hrát roli ve zbrusu osobnost:

Značek může někdy mix vlastností, ale pro nejvíce se rozdělit, jejich „osobnost“ je zaměřen především na jeden. Například společnost, která prodává kempingové vybavení, by se ztotožnila s „robustností“, zatímco módní značka by se mohla zaměřit na „sofistikovanost“.,“

a jak můžete vidět v grafu loga výše, barva může hrát hlavní roli při zobrazování spotřebitelů, jaká je osobnost vaší značky.

ačkoli si většina nemusí vědomě uvědomit, že červené logo společnosti je navrženo tak, aby vytvořilo pocit vzrušení, může to udělat přesně to.

A zatímco každá barva může sloužit k vytvoření určitého pocitu nebo reakce, některé barvy jsou lepší volby než jiní, pro většinu značek a webových stránek.

například modrá je často považována za nejbezpečnější volbu., To je částečně proto, že je to nejběžnější „oblíbená“ barva mezi většinou populace.

ve skutečnosti 57% mužů a 35% žen říká, že je to jejich oblíbená barva.

takže pokud chcete oslovit široké publikum, mohlo by to být skvělá volba pro váš web. Ve skutečnosti to může být důvod, proč některé z nejnavštěvovanějších webů dnes, jako je Facebook a Twitter, používají je pro svá loga a značky.

je také třeba poznamenat, že modrá je také běžně spojována s pocity důvěry, autority a spolehlivosti.,

ale to neznamená, že je to nejlepší volba pro každý web. Vše závisí na pocitu, který chcete sdělit svým návštěvníkům.

například pokud se vaše značka soustředí na zdraví a wellness, Zelená by mohla být lepší volbou pro vytvoření tohoto sdružení. A pokud chcete, aby vaši návštěvníci nadšeni a řídit je, aby přijaly opatření rychle, Červená by mohla být účinnější pro vám pomůže dosáhnout tohoto cíle.

při výběru barev pro váš web zvažte emocionální reakce, které mohou u vašich návštěvníků vyvolat.,

například, pokud se snažíte vytvořit pocit klidu pro webové stránky vašeho studia jógy, červená nemusí být tou nejlepší volbou-a je nejlepší vědět, že než investujete vážné peníze do svého designu.

rozvíjejte smysl pro pořádek

kromě emocionálních reakcí, které by jednotlivé barvy, které si vyberete, mohly vyvolat, je také nutné zvážit způsob interakce barev na vašem webu.

nejlepší způsob, jak to udělat, je při pohledu na několik základních principů teorie barev.,

Pokud jste někdy vzít umění třídy nebo se podíval na jakýkoli návrh-související zdroje, pravděpodobně jste viděli něco podobného na barevné kolečko v obrázku výše.

nejběžnější koncept ilustroval v rámci tohoto kola je vztah mezi primární barvy (červená, žlutá a modrá), a sekundární a terciární barvy, které jsou tvořeny smícháním dohromady.

ale kromě toho vám toto kolo může pomoci vytvořit barevnou harmonii nebo vizuálně příjemné uspořádání barev., Harmonická paleta webového designu vám pomůže vytvořit pocit rovnováhy a pořádku.

existují tři široce přijímané typy barevných schémat, které můžete použít k vytvoření tohoto typu harmonie: analogické, monochromatické a komplementární.

analogické barevné schéma se skládá z barev, které spadají vedle sebe na barevné kolečko. To je jeden z nejobtížnějších palet dělat dobře, protože barvy mohou snadno přemoci navzájem.

jak již bylo řečeno, analogické barevné schémata jsou také některé z nejživějších.,

Takže, pokud chcete vytvořit barevné, vizuálně zajímavé stránky, můžete to udělat dobře s paletou podobná následující tři příklady:

monochromatické barevné schéma padá na opačném konci spektra od předchozího typu. Jak název napovídá, skládá se z jedné hlavní barvy, ale intenzita a lehkost odstínů se liší.

tyto palety jsou jedny z nejjednodušších a „nejbezpečnějších“ implementací, protože různé odstíny stejné barvy se zřídka střetávají nebo se cítí příliš zaneprázdněné.,

pokud se chystáte na relativně jednoduchý vzhled na vašem webu, monochromatické barevné schéma, jako tyto tři mohlo dobře fungovat pro vaši značku:

Konečně, doplňková paleta se pohybuje někde mezi analogií a monochromatické režimy, pokud jde o odrůdy.

skládá se z barev, které leží přímo naproti sobě na barevném kole. Takže i když to zahrnuje více barev, tyto barvy se přirozeně doplňují a nebudou přemoci návštěvníky.,

chcete-Li přidat některé odrůdy ve vašem barevné schéma, aniž by se vaše stránky objeví příliš zaneprázdněn, doplňkové barevné schéma jako jeden z nich by mohl být ideální volbou:

samozřejmě, že tyto tři nejsou jediné typy barevných schémat si můžete vytvořit. Ve skutečnosti se nejlepší typy palet liší podle toho, koho se ptáte.

triadická barevná schéma je jednou z hlavních možností.

tato barevná schéma zahrnuje použití tří barev, které jsou umístěny 120 stupňů od sebe na barevném kole., Na obrázku výše jsou tyto barvy oranžové, zelené a fialové.

při výběru barev nezapomeňte, že výše uvedené typy nejsou definitivními pravidly. Mohou vám dát obecnou představu o celkový pocit, chcete, aby váš web, ale oni jsou v žádném případě jediný způsob, jak vytvořit paletu, která pracuje pro vaši značku.

bez ohledu na typ palety, se kterou jdete, můžete ji použít k vytvoření hierarchie nejdůležitějšího obsahu na každé z vašich stránek.,

, Aby některé prvky vyniknout

Jak jsem již zmínil v předchozí části, definované barevné stránky palety mohou být užitečné pro znamenat, že některé prvky jsou důležité.

tento dopad můžete maximalizovat tím, že budete mít na paměti izolační efekt, když určíte, jak používat barevné schéma na svých stránkách.

obecná myšlenka tohoto psychologického principu spočívá v tom, že čím více vynikne položka, tím je pravděpodobnější, že bude zaznamenána a zapamatována.,

ujistěte Se, že barvy si vybrat, aby vám možnost, aby některé výzvy k akci vystupovat na vaše stránky, aniž by se srážet s zbytek vašeho návrhu.

tento přístup je v souladu s preferencemi většiny spotřebitelů.

Ve dvou studiích, Estetické Reakce na Barevné Kombinace a Preference Spotřebitelů pro Barevné Kombinace, vědci zjistili, že zatímco spotřebitelé preferují barevné kombinace s podobnými odstíny, ale také přízeň palety s vysoce kontrastní přízvuk barva.,

první studie ukázala, že “ preference párů a harmonie se zvyšují, jak se zvyšuje podobnost odstínů.“Ale, „i když páry s vysoce kontrastivní odstíny jsou obecně posuzovány být ani lepší, ani harmonické, figurální barevné preference hodnocení zvýšit jako odstín, kontrast s pozadím zvyšuje.“

V druhé studii, vědci zjistili, že, „lidé obecně rádi kombinují barvy, které jsou relativně blízko, nebo přesně odpovídat, s výjimkou, že někteří lidé upozornit na jeden podpis součást produktu pomocí kontrastivní barvy.,“

takže i když by vaše barva přízvuku měla mít silný kontrast, je to v pořádku — a dokonce výhodnější — pokud je zbytek palety tvořen relativně podobnými odstíny.

To znamená, že vytváření web design palety, které obsahují jeden silný, pozornost-popadat přízvuk barva je nejen efektivní pro izolaci některých prvků, ale je také skvělý způsob, jak vytvořit kombinaci, která mnoho návštěvníků bude líbit.

Zjednodušte rozhodnutí související s designem

pokud jde o provozování webové stránky nebo podniku (nebo obojí!), je vždy dobré hledat způsoby, jak zjednodušit základní procesy.,

koneckonců, čím méně času strávíte na základních úkolech, tím více času budete muset věnovat procesům a rozhodnutím, která mají větší dopad na váš úspěch.

a vytvoření palety web design je skvělý způsob, jak snížit na čas potřebný k vytvoření nových stránek. Pokud máte zavedenou barevnou schématu, uděláte základní výběr designu mnohem jednodušší, a to jak pro sebe, tak pro vaše designéry a vývojáře.,

Toto je obzvláště pravda, pokud budete mít čas, aby dokument palety v snadný-k-použití způsobem, jako je tento obchod udělal:

Když vytvoříte uživatelsky příjemný dokument z palety, výroba, at-a-pohled zdroj s možností pro každý prvek.

Pokud máte (nebo vaši návrháři) potíže s určením, kterou barvu použít pro tlačítko CTA, můžete dokument jednoduše odkazovat na úplný seznam svých možností.,

Takže místo toho, regály váš mozek pro všechny různé možnosti, můžete si vybrat z pre-nastavte seznam barev. A jakmile vyberete několik, které chcete použít nebo otestovat, všechny kódy HEX a RGB jsou již přímo před vámi.

kolik barev byste měli začlenit?

vše závisí na složitosti vašeho návrhu a typech barevných kombinací. Například, pokud používáte jednobarevné web design palety, budete potřebovat sedm nebo i více odstínů této barvy zachytit dost odrůdy na obrazovce.,

budete chtít zadat barvy pro konkrétní části vašeho webu, jako je text, pozadí, odkazy, barvy vznášení odkazů, tlačítka CTA a nadpisy.

jak vybrat barevné schéma webových stránek

Pokud si nejste jisti, jak vybrat nejlepší barevné palety webového designu, podívejte se na toto video, které jsem vytvořil. Prochází vás praktickými tipy pro výběr barevného schématu webových stránek.

v ideálním případě barevné palety webových stránek odrážejí hodnoty, přesvědčení a účel podniku., Hlasité barvy mohou naznačovat méně formální atmosféru a více vzrušení, zatímco tlumené barvy propůjčují podniku sofistikovanější nebo formální poznámku.

ale to není vždy snadné přeložit, když zíráte na tisíce potenciálních barevných kombinací. Podívejme se na 23 skvělých barevných palet webových stránek, které vám mohou pomoci zvýšit zapojení.

16 skvělé barevné palety webových stránek pro zvýšení zapojení (2020)

následující stránky používají různé barevné palety webových stránek k velkému efektu. Jsou pečlivě vybíráni pro emoce, které vyvolávají, a pocity, které vyjadřují.,

Mea Čaj

Mea Šálek webové stránky používají oko-potěšující paleta barev, která zahrnuje několik šperk tóny (ruby a emerald) pro maximální živosti, ale jinak spoléhá na neutrální, monochromatické paletě hnědé a šedé.

paleta webového designu evokuje pocit kavárny a odráží se v hrdinském obrazu webu, který vytváří soudržnost.

Velký Vrchol

BigTop je komunita, která se specializuje na pomoc začínajícím sítě., Stránka používá neobvyklou, ale mimořádně poutavou kombinaci klenotových tónů, které sahají od fialové a modré až po jasně oranžovou a žlutou.

primární barvy jsou studené barvy, který dělá teplejší barvy pop. Na domovské obrazovce si všimnete, že oranžová a žlutá CTA upoutá vaši pozornost před čímkoli jiným.

Toriho oko

náš třetí příklad pochází z vizualizačního nástroje Twitter Tori ‚ s Eye. To je skvělý příklad většinou monochromatické barevné schéma., Zde vidíme účinky jednoduché, ale silné palety barev soustředěné kolem odstínů zelené.

Toto barevné schéma je často snadno sundat, jako jeden odstín barvy bude téměř vždy pracovat s jiným odstínem stejné barvy.

BarkBox

dominantní růžové barvy na BarkBox domovské stránky se opakuje v celém webu v různých odstínech. Krásně kontrastuje s modrou barvou, která se používá v logech a CTA na celém webu.,

použití doplňkových barev k upoutání pozornosti návštěvníků tam, kde chcete, může pomoci zlepšit jakoukoli barevnou paletu webových stránek.

Cheese Survival Kit

červená je velmi populární barva pro webovou paletu barev. To může zprostředkovat bohatou směs emocí, což je velmi univerzální. Je obzvláště silný, když se používá v malých dávkách, jak vidíte na webových stránkách Cheese Survival Kit.,

červená je tvrzené s více neutrální barvy, a to modré pomáhá sbalit punč pro CTAs a dalších oblastech, kde podnik chce kreslit oko návštěvníka.

Nordic Ruby

Nordic Ruby, konference ve Stockholmu, má krásné webové stránky určené v bohatých šperk tóny. Barvy vybrané pro tuto webovou paletu barev jí propůjčují sofistikovanost a odlišují ji od méně působivých vzorů.,

Lake Nona

Lake Nona je webová stránka pro konkrétní místo — konkrétně jeden v blízkosti vody. V důsledku toho není divu, že zde vidíte modrou barvu. Ostatní neutrální barvy nechávají modrou vyniknout pěkně.

LemonStand

Opět, není překvapením, že společnost s názvem Lemon Stát by žlutá na svých webových stránkách palety barev. Blues a grays pěkně spárují se žlutou a pomáhají zmírnit její jas.,

Máta

Mint je webová stránka zaměřená na finance, takže použití zelené a modré jsou dobré volby. Pomáhají zprostředkovat klid, klid a důvěru. Neutrální odstíny v hnědé rodině z něj činí celkovou zemitou barevnou paletu, která uklidňuje smysly.

Odopod

Odopod jde s monotónní barevné palety, ale pomáhá vyhnout pohledu nudné s přechodem na jeho domovské stránce., Velká typografie nabízí vynikající kontrast a je zřejmé, kam chcete kliknout.

Fiverr

možná Jste si všimli, že mnoho společností rezervní konkrétní barvu — v případě Fiverr, zelená — výhradně pro Cta. Jinde se na webu neobjevuje. Ve skutečnosti to nebylo ani vyzvednuto Colorfavem, protože dominuje neutrálnějším barvám.,

Digitální Fotografie Školy

Ty by se očekávat, že podnik se soustředil na grafické umění, aby velící webové stránky barevné palety, a Digitální Fotografie Škola nezklame. Živé barvy pomáhají nakreslit diváka. A stejně jako Fiverr se oranžová použitá v CTA neobjevuje ani na paletě webu, protože se používá šetrně k nárazu.,

Ahrefs

Ahrefs je příkladem webové stránky, která používá své barevné palety liberálně. Tmavší modrá slouží jako dominantní barva, ale její variace existují v celém místě. Totéž platí pro oranžové, růžové a teal barvy.

Millo.co

Millo.co používá velmi jednoduchou paletu barev webových stránek a je to pro ni lepší. Víme přesně, kde hledat, když navštívíme takové stránky.,

Brian Gardner

Některé společnosti a jednotlivci se monochromatické barevné palety do extrému. Brian Gardner, web designer, používá černobílé barevné schéma, které funguje perfektně. Je založen na jeho značce minimalismu, takže odráží jeho hodnoty a přesvědčení.

Stav

Měkké barvy mohou dobře fungovat, když chcete, aby návštěvník v pohodě. Loom zaměstnává liberální dávky lososa a baby blue., Funguje to dobře, zejména s tmavší modrou barvou dostupnou pro CTA a další důležité prvky na stránce.

Šikovný Seznam Zdrojů pro Vychystávání Perfektní webové Stránky Barevná Paleta

Zde jsou 18 barevné palety zdrojů můžete nastavit s dokonalou paletu pro vaše webové stránky.

nejprve potřebujete inspiraci?

1: BrandColors

BrandColors ukazuje, jak předních značek použití barev pro odlišení jejich podniky, vyprávět jejich značka příběhy a nechte své zákazníky vědět, co znamenají., Můžete procházet abecedně seznamem korporací, neziskové organizace a startupy, nebo vyhledávat podle názvu značky.

hledáte readymade paletu?

2: ColourLovers

ColourLovers je fórum stránky pro palety design, s téměř 2 miliony palet předložil svým uživatelům. Můžete lovit ‚palety, které obsahují tuto barvu,‘ procházet, nebo sledovat designéry. Často najdete varianty stejné palety, což vám dává možnosti odstínu a sytosti připravené.

(kompletní s náladovými jmény.,)

3: ColoRotate

ColoRotate je dodáván s knihovnou barevná schémata si můžete prohlížet, vybírat a upravovat. Pokud si chcete vytvořit svůj vlastní od nuly, můžete pomocí nástroje 3D color tool. A můžete použít schéma, které jste vytvořili přímo ve Photoshopu nebo ohňostroji, s pluginem ColorRotate a aplikací iPad.

odpovídá vaší značce

ale co když již máte obrázky, loga nebo značky, které musí barvy vašich webových stránek odpovídat?,

4: Barva Hunter

Barva Hunter není nástroj s obrovskou škálu funkcí, jako některé z all-in-one převálcovat na tomto seznamu. Místo toho je to solidní řešení pro jednu věc: sledování konkrétní barvy. Přejděte na web, poté přetáhněte obrázek a nástroj pro vás vytvoří paletu z obrázku. To je solidní způsob, jak vytvořit barevné palety kolem obrázků potřebujete vaše stránky sladit s, a můžete také použít k reverse-inženýr palety stránky se vám líbí vzhled.,

5: Pictaculous

Pictaculous generuje palety barev z fotografií – nahrajte fotografie, a Pictaculous navrhne barvy, aby odpovídaly. Kromě toho, že vám nabídne paletu založenou na fotografii, kterou nahrajete, Pictaculous nabídne hotová barevná schémata, která odpovídají.

tyto nástroje budou generovat celé barevné palety.

6: Adobe Color CC Color Wheel

tento nástroj býval známý jako Adobe Kuler a začal jako základní místo pro porovnávání barev. Nyní je to full-power paleta barev konstrukční systém., To vám umožní vyzkoušet, porovnat a uložit barevné kombinace založené na barevné koule. Můžete si vybrat typy palety a generovat pětibarevné palety s různými úrovněmi vstupu z nástroje, včetně plně vlastní a téměř automatické.

7: Paletton

Paletton vám umožní rychle vytvořit paletu barev. Vyberte schéma, které chcete: mono, komplementární, triadické, tetradické, analogické nebo s diakritikou analogické. Poté, když změníte jednu barvu v schématu, ostatní se změní tak, aby odpovídala.,

8: Color Spire

Color Spire vám vytvoří paletu barev z jedné barvy. Vyberete počáteční barvu a barevná věž navrhne paletu barev, která se má použít v kombinaci s ní. Poskytuje také náhled, který vám umožní vidět, jak by barvy, které doporučuje, vypadaly na vzorovém webu.

9: MudCube Barevné Koule

(Zdroj: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

MudCube Barva Koule je Chrome plugin, který vám pomůže sladit barvy, kontrolu barvosleposti a identifikovat hex kódy., Můžete také exportovat barevná schémata přímo do aplikace Illustrator, PhotoShop a CoIRD.com.

10: Soudržný Barev

Soudržný Barvy se svou aktuální palety a umožňuje s ním manipulovat, přidávat překryvné odstín v barvě dle vašeho výběru a vytvoření nové palety z existující snadno a rychle.

11: Hex Barevné Schéma Generátor

Tento nástroj vám umožní vytvářet barvy, které pracují v kombinaci s barvu, kterou již máte. Je to trochu více Základní než některé z nástrojů barevné koule v tomto seznamu., Do nástroje vložíte šestihranné číslo nebo kliknete na barevné kolečko a vrátí se sadou dalších 3 barev, které odpovídají, doplněné Hex kódy.

vytváření barev

některé z těchto nástrojů potřebují, abyste měli na mysli barvu. Pokud nemáte značky, které potřebujete, aby odpovídaly, a BrandColors vám neukázal nic, co vás upoutalo, můžete začít od nuly.,

12: Barva Aplikace

iOS nástroj vám umožní provádět jemné rozhodnutí mezi podobnými barvami, kterým je jasně s nějaký prostor mezi nimi, spíše než v přechody, jak v barvě kola a koule. Velké barevné mřížky vám umožní používat celou obrazovku (Uživatelé iPad Pro, radujte se!) a také vám umožní ochutnat barvy, najít hodnoty RGB, Hex a HSLA a vytvářet barevné palety od nuly.,

13: Color

Color, By HailPixel, vám umožní opravdu přibít přesně, jakou barvu chcete, a pak vám dává Hex kód pro něj.

umístěte kurzor na obrazovku a barva se při pohybu velmi mírně mění – je to jako barevná koule, která se neustále přivádí zpět do Hex kódů. Přesuňte obrazovku pro barvu, nahoru a dolů pro saturaci.

získejte kódy pro barvu

Pokud jste někde viděli barvu a nevíte přesně, jak ji nazvat, jsou to nástroje pro vás.,

14: SpyColor

SpyColor vám dává informace o jakékoliv barvy, včetně Hex, RGB, CMYK a jiné kódy. Nástroj vám ukáže řadu typů schémat, jako je komplementární, Split-komplementární, triadický, střet a analogický, na každé barevné stránce.

15: HTML Color Codes

HTML Color Codes najde hex kódy pro barvy obrázků ve Vašem prohlížeči. Vyberete obrázek z vašeho počítače a klikněte na ‚zobrazit obrázek‘, pak myší nad to získat Hex kódy pro různé části obrazu.,

Otestujte paletu

jakmile máte na svém místě paletu barev, musíte vědět, zda bude fungovat pro různé návštěvníky.

16: Zkontrolovat mé Barvy

Zkontrolujte, zda mé Barvy umožňuje zkontrolovat vaše barevná paleta je barvy popředí a pozadí, ujistěte se, že poskytují dostatečný kontrast pro někoho má barvu deficity. Chcete-li barvoslepost důkaz vaše stránky, nebo jen získat co nejefektivnější a intuitivní barevné kombinace z pohledu UX, tento nástroj je neocenitelný., Drop URL do a vyplivne zprávu:

…že v podstatě jde přes všechny kód na vaše stránky a známky, všechny vizuální prvky v něm na viditelnost.

odpovídající obrázky

nyní je paleta barev na svém místě a víte, že je to super viditelné, budete potřebovat nějaké obrázky, aby odpovídaly.

17: TinEye

TinEye je lépe známý jako alternativa k vyhledávání obrázků Google., Funguje však také jako způsob, jak prozkoumat barevné kombinace pomocí databáze více než 10 milionů licenčních fotografií Creative Commons sklizených z Flickru. Pokud hledáte obrázky v dokonalé barevné kombinaci, je to skvělý, snadno použitelný způsob, jak je lovit.

18: Designspiration

Designspiration umožňuje vybrat až pět odstínů od full-stránku paleta, která vám dává možnost vidět barvy jasně. Poté web zobrazí všechny obrázky ve své databázi s touto barevnou kombinací., To vám jasně ukazuje čísla Hex, a umožňuje kliknout na jednotlivá čísla Hex. Obrázky můžete ukládat do sbírek na webu a stahovat je.

jak používat nástroj chování webových stránek k analýze nejlepších barevných palet

můžete si myslet, že vše, co musíte udělat, je vybrat paletu barev webových stránek a posunout vpřed plnou páru dopředu. To není nejlepší způsob, jak jít o podnikání.

Přemýšlejte o tom. Testujete své CTA, titulky a další prvky webových stránek. Proč by měla být barva jiná?,

nástroj pro analýzu chování webových stránek, jako je Crazy Egg, nabízí perfektní příležitost zjistit, jak vaše publikum reaguje na vaši aktuální paletu barev.

chování Uživatelů hlásí jako heatmaps vám řekne, zda vaše barvy jsou chytání očích lidí, kteří nejvíce záleží — vaše současné a potenciální zákazníky.

Pokud máte ve svých rukou surová data, můžete učinit informovaná rozhodnutí o paletě barev na webu.,

Představte si, že jste vytvořili webové stránky pro publikum milovníků sportu a vybrali barvy modré a růžové, stejně jako pár neutrálních šedých. Tvému publiku se to nelíbí.

možná to váš obrázek dostatečně nevysílá. Milovníci sportu by mohli mít odvážnější, tmavší barvy a zemité tóny.

nebudete vědět, dokud nebudete testovat.

začněte používat Crazy Egg

Vytvořte si bezplatný účet Crazy Egg a začněte bezplatnou zkušební verzi nebo se přihlaste a nastavte zprávy o chování uživatelů.

můžete spustit více testů najednou, abyste neztráceli hodiny, dny nebo týdny., Místo toho můžete zachytit data v reálném čase a znovu zaměřit své úsilí na nalezení nejlepší možné palety barev.

závěr

vaše barevná paleta webových stránek by měla nejen odrážet Vaši značku, ale také apelovat na vaše publikum. V opačném případě mohou být lidé vypnuti vaším webem, aniž by si to uvědomili.

Začněte tím, co se vám líbí. Zvažte výběr palety, která se liší od ostatních ve vašem výklenku, abyste vynikli. Pak začněte testovat.

je snadné změnit barvy na vašem webu. Pokud víte, HTML, můžete změnit HEX kódy v motivu souborů ručně., Mnoho témat WordPress také přichází s přizpůsobiteli, které vám umožňují měnit barvy bez znalosti jakéhokoli kódu.

Dejte si příležitost, aby vaše stránky byly co nejvíce vizuálně přitažlivé a nezapomenutelné.