Hogyan válasszuk ki a weboldal megfelelő színsémáját

Hogyan válasszuk ki a weboldal színétIjesztő dolog lehet a weboldal megfelelő színsémájának kiválasztása – különösen, ha Ön’nem vagy benne biztos a színkordinációs képességében, vagy úgy érzi, hogy te’Nem vagy képzett tervező.


A férjem enyhén színvak, ami nagyon idegesvé teszi, amikor megpróbál színt választani bármire!

Mi van veled?

  1. Milyen színt kell használni a logóhoz vagy a címsorhoz?
  2. Tudja, hogyan válasszon olyan kiegészítő színeket, amelyek jól kombinálódnak?
  3. Webhelyének melyik részén kell használni a színt?

A szín kiválasztása és keverése trükkös játék lehet.

Az eredmény harmonikusnak tűnik, vagy akár egy horrorfilmből származó jelenetnek is!

Ha elkerüli a színeket, webhelye inspiráló és elfelejthetőnek tűnik. Ha túl sok színt használ webhelyén, akkor kockáztathatja, hogy kifogástalannak tűnik.

Amellett, hogy nem érti, hogyan kell kiválasztani a megfelelő sablontervezést, a színek használatának megtanulása az Ön webhelyén az egyik legnagyobb kihívás, amellyel a barkácsáruház-webhelyek tulajdonosai szembesülhetnek. Ez különösen igaz, ha nem’természetes színű a szín és a formatervezés.

Ha üres nyomtatványt rajzol arról, hogy webhelyén miként és hogyan kell a színeket helyesen használni, ez a bejegyzés segíthet.

A színhasználat egyszerűsíthető, ha megismeri a megfelelő lépéseket.

Szóval, mi’összeállította ezt az útmutatót, hogy lépésről lépésre megmutatja, hogyan:

  1. Válassza ki a megfelelő domináns színt webhelye és márkája számára.
  2. Kombinálja a kiegészítő színeket a tökéletes színséma létrehozásához.
  3. Válasszon az Ön számára megfelelő háttérszínt.
  4. Használja a színt a megfelelő helyen a webhelyén – mint egy profi.

enged’s kezdjen!

Vagy miért ne vessünk egy rövid pillantást a mi oldalunkra kedvenc weboldalépítők az alábbi egyszerű táblázatban:

Hogyan javíthatja a szín a webhelyet és a márka identitását?

Amikor arra kérem, hogy gondoljon a Coca-Cola-ra, mi az a legfontosabb, ami eszébe jut?

Nos, lehet, hogy jéghideg palack Coca-Cola-t akarnak.

Ezután eszébe juthat az ikonikus vörös koksz logó képe.

Hogyan válasszuk ki a weboldal színét - kokszotForrás: www.coca-colacompany.com

Azt’Nagyon nehéz gondolni a Coca-Cola-ra anélkül, hogy a vörös szín lenne. A piros szín annyira a Coca-Cola része, mint a híres szóda.

Tudta, hogy a Coca-Cola úgy döntött, hogy a pirosat használja, mivel márkájuk színe nem véletlen?

A piros szín két kritikus célt szolgál:

# 1 A vörös tűzoltóautó lehetővé teszi, hogy a Coca-Cola kiemelkedjen versenytársaitól a bolti polcokon; és

# 2 Minden színhez különböző érzelmek vagy érzelmek kapcsolódnak. Amikor az emberek látják a piros színt, érzelmi reakciókat vált ki, mint például izgalom, merészség, szerelem és szenvedély. Pontosan ezek az érzések kívánják, hogy a Coca-Cola társítson a szódahoz.

weboldal színválasztása - coca colaForrás: us.coca-cola.com

Amikor kiválasztja a megfelelő színt webhelyéhez, sokkal többet tesz, mint pusztán vonzó megjelenést – Emlékezetes márkát hoz létre.

85% a vásárlók száma a színt jelenti annak elsődleges okaként, hogy miért vásárolnak egy adott terméket. 80% növekszik a márka elismertsége a szín használatakor. A márka elismerése közvetlenül kapcsolódik a fogyasztói bizalomhoz.

Forrás: Kissmetrics

Mostanra gondolkodnod kell “Hú, a szín olyan, mint a varázslat! Miért nem?’minél több ember használja azt előnyei érdekében?”

Nos, mert a legtöbb ember nem’nem tudom, hogyan.

Tehát a következő szakaszban megmutatjuk 3 egyszerű lépést, amelyet követhet, hogy elkezdje a színt előnyei érdekében használni a webhelyén.

A weboldalon a színhasználat három lépése – a helyes út

Három fő szín van, amelyeket figyelembe kell vennie a webhely tervezésekor:

  1. Az uralkodó szín kiválasztása márkanévként
  2. 1–2 ékezetes szín kiválasztása a weboldala színséma létrehozásához
  3. Háttér szín kiválasztása a terv készítéséhez

Hogy’Nagyon sok ez! Don’ne aggódj, mi’Megmutatom, hogyan válasszuk ki őket, néhány példával együtt – hadd’folyamatosan haladj!

# 1 Válassza ki a domináns színt

Az uralkodó szín az Ön márkájának színe – mint például a Coca-Cola piros tűzoltóautója.

Ez a szín segít bizonyos érzelmek vagy érzések kiváltásában, amikor az emberek megérkeznek az Ön weboldalára – akárcsak a szenvedély, izgalom, merészség és a koksz iránti szeretet..

Ez az a szín, amelyet azt akarja, hogy a közönség emlékezzen, amikor rád gondol.

Ha már van logója, győződjön meg arról, hogy a logó egyik alapszíne a domináns színt használja (ha Ön’nem biztos abban, hogyan lehet jó emblémát létrehozni, olvassa el ezt az útmutatót).

Ha azonban nem’Itt még nem szem előtt tartva az uralkodó márkaszínt’Hogyan válasszuk ki egyet:

A színek jelentése: Hogyan válasszuk ki az Önnek megfelelő színt?

A nagyvállalatok nem’t véletlenül válasszuk ki domináns / márka színüket. Azt’Stratégiai szempontból úgy döntött, hogy márkájuk és marketing kezdeményezéseik részeként felhasználásra kerülnek.

A különböző színek képesek vonzani a meghatározott típusú vásárlókat, és megváltoztathatják a fogyasztók viselkedését.

a webhelyek színpszichológiájaKattints a kinagyításhoz

Forrás: Kissmetrics

Különféle színeket is használhat előnyei érdekében, így vonzza a kívánt vásárlót.

Mi’Készített egy praktikus infographic képet, amely segít kiválasztani a tökéletes domináns színt. Nézze meg, megtalálja-e azt a színt, amely a legjobban képviseli azt, amiért áll!

a személyiség színe a weboldalak számára

Most, hogy jó ötlettel rendelkezik arra, hogy mit jelentenek bizonyos színek, melyik felel meg legjobban vállalkozásának, vagy hogy azt akarja, hogy a webhely látogatói érezzék magukat, amikor meglátogatják a márkád?

Ha te’Még nem vagyok biztos benne, ez csak azt jelenti, hogy időbe telik, hogy elgondolkozzon a márkáján és a vonzó ügyfelek típusán.

Próbál fiatalabb, energikusabb ügyfeleket vonzani? Vagy kifinomultabb személyek, akik rendelkeznek több rendelkezésre álló jövedelemmel? A termékeit / szolgáltatásait férfi vagy nő gondoskodik-e? Megfelelőbbek-e egy adott korosztály számára?

Nem minden szín felel meg vállalkozásának. Például, ha jógaszőnyegeket árusít, akkor lehet, hogy lila (gazdagság, jogdíj) vagy fekete (hatalom, luxus) használata nem a legjobb választás. Érdemes megfontolni a zöld (egészség, nyugalom), szürke (egyszerűség, nyugodt), kék (béke, nyugalom) vagy akár a vörös (szenvedély, energia) használatát..

Várjon néhány percet, hogy feljegyezze néhány ötletet.

A különbségek a srácok között & Lányok – Színes preferenciáik

Oké, a különböző színek vonzzák a különféle embereket, de tudta, hogy a férfiak és a nők általában inkább a különböző színeket részesítik előnyben?

Melyik nemre célozza vállalkozása vagy webhelye? – Nők? férfiak? vagy mindkettő?

szín befolyása a nemekreKattintson a kép nagyításához

Forrás: Infographic: Hogyan befolyásolják a színek a konverziót & Nem és szín

A fenti táblázat tanulmányozásával létrehozhat egy nagyon erős és célzott márkaszínt.

A férfi, női vagy mindkettő által előnyben részesített színkombinációk segítségével megváltoztathatja a márkájukkal kapcsolatos felfogásukat – tudatalattian.

Például tanulmányok alapján láthatja, hogy a férfiak és a nők is szeretik a kék és a zöld színűt. Mindkét nem nem szereti a narancsot és a barna színt. Tehát, ha mindkét nemre irányul, a kutatás azt mondja, hogy előnyösebb lenne fontolóra venni a kék vagy a zöld szín használatát domináns színként (vagy legalábbis az akcentus színét – lásd alább).

Ez hasznos intelligencia van!

enged’s lépj tovább egy lépéssel.

Az, hogy hogyan használja a színt a márkájához vagy a termékekhez / szolgáltatásokhoz, azt befolyásolhatja, hogy milyen érzelmekkel vonzza a célközönség.

Hadd magyarázzam.

szín-of-brand-vonzzák-más-ügyfélSokszor az emberek vásárolnak konkrét termékeket / szolgáltatásokat, mivel tudatosan akarnak egy bizonyos személyiséget másoknak bemutatni.

Látva, hogy egy új, drága pénztárcával az utcán sétálnak, vagy egy csípő kávézóban lógnak, vagy egy divatos új társalgóban láthatók, mindannyian csendesen kommunikálnak egy bizonyos személyiség jellemzőivel.

Megérted a véleményem? Sok személyes döntés tükrözi azt, hogy ki érezte magát, és mit akarnak mások látni. Azt’Olyan identitás, amelyhez az emberek társulnak, és azt akarja, hogy mások is tudják róla.

Tehát, ha olyan embereket szeretne vonzani, akik azonosulnak a természettel és a nyugalommal, akkor használja a zöld színt. Ha vonzza azokat, akik szeretnének fiatalosnak vagy optimistanak lenni, próbálkozzon a sárga színnel. Ha a célközönség azt akarja, hogy hatalmasnak vagy luxusnak lássa, próbálkozzon a feketével.

Szerezd meg?

Vegyünk néhány percet, és gondolkodj át az ideális közönségedről, és arról, hogy mit akarnak azonosítani. Mit akarnak és hogyan akarnak látni??

Sok pszichológia van itt, de az’Fontos, hogy figyelembe vegye a márkaépítés során.

Hogyan használhatja domináns színt webhelyén

Most, hogy domináns színe van, a színt a webhely megfelelő helyein szeretné használni.

A színes sok figyelmet felhív, így nem kell’nem akarjuk mindenhol beilleszteni.

Itt’s általános hüvelykujjszabály:

Csak az olyan domináns színt használja korlátozott számú helyen, ahol a webhely látogatói figyelni szeretnének, vagy ha azt akarja, hogy a látogatók bizonyos tevékenységeket végezzenek (például hívjon egy telefonszámot, töltse ki a kapcsolatfelvételi űrlapot, iratkozzon fel hírlevelére stb.).

Alapvetően a domináns színt állítják be “pop” – valóban kiemelve azt, hogy hová szeretné a látogatók összpontosítani.

hol lehet domináns színt használni a weboldalonForrás: Wix.com

# 2 Válassza ki az ékezetes színeket

Nagyon unalmas, ha az egész webhelyen csak egyszínű.

Ahhoz, hogy a tervezése érdekesebbé (és professzionálisabbá váljon), ékezetes színekre van szüksége, hogy kiemelje webhelyének figyelemre méltó részeit, például idézetek, gombok vagy feliratok..

A színkeverés és az illesztés valójában sok embert ijeszt meg, mert ez’Nem mindig könnyű vagy intuitív megmondani, mely színek keverik jól egymást anélkül, hogy jól megértsék a színelméletet, és sok próba és hiba lenne.

De kinek van ideje doktori fokozat megszerzésére a színelméletben?! – Nem én.

Köszönöm a jóságnak, hogy van egy parancsikon, amelyet mindenki használhat !! Azt’Ez egy színmegfelelő eszköz, amely segít a színek kombinálásában, mint egy profi!

Hogyan használhat egy színmegfelelő eszközt az ékezetes színek kiválasztásához?

Miután megkapta domináns színét,’Nagyon könnyű megtalálni az ékezetes színeket az olyan színmegfelelő eszközök segítségével, mint az Adobe Color CC.

Az Adobe Color CC bonyolultnak tűnik, de valójában ez egy nagyon egyszerű eszköz.

Mi’ve létrehozott egy rövid bemutatót, amely megmutatja, hogyan lehet felhasználni a színsémának a kétféle módszer egyikéből történő felépítéséhez:

(Kattintson lent az oktatóprogram megnyitásához)

Hogyan kell használni az ékezetes színeket a webhelyén

Most, hogy már rendelkeznek kiegészítő ékezetes színekkel, ezeket felhasználhatja a weboldalak másodlagos információinak kiemelésére.

Ezek olyan tartalom / elemek, amelyek nem az oldal fókuszpontjai, de továbbra is azt akarja, hogy azok kiemelkedjenek.

Például lehetnek feliratok, másodlagos gombok, információs mezők, háttérszín stb.

Próbáljon csak 1 vagy 2 ékezetes színt korlátozni. Ha túl sok ékezetes szín van, akkor túl sok fókuszpontot hoz létre, ami megzavarhatja a látogatókat.

hol használható ékezetes szín a webhelyénForrás: Wix.com

# 3 Válassza ki webhelyének háttérszínét

Hogyan válasszuk ki a weboldal háttér színét?Festél már valaha egy házat korábban?

Ha van, akkor valószínűleg lesz némi tapasztalata a falszín kiválasztásában – és tudni fogja, hogy a megfelelő falszín kiválasztása kihívást jelenthet.

Azt akarja, hogy a fal színe megkönnyítse a szoba kényelmét. A színnek elég nyugtatónak kell lennie, hogy órákat tölthessen a szobában anélkül, hogy a színe elárasztana.

Ugyanakkor nem’Nem szeretné, hogy a szín annyira unalmas legyen, hogy a szoba teljesen sterilnek érzi magát.

A háttér színének megválasztása valójában olyan, mint a falfesték színe!

Azt szeretné, ha a webhely látogatói kényelmesebben böngésznének az Ön webhelyén. Te nem’Nem szeretné bosszantani a látogatókat, vagy megnehezítené a tartalmak túlságosan merész vagy világos háttérszínekkel történő felvételét. Ugyanakkor nem’Nem szeretné, hogy webhelye olyan ballagott legyen, mint a közönség’A szeme csak a fontos dolgokra mázolt, amelyeket mondani szeretne.

Hogyan válasszuk ki a megfelelő háttérszínt??

Ha falfestékeket választana egy divatos kiskereskedelem és egy nyaraló számára, akkor ugyanazokat a színeket választja-e számukra?

Valószínűleg nem azért, mert minden hely eltérő célt szolgál, tehát a választott színnek eltérőnek kell lennie.

Például egy kiskereskedelmi ruhaüzletben merész színekkel érdemes felhívni a vásárlókat a ruhaszekrényekre. Azt szeretné, hogy a fal színe kontrasztos legyen az áru polcjain, hogy a vásárlók azonnal tudják, hol kell keresniük, amikor belépnek az üzletbe.

Ezzel szemben valószínűleg nyugodtabbnak érzi magát egy nyaralóházban. Azt szeretné, hogy a fal színének és dekorációjának nyugtató és pihentető hatása legyen. Azt akarja, hogy minden belekeveredjen, így összpontosíthat a lélegzetelállító tájképre a túl nagy ablakból.

Nagyon hasonló módon az Ön weboldalának háttérszíne attól függ, hogy mire akarja a látogatói összpontosítani.

Egyszerűen fogalmazva: a háttérszínként kiválasztott szín teljesen függ a webhely céljától.

1. típus – Intenzív információs webhelyek & e-kereskedelem weboldalai

Előfordult már, hogy a legtöbb információs vagy e-kereskedelmi webhely általában fehér vagy semleges háttérszínt használ?

e-kereskedelmi webhelye-kereskedelmi webhely (drinksoma.com)

e-kereskedelmi webhelye-kereskedelmi webhely (stikwood.com)

Élelmiszer BlogÉlelmiszerblog (pinchofyum.com)

Filmgyártó cégFilmgyártó cég (dingobill.com)

Ennek oka az, hogy az ilyen típusú webhelyek célja ötletek vagy termékek népszerűsítése.

A hangsúly a tartalomra vagy a termékekre koncentrál, nem pedig a weboldal kialakítására. A háttér színe csak egy háttér, amely segíti a tartalom láthatóságát és olvashatóságát.

Az információigényes és az e-kereskedelemmel foglalkozó webhelyek számára a legjobb színséma a fehér vagy világos háttér, merész domináns & ékezetes színek. A vastag, domináns és ékezetes színek a webhely személyiségét és fókuszpontjait adják, míg az egyszerű háttérszín megtartja a látogatókat’ összpontosítson tartalmára vagy termékeire.

2. típus – vállalati / üzleti webhelyek

A vállalati / üzleti webhelyeknek általában két célja van – a márka vagy annak szolgáltatásai népszerűsítése.

Attól függően, hogy az üzleti webhely melyik céljára kíván összpontosítani, a háttér színe eltérő lesz.

A márka népszerűsítése

Ha erős márka identitást szeretne építeni, háttér-színének a domináns vagy a márka színének különféle árnyalatát kell használni.

Ennek oka az, hogy a szín szorosan kapcsolódik a márka elismeréséhez (emlékszel a Coca Cola fenti példájára?) Amikor domináns / márkaneve színének variációját használja háttérként, akkor megerősíti márkáját, és emlékezetesebbé teszi a közönség számára.

Ha nagyon merész márkaneve van, akkor háttérként való használata túlsúlyos lehet. Ha ez volt a helyzet, akkor fontolja meg a márkaneve színének kevésbé intenzív árnyalatát. Az Adobe Color CC eszközzel generálhatja domináns színének eltérő árnyalatát és fényerejét.

Hogyan válasszuk ki a weboldal háttér színét a vállalati webhely márkajelzésejustactions.org
Hogyan válasszuk ki a weboldal háttérszínes üzleti webhelyének márkanevétsbjdanebury.com

Szolgáltatás népszerűsítése

Ha azt akarja, hogy a szolgáltatás vagy a korábbi projektek portfóliója fókuszpont legyen, használjon fehér vagy semleges háttérszínt.

Csakúgy, mint a tartalomigényes és az e-kereskedelemmel foglalkozó webhelyek, nem is’Nem szeretné, hogy a háttér színe eltüntesse a hangsúlyt a tartalomtól vagy az üzenetről, amelyet kommunikálni kíván.

Semleges vagy fehér háttér kiválasztásával a tartalma természetesen egyre inkább figyelmet kap.

Hogyan válasszuk ki a weboldal háttér színű üzleti szolgáltatásátzengenti.com
Hogyan válasszuk ki a weboldal háttér színű üzleti szolgáltatásátcharddevelopment.com

3. típus – stílusos & Kreatív, intenzív grafikus webhelyek

A divat, a formatervezés, az étterem, a szépségápolás és a kreatív ipar számára használt weboldalak esetében a világ az Ön osztriga.

Valójában nincsenek szabályok arra vonatkozóan, hogy milyen háttérképet vagy színeket kell használni. Használhat egy fekete menüsávot, hogy több drámát hozzon létre; Vagy használhatja a szivárvány minden színét inspiráló háttérkép létrehozásához.

Hogyan válasszuk ki a weboldal háttérszín-tartósságáttheeddynyc.com
Hogyan válasszuk ki a weboldal háttérszínét kreatívkéntcafefrida.ca
Hogyan válasszuk ki a weboldal háttér színének kialakításátstudiolovelock.com
Hogyan válasszuk ki a weboldal háttérszínű luxustgillemore.com

Őszintén szólva, itt megtörheti az összes szabályt, és bármilyen színt felhasználhat, amíg szem előtt tartja ezt az 1 szabályt – “Soha ne válasszon olyan hátteret, amely megnehezíti a szöveg vagy a tartalom olvashatóságát.“

A tökéletes háttérszíne lehetővé teszi, hogy tartalma legyen a fókuszpont, miközben harmonikusan működik az uralkodóval & ékezetes színekkel, és a közönség számára jól érzi magát a webhely böngészése közben.

Ha kétségei vannak, háttérként használjon fehér vagy nagyon világosszürke színt. Bár ez nem lehet a leginkább inspiráló szín, tudod, hogy tartalma mindig ragyog.

Következtetés & Kulcs elvihető

A webhely megfelelő színsémájának kiválasztásakor soha nem szabad a kedvenc színén vagy a bélérzeten alapulnia.

A jó weboldal kialakítás az, amely mindig a közönséget helyezi előtérbe.

Válasszon színt és dizájnt, amely vonzza a célközönséget, így emlékezetes kapcsolatot hozhat létre (tudatalatti módon), és elkülönülhet a versenytársától.

A színséma kiválasztása egyáltalán nem lehet véletlenszerű. Ehelyett szervezett, objektív, egyezési gyakorlat sorozatának kell lennie:

(1) A márka és a megfelelő domináns szín összehangolása; (2) az domináns szín összehangolása az ékezetes színekkel az Adobe eszköz használatával; és végül (3) illessze a háttér színét az uralkodóval & ékezetes színek.

A fenti 3 párosítási lépés elvégzésével jó színkombinációt hozhat létre webhelye számára – még ha nem is’jó a tervezés és a színkoordináció érzése!

Don’Ne félj, hogy valamilyen színt fecskendez be a webhelyre, és szórakoztassa a folyamatot! Ne felejtsd el, hogy ne hagyják, hogy színei megbomolják a tartalmat!

Ez az útmutató hasznosnak bizonyult?

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