Hoe u een Perfect Color-schema kiest voor uw WordPress-site

Hoe u een Perfect Color-schema kiest voor uw WordPress-site / Beginners gids

Heeft u het moeilijk om te beslissen over het kleurenschema van uw website? Het kiezen van de juiste kleurencombinatie verhoogt niet alleen de visuele aantrekkelijkheid van uw site, maar het kan ook een gunstig antwoord van uw bezoekers genereren op het gebied van verkoop en conversies. In dit artikel laten we u zien hoe u een perfect kleurenschema voor uw WordPress-site kiest door de psychologie van kleuren te begrijpen en een van de 4 geweldige bronnen te gebruiken.

Psychologie van kleuren

Het is een goed onderzochte theorie dat kleuren menselijke reacties kunnen beïnvloeden. Kleuren hebben een emotionele aantrekkingskracht op onze beslissingen en keuzes die we maken in ons dagelijks leven.

Grote bedrijven spenderen miljoenen dollars aan het bouwen van een goed vervaardigd merkimago en -identiteit voor hun producten. Ze huren experts in om precies de perfecte combinatie van kleuren voor hun merken en producten te kiezen.

De kleuren die u op uw site gebruikt, maken deel uit van uw merkimago. U moet kleuren kiezen die een gunstige emotionele reactie genereren voor uw merk en producten.

Dus hoe kom je erachter welke kleuren en wat voor soort antwoord je zoekt?

Gelukkig voor jou, hebben marketeers en psychologen al veel onderzoek gedaan. Bekijk deze infographic:

  • Rood: is de kleur van jeugd en vreugde. Het weerspiegelt durf en vertrouwen.
  • Groen: zorgt voor een kalmerende kalmerende werking, het roept een rustige, progressieve en kalme emotionele reactie op.
  • Blauw: het weerspiegelt vertrouwen, kracht, betrouwbaarheid.
  • Zwart: zwart genereert een geavanceerde, solide en veilige emotionele reactie.
  • Wit: duidelijkheid en eenvoud zijn de twee belangrijkste effecten van wit.
  • Geel: geel is de kleur van optimisme, warmte, vriendelijkheid.
  • Oranje: oranje zorgt voor een leuk, vriendelijk, zelfverzekerd en vrolijk effect.
  • Roze: sensualiteit, vrouwelijkheid, romantiek en liefde zijn de emoties die geassocieerd worden met roze.

Andere dingen om te overwegen

Vanzelfsprekend hebben kleuren context nodig om te werken zoals u wilt dat ze werken. Uw merk of product kan al bepaalde associaties hebben die al dan niet werken met de kleuren die u kiest.

Hier zijn een paar dingen die u moet overwegen voordat u een kleurenschema voor uw site ophaalt:

Ten eerste moet u rekening houden met het bestaande merkimago. Als u al een logo en ander marketingmateriaal heeft, wilt u mogelijk de bestaande kleuren gebruiken.

U moet ook overwegen welke kleuren er op het web goed uitzien. Dingen die er geweldig uitzien op afdrukken, kunnen er op het scherm heel anders uitzien. Denk aan andere media zoals sliders, video's, afbeeldingen, call-to-action-knoppen, enz. Die u aan uw site toevoegt. Bedenk welke kleuren u het meest zult gebruiken.

Video-instructies

Abonneer je op WPBeginner

Als je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.

Een kleurenschema maken

Hopelijk heb je inmiddels de juiste kleuren voor je website gevonden met de psychologie van kleuren in gedachten. We raden u aan ten minste twee kleuren te kiezen die uw merk duidelijk weergeven en de reactie die u van gebruikers wilt krijgen.

Zodra u deze kleuren hebt, zijn er verschillende online hulpmiddelen die u kunt gebruiken om een ​​onbeperkt aantal kleurenpaletten te genereren.

1. Adobe Color CC

Adobe Color CC, voorheen bekend als Kuler, is een geweldig hulpmiddel om kleurenpaletten te genereren. U kunt kleurregels selecteren en vervolgens aan het wiel draaien. U kunt elke kleur in het palet handmatig aanpassen en de rest van de kleuren wordt automatisch aangepast aan de kleurregel. U kunt ook kleurenpaletten genereren door foto's te uploaden.

2. Photocopa door COLORLovers

Colorlovers is een van de populairste bestemmingen voor kleureninspiratie en ideeën. Ze hebben een aantal geweldige hulpmiddelen om kleurenschema's te genereren. Een daarvan is PhotoCopa waarmee u een kleurenschema op basis van foto's kunt genereren. U kunt ook hun basishulpmiddel gebruiken dat kleurencombinaties genereert door eenvoudig een kleur te selecteren.

3. Materiaalpalet

Geïnspireerd door het Material Design-concept van Google, kunt u met Material Palette kleurenschema's genereren met behulp van de ontwerpregels. Het is ontworpen om kleurenschema's te inspireren om te worden gebruikt in mobiele apps, maar deze kleurenschema's kunnen ook eenvoudig voor websites worden gebruikt.

4. Coolors.co

Coolors is een prachtige kleurenschema-generator. Druk op de spatiebalk om kleurenschema's te genereren. U kunt een kleur in het schema handmatig wijzigen en vergrendelen. Je kunt ook kleurenschema's downloaden om later in je projecten te gebruiken.

We hopen dat dit artikel u heeft geholpen bij het kiezen van het perfecte kleurenschema voor uw WordPress-site. Misschien wil je kijken naar ons artikel over hoe je WordPress gemakkelijk kunt aanpassen met CSS Hero.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.

Infographic door The Logo Company