Hur man väljer ett perfekt färgschema för din WordPress-webbplats

Hur man väljer ett perfekt färgschema för din WordPress-webbplats / Nybörjarhandbok

Har du svårt att bestämma om din webbplatss färgschema? Att välja rätt färgkombination ökar inte bara din webbplats visuella överklagande, men det kan också generera ett positivt svar från dina besökare när det gäller försäljning och omvandlingar. I den här artikeln visar vi hur du väljer ett perfekt färgschema för din WordPress-webbplats genom att förstå färgets psykologi och använda en av 4 fantastiska resurser.

Färgpsykologi

Det är en välforskad teori att färger kan påverka mänskliga svar. Färger har ett känslomässigt drag på våra beslut och val vi gör i vårt vardag.

Stora företag spenderar miljontals dollar och bygger en väl utformad varumärkesbild och identitet för sina produkter. De anlitar experter för att bara välja den perfekta kombinationen av färger för sina varumärken och produkter.

Färgerna du använder på din webbplats ingår i din varumärkesbild. Du måste välja färger som ger ett gynnsamt känslomässigt svar för ditt varumärke och produkter.

Så hur räknar du ut vilka färger och vilken typ av svar du letar efter?

Lycklig för dig, marknadsförare och psykologer har redan gjort mycket forskning. Ta en titt på denna infografiska:

  • Röd: är färgen på ungdom och glädje. Det speglar djärvhet och självförtroende.
  • Grön: Skapar en lugnande lugnande effekt, det framkallar ett fredligt, progressivt och lugnt känslomässigt svar.
  • Blå: Det speglar förtroende, styrka, tillförlitlighet.
  • Svart: Svart genererar ett sofistikerat, solidt, säkert känslomässigt svar.
  • Vit: Klarhet och enkelhet är de två stora effekterna av Vit.
  • Gul: Gul är färgen på optimism, värme, vänlighet.
  • Orange: Orange skapar en rolig, vänlig, självförtroende och glad effekt.
  • Rosa: Sensualitet, femininitet, romantik och kärlek är känslorna i samband med Pink.

Andra saker att tänka på

Detta säger självklart att färger behöver kontext för att fungera som du vill att de ska arbeta. Ditt varumärke eller produkt kan redan ha vissa föreningar som kanske inte fungerar med de färger du väljer.

Här är några saker du bör tänka på innan du tar upp ett färgschema för din webbplats:

Först måste du överväga den befintliga varumärkesbilden. Om du redan har en logotyp och andra marknadsföringsmaterial, kanske du vill använda de befintliga färgerna.

Du måste också överväga vilka färger som kommer att se bra ut på webben. Saker som ser bra ut på utskriften kan se ganska annorlunda ut på skärmen. Tänk på andra media som reglage, videor, bilder, anropsknappar, etc. som du lägger till på din webbplats. Tänk på vilka färger du ska använda mest.

Video Tutorial

Prenumerera på WPBeginner

Om du inte gillar videon eller behöver mer instruktioner, fortsätt läsa.

Skapa ett färgschema

Förhoppningsvis har du nu avgjort de lämpliga färgerna för din webbplats med färgets psykologi i åtanke. Vi rekommenderar att du väljer minst två färger som artikt representerar ditt varumärke och det svar du vill få från användare.

När du har dessa färger finns det flera onlineverktyg som du kan använda för att skapa ett obegränsat antal färgpaletter.

1. Adobe Color CC

Tidigare känd som Kuler är Adobe Color CC ett utmärkt verktyg för att skapa färgpaletter. Du kan välja färgregler och rotera sedan hjulet. Du kan manuellt justera varje färg i paletten och resten av färgerna justeras automatiskt för att matcha färgregeln. Du kan också skapa färgpaletter genom att ladda upp foton.

2. Kopiera av COLORLovers

Colorlovers är en av de mest populära destinationerna för färginspiration och idéer. De har några bra verktyg för att skapa färgscheman. En av dem är PhotoCopa som låter dig skapa ett färgschema från foton. Du kan också använda deras grundläggande verktyg som genererar färger kombinationer genom att bara välja en färg.

3. Materialpalett

Inspirerat av Googles Material Design-koncept, kan du med Material Palette skapa färgscheman med hjälp av designreglerna. Det är utformat för att inspirera färgscheman som ska användas i mobilappar, men dessa färgscheman kan enkelt användas för webbplatser också.

4. Coolors.co

Coolors är en underbar färgschema generator. Klicka helt enkelt på mellanslagstangenten för att skapa färgscheman. Du kan ändra en färg i ordningen manuellt och låsa den ner. Du kan också ladda ner färgscheman som ska användas i dina projekt senare.

Vi hoppas att den här artikeln hjälper dig att välja det perfekta färgschemat för din WordPress-webbplats. Du kanske vill titta på vår artikel om hur du enkelt kan anpassa WordPress med CSS Hero.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.

Infografiskt av Logo Company