Hur man väljer ett bra färgschema för din webbplats

hur man väljer färg för webbplatsenAtt välja ett bra färgschema för din webbplats kan vara en skrämmande sak – särskilt om du’är inte säker på din färgkoordinationsförmåga eller känner att du’är inte en skicklig designer.


Min make är något färgblind, vilket gör honom mycket nervös när han försöker välja en färg för vad som helst!

Hur är det med dig?

  1. Vilken färg ska du använda för din logotyp eller rubrik?
  2. Vet du hur du väljer komplementära färger som kombineras bra?
  3. Vilken del av din webbplats ska du använda färg?

Att plocka och blanda färg kan vara ett knepigt spel.

Resultatet kan se harmoniskt ut, eller som en scen direkt ur en skräckfilm!

Om du undviker några färger kan din webbplats se oinspirerande och glömsk bort. Om du använder för mycket färg på din webbplats riskerar du att den ser snygg ut.

Förutom att inte förstå hur man väljer rätt malldesign är det att lära sig använda färg på din webbplats en av de största utmaningarna som en ägare av DIY webbplats kan möta. Detta gäller särskilt om du inte gör det’t har en naturlig egenskap för färg och design.

Om du drar ett tomt på vad och hur du använder färg på din webbplats på rätt sätt kan det här inlägget hjälpa dig.

Att använda färg kan förenklas när du vet rätt steg att vidta.

Så vi’vi har sammanställt den här guiden för att visa dig steg för steg hur du:

  1. Välj rätt dominerande färg för din webbplats och varumärke.
  2. Kombinera kompletterande färger för att skapa ditt perfekta färgschema.
  3. Välj en bakgrundsfärg som fungerar för dig.
  4. Använd färg på rätt platser på din webbplats – som en proffs.

Låta’s komma igång!

Eller varför inte titta snabbt på vår favorit webbplatsbyggare i detta enkla diagram nedan:

Hur färg kan förbättra din webbplats och varumärkesidentitet

När jag ber dig tänka på Coca-Cola, vad är det första som hoppar in dig?

Det kan vara en av dem att vilja ha en iskald flaska Coca-Cola.

Då kan en bild av den ikoniska logotypen för röd koks komma till dig.

hur man väljer webbplats färg - koksKälla: www.coca-colacompany.com

den’är ganska svårt att tänka på Coca-Cola utan att se färgen röd. Färgen röd är lika mycket en del av Coca-Cola som dess berömda läsk.

Visste du att Coca-Colas beslut att använda rött då deras märkesfärg inte var av misstag?

Färgen röd tjänar två kritiska syften:

# 1 Den röda brandmotorn tillåter Coca-Cola att sticker ut från sina konkurrenter i butikshyllorna; och

# 2 Varje färg har olika känslor eller känslor kopplade till den. När människor ser färgen röd utlöser den känslomässiga reaktioner som spänning, djärvhet, kärlek och passion. Det är just de känslor som Coca-Cola vill att du ska associera med sin läsk.

hemsida färgplockning - coca colaKälla: us.coca-cola.com

När du väljer rätt färg för din webbplats gör du så mycket mer än att bara se den tilltalande – Du skapar ett minnesvärt märke.

85% av shoppare placerar färg som ett huvudskäl till varför de köper en viss produkt. 80% ökar märkesigenkänningen när du använder färg. Varumärkesigenkänning kopplar direkt till konsumentförtroende.

Källa: Kissmetrics

Nu bör du tänka “Wow, färg är som magi! Varför inte’t fler människor som använder det till sin fördel?”

Tja, för de flesta inte’Jag vet hur.

Så i nästa avsnitt visar vi dig tre enkla steg du kan följa för att börja använda färg till din fördel på din webbplats.

Tre steg för att använda färg på din webbplats – på rätt sätt

Det finns tre huvudfärger du måste tänka på när du utformar din webbplats:

  1. Att välja en dominerande färg som din märkesfärg
  2. Att välja 1 till 2 accentfärger för att skapa ett färgschema för din webbplats
  3. Att välja en bakgrundsfärg för att slutföra din design

Den där’s ganska mycket det! Don’t oroa dig, vi’Jag visar hur du väljer dem tillsammans med några exempel – låt’s fortsätter att gå framåt!

# 1 Välj din dominerande färg

Den dominerande färgen är din märkesfärg – som brandmotorn röd för Coca-Cola.

Denna färg hjälper till att få fram vissa känslor eller känslor när människor anländer till din webbplats – precis som passion, spänning, djärvhet och kärlek till Coke.

Det här är den färg du vill att din publik ska komma ihåg när de tänker på dig.

Om du redan har en logotyp, se till att en av primärfärgerna på din logotyp använder din dominerande färg (om du’är inte säker på hur man skapar en bra logotyp, se den här guiden).

Men om du inte gör det’Jag har en dominerande märkesfärg i åtanke ännu här’hur man väljer en:

Betydelse av färger: Hur man väljer rätt färg för dig

Stora företag inte’t plocka ut sina dominerande / märkesfärger av misstag. den’är strategiskt valt att användas som en del av deras varumärkes- och marknadsföringsinitiativ.

Olika färger har förmågan att locka till sig specifika typer av kunder och kan till och med förändra konsumentbeteenden.

färgpsykologi för webbplatserKlicka för att förstora

Källa: Kissmetrics

Du kan också använda olika färger till din fördel så att du kan locka till den kundtyp du vill ha.

Vi’Vi har skapat en praktisk infographic som hjälper dig att välja din perfekta dominerande färg. Se om du kan hitta den färg som bäst representerar det du står för!

personlighet av färg för webbplatser

Nu när du har en bra uppfattning om vad vissa färger betyder, vilken som bäst matchar ditt företag, eller hur du vill att dina webbplatsbesökare ska känna när de ser ditt varumärke?

Om du’du är inte helt säker ännu, det betyder bara att du bör ta lite tid att reflektera över ditt varumärke och vilken typ av kunder du vill locka till dig.

Försöker du locka yngre, mer energiska kunder? Eller sofistikerade individer med mer disponibla inkomster? Skaffas dina produkter / tjänster till manliga eller kvinnliga? Är de mer lämpade för en viss åldersgrupp?

Det är inte alla färger som passar ditt företag. Om du till exempel säljer yogamattor är kanske inte det bästa valet med lila (rikedom, royalty) eller svart (kraft, lyx). Du kanske vill överväga att använda grönt (hälsa, lugn), grått (enkelhet, lugn), blå (lugn, lugn) eller till och med röd (passion, energi).

Gå vidare och ta några minuter för att notera några idéer.

Skillnaderna mellan killar & Flickor – Deras färgpreferenser

Okej, olika färger tilltalar olika typer av människor, men visste du att män och kvinnor i allmänhet också föredrar olika färger?

Vilket kön riktar sig till ditt företag eller webbplats? – Är det kvinnor? män? eller båda?

färginflytande på könKlicka för att förstora bilden

Källa: Infographic: Hur färger påverkar omvandlingar & Kön och färg

Du kan skapa en mycket kraftfull och riktad märkesfärg genom att studera tabellen ovan.

Genom att använda färgkombinationer som är gynnade av antingen man, kvinna eller båda, kan du ändra deras uppfattningar om ditt varumärke – medvetet.

Baserat på studier kan du till exempel se att både män och kvinnor gillar blått och grönt. Båda könen tycker inte om orange och brun. Så om du är inriktad på båda könen, säger forskningen att det skulle vara mer fördelaktigt att överväga att använda blått eller grönt som din dominerande färg (eller åtminstone accentfärg – mer nedan).

Detta är bra intelligens att ha!

Låta’s ta det ett steg längre.

Hur du använder färg för ditt märke eller produkter / tjänster kan också påverkas av vilka känslor din målgrupp dras till.

Låt mig förklara.

färg-of-brand-locka-olik kundMånga gånger köper människor specifika produkter / tjänster eftersom de medvetet vill projicera en viss personlighet till andra.

När man ses på en gata med en ny dyra handväska, eller umgås i en hipster-kafé eller ses i en trendig ny lounge, kommunicerar alla tyst vissa egenskaper om en person.

Får du min poäng? Många personliga beslut är reflektioner av vem de känner att de är och vad de vill att andra ska se. den’är en identitet som folk associerar med och vill att andra ska veta om den.

Så om du vill locka människor som identifierar sig med naturen och lugnet, använd grönt. Om du vill locka de som vill ses som ungdomliga eller optimistiska, prova gult. Om din målgrupp vill ses som kraftfull eller lyxig, prova svart.

Förstår?

Ta några minuter och tänk på din ideala publik och vad de strävar efter att bli identifierade med. Vad vill de ha och hur vill de ses?

Mycket psykologi här, men det’är viktigt för dig att tänka på när du bygger ditt varumärke.

Hur du använder din dominerande färg på din webbplats

Nu när du har en dominerande färg vill du använda färg på rätt platser på din webbplats.

Färg lockar mycket uppmärksamhet så att du inte gör det’t vill infoga det överallt.

Här’är en allmän tumregel:

Använd bara din dominerande färg på ett begränsat antal platser där du vill att dina webbplatsbesökare ska uppmärksamma, eller om du vill att dina besökare ska vidta vissa åtgärder (som att ringa ett telefonnummer, fylla i ett kontaktformulär, registrera dig för ett nyhetsbrev etc.).

I princip ska din dominerande färg göra “pop-” – verkligen markera var du vill att dina besökare ska fokusera på.

var du ska använda dominerande färg på webbplatsenKälla: Wix.com

# 2 Välj dina accentfärger

Det är ganska tråkigt att ha bara en enda färg på hela webbplatsen.

För att göra din design mer intressant (och professionell) behöver du accentfärger för att belysa uppmärksamhetsvärda delar av din webbplats som citat, knappar eller undertexter.

Färgblandning och matchning skrämmer faktiskt många människor för det’det är inte alltid lätt eller intuitivt att berätta vilka färger som smälter bra utan en god förståelse för färgteori, och mycket test och fel.

Men vem har tid att få en doktorsexamen i färgteori? – Inte jag.

Tack och lov, det finns en genväg som alla kan använda !! den’är ett färgmatchningsverktyg som kan hjälpa dig att kombinera färger som en proffs!

Hur du använder ett färgmatchningsverktyg som hjälper dig att välja dina accentfärger

När du väl har din dominerande färg, det’Det är verkligen lätt att hitta dina accentfärger genom att använda färgmatchningsverktyg som Adobe Color CC-verktyg.

Adobe Color CC ser komplicerad ut, men det är faktiskt ett ganska enkelt verktyg att använda.

Vi’Vi har skapat en kort handledning för att visa hur du använder det för att bygga ditt färgschema på ett av två sätt:

(Klicka nedan för att öppna handledning)

Hur du använder dina accentfärger på din webbplats

Nu när du har dina komplementära accentfärger kan du använda dem för att markera sekundär information på dina webbsidor.

Det här är innehåll / objekt som inte är huvudsakliga kontaktpunkter på din sida, men du vill fortfarande att de ska sticker ut.

Till exempel kan de vara undertext, sekundära knappar, informationsrutor, bakgrundsfärg osv.

Försök begränsa till endast 1 eller 2 accentfärger. Om det finns för många accentfärger skapar de för många fokuspunkter som kan förvirra dina besökare.

var du kan använda accentfärg på din webbplatsKälla: Wix.com

# 3 Välj din webbplats bakgrundsfärg

Hur man väljer bakgrundsfärg på webbplatsenHar du någonsin målat ett hus tidigare?

Om du har det kommer du förmodligen att ha lite erfarenhet av att välja en väggfärg – och du vet att det kan vara en utmaning att välja rätt väggfärg.

Du vill att väggfärgen ska få rummet att känna sig bekväm. Färgen ska vara tillräckligt lugnande att du kan tillbringa timmar i rummet utan att färgen överväldigar dig.

Samtidigt gör du inte det’Jag vill att färgen ska vara så tråkig att rummet känns helt sterilt.

Att välja en bakgrundsfärg är faktiskt mycket som att välja en färg på väggen!

Du vill att dina webbplatsbesökare ska känna sig bekväma att surfa på din webbplats. Du gör inte’t vill irritera dina besökare eller göra det utmanande att absorbera ditt innehåll genom att använda alltför djärva eller ljusa bakgrundsfärger. Samtidigt gör du inte det’Jag vill att din webbplats ska vara så blasé att din publik’ögonen bara glaserade över alla viktiga saker du vill säga.

Hur man väljer rätt bakgrundsfärg?

Om du skulle välja väggfärger för en trendig butik och en sommarstuga, skulle du välja samma färger för dem?

Förmodligen inte för att varje utrymme tjänar ett annat syfte, så färgen du väljer borde vara annorlunda.

Till exempel i en detaljhandelsklädbutik kanske du vill använda djärva färger för att dra köpare till klädställen. Du vill att väggfärgen ska stå i kontrast till varuhyllorna så att köpare direkt kan veta var de ska titta när de kommer in i butiken.

Däremot vill du förmodligen känna dig mer avslappnad i en stuga. Du vill att din väggfärg och dekor ska ha en lugnande och avslappnande effekt. Du vill att allt ska smälta in så att du kan fokusera på den hisnande landskapsutsikten från det stora fönstret.

På ett mycket liknande sätt beror bakgrundsfärgen på din webbplats beroende på vad du vill att dina besökare ska fokusera på.

Enkelt uttryckt beror färgen du väljer som din bakgrundsfärg helt och hållet på webbplatsens syfte.

Typ 1 – Innehållsintensiva informationswebbplatser & e-handelswebbplatser

Har du någonsin lagt märke till att de flesta informationswebbplatser eller e-handelswebbplatser vanligtvis använder vit eller en neutral bakgrundsfärg?

e-handelswebbplatse-handelswebbplats (drinksoma.com)

e-handelswebbplatse-handelswebbplats (stikwood.com)

MatbloggMatblogg (pinchofyum.com)

FilmproduktionsföretagFilmproduktionsföretag (dingobill.com)

Detta beror på att syftet med dessa typer av webbplatser är att marknadsföra idéer eller produkter.

Fokus ligger på innehållet eller produkterna snarare än utformningen av webbplatsen. Bakgrundsfärgen är bara en bakgrund för att göra innehållet mer synligt och läsbart.

Det bästa färgschemat att använda för informationsintensiva webbplatser och e-handel är en vit eller ljus bakgrund, med fet dominerande & accentfärger. De djärva dominerande och accentfärgerna ger webbplatsens personlighet och kontaktpunkter, medan den vanliga bakgrundsfärgen behåller dina besökare’ fokusera på ditt innehåll eller dina produkter.

Typ # 2 – Företag / företagswebbplatser

Företags- och företagswebbplatser har vanligtvis två syften – Främja varumärket eller dess tjänster.

Beroende på vilket syfte din företagswebbplats vill fokusera på kommer din bakgrundsfärg att vara annorlunda.

Främja ett varumärke

När du vill bygga en stark varumärkesidentitet bör du använda olika nyanser av din dominerande eller märkesfärg som din bakgrundsfärg.

Detta beror på att färg är nära knuten till varumärkesigenkänning (kommer du ihåg vårt exempel på Coca Cola ovan?) När du använder en variant av din dominerande / märkesfärg som din bakgrund förstärker du ditt varumärke och gör det mer minnesvärt för din publik.

Om du har en mycket djärv märkesfärg kan det vara för överväldigande att använda den som din bakgrundsfärg. Om det var fallet kan du överväga att välja en mindre intensiv nyans av din märkesfärg istället. Använd Adobe Color CC-verktyg för att generera olika nyanser och ljusstyrka för din dominerande färg.

hur man väljer webbplats bakgrundsfärg företags webbplats brandingjustactions.org
hur man väljer webbplats bakgrundsfärg företagets brandingsbjdanebury.com

Främja en tjänst

Om du vill att värdet på din tjänst eller din portfölj av tidigare projekt ska vara kontaktpunkten, använd vit eller en neutral bakgrundsfärg.

Precis som innehållsintensiva och e-handelswebbplatser gör du inte’t vill att din bakgrundsfärg ska ta fokus från ditt innehåll eller meddelandet du vill kommunicera.

Genom att välja en neutral eller vit bakgrund kommer ditt innehåll naturligtvis att bli mer uppmärksamt.

hur man väljer webbplatsbakgrundsfärgstjänstzengenti.com
hur man väljer webbplatsbakgrundsfärgstjänstcharddevelopment.com

Typ # 3 – snygg & Kreativa webbplatser som är grafiska intensiva

För webbplatser som används inom mode, design, restaurang, skönhet och kreativa branscher är världen din ostron.

Det finns verkligen inga regler för vilken bakgrundsbild eller färger du ska använda. Du kan använda en svart menyfält för att skapa mer drama; Eller så kan du använda alla regnbågens färger för att skapa en inspirerande bakgrundsbild.

hur man väljer webbplats bakgrundsfärg restuaranttheeddynyc.com
hur man väljer webbplats bakgrundsfärgkreativcafefrida.ca
hur man väljer webbplats bakgrundsfärgdesignstudiolovelock.com
hur man väljer lyx för bakgrundsfärg på webbplatsengillemore.com

Ärligt talat, här kan du bryta alla regler och använda vilken färg du vill så länge du har denna 1 regel i åtanke – “Välj aldrig en bakgrund som gör din text eller innehåll svårläst.“

Din perfekta bakgrundsfärg är en som gör att ditt innehåll kan vara kontaktpunkten medan du arbetar harmoniskt med din dominerande & accentfärger och får din publik att må bra när du surfar på din webbplats.

Om du är osäker, använd vit eller mycket ljusgrå som bakgrundsfärg. Även om det kanske inte är den mest inspirerande färgen, vet du att ditt innehåll alltid kommer att lysa igenom.

Slutsats & Key Takeaways

Att välja rätt färgschema för din webbplats ska aldrig baseras på din favoritfärg eller på en magkänsla.

En bra webbdesign är en som alltid sätter sin publik först.

Välj färg och design som tilltalar din målgrupp, så att du kan göra en minnesvärd anslutning (medvetet) och stå från din tävling.

Att välja färgscheman bör inte vara slumpmässigt alls. Istället bör det vara en serie organiserad, objektiv, matchande övning:

(1) Matcha ditt märke med rätt dominerande färg; (2) matcha den dominerande färgen med accentfärger med hjälp av Adobe-verktyget; och slutligen (3) matchar bakgrundsfärgen med din dominerande & accentfärger.

Genom att följa våra tre matchande steg ovan kan du skapa en bra färgkombination för din webbplats – även om du inte gör det’Jag har en god känsla för design och färgkoordinering!

Don’Var inte rädd för att injicera lite färg på din webbplats och ha kul med processen! Kom bara ihåg att inte låta din färg överväldiga ditt innehåll!

Hittade den här guiden användbar?

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