[Ad_1]

Er zijn weinig ergere dingen op internet dan een Site web flauw. Natuurlijk kiezen sommige websites opzettelijk voor de brutalistische of minimalistische look (kijkend naar Craigslist), maar zelfs deze zijn dat niet. vervagen. Het hebben van een effen kleurenpalet is een trefzekere manier om je Site web beige massa's, die ongeïnspireerde monochromatische eshops die dedruk op hij suisdruk op. Gelukkig heeft Divi je gedekt met een combinatie van ons Magic Color-systeem en de Global Colors-functie. U kunt eenvoudig kleurenpaletten op uw Site web Div. De resultaten zullen zeker indruk op u maken bezoekers.

Algemeen advies over kleurenpaletten

Hoe gemakkelijk het ook is om een ​​kleurenpalet aan uw Divi-website toe te voegen, het is absoluut noodzakelijk dat u het juiste type palet gebruikt voor uw branche en merk. Als je al merkkleuren hebt, liggen deze voor de hand. Naast het dieper ingaan op de kleurentheorie (wat overigens erg interessant is), hebben we een paar tips die je kunnen helpen bepalen waar je moet beginnen met je nieuwe kleurenpalet.

1. Kies een donkergekleurde of lichtgekleurde website

In het kleurenschema dat je gaat gebruiken, heb je ongetwijfeld lichte en donkere kleuren. Contrast is verplicht in een kleurenpalet zodat geschreven inhoud niet verloren gaat.

Dat brengt ons meteen bij de eerste vraag die je jezelf moet stellen als je een kleurenpalet op je website wilt toepassen; Wil je maak een website donker gekleurd of licht gekleurd? Alleen omdat je er een kiest, wil nog niet zeggen dat je ze niet kunt combineren, maar als je een keuze hebt, kun je gemakkelijker je kleurenschema kiezen.

2. Kleurkeuze:

In theorie kun je zelf bepalen hoeveel kleuren je in je kleurenschema wilt hebben. Er is geen standaard methode voor het toepassen of bepalen van kleurenpaletten. Om echter een mooie kleurbalans te creëren met Divi raden we aan om vijf kleuren te gebruiken.

Om u te helpen de kleurenpaletten met vijf kleuren op uw website toe te passen, hebben we een type methode gekozen dat we consequent zullen toepassen op dezelfde lay-out bij het presenteren van de verschillende kleurenpaletten. Maar voordat we daar dieper op ingaan, laten we eens kijken naar de verschillende soorten kleuren die je in je kleurenpalet moet hebben als je onze methode wilt doorlopen.

Achtergrondkleuren

kleurenpaletten

Zorg ervoor dat de achtergrondkleuren die je kiest bij elkaar passen. Deze achtergrondkleuren gebruik je dicht bij elkaar en voor mooie resultaten; ze moeten een bepaalde harmonie hebben.

Letterkleur

kleurenpalet verandert

Het volgende dat u moet kiezen, is de letterkleur. Logischerwijs hangt de letterkleur af van de achtergrondkleuren die je kiest. Als je lichte achtergrondkleuren hebt gekozen, zorg er dan voor dat je letterkleur donker is en vice versa.

Hyperlink en CTA-kleur

kleurenpalet verandert

De hyperlinkkleur die u kiest, is een van de kleuren die uw website tot leven brengt. Zorg ervoor dat deze kleur opvalt tussen andere kleuren in je palet, aangezien je hem gaat gebruiken voor alle calls-to-action die je op je website opneemt.

Kleur voor de laatste hand

kleurenpalet verandert

Ten slotte kunt u een andere kant-en-klare kleur kiezen die kleur op uw website brengt. Hoewel deze kleur niet zo belangrijk is als de kleur van de hyperlink, helpt het u om de kleurbalans op uw website te voltooien.

3. Zorg voor voldoende contrast

Zoals eerder vermeld, is het essentieel om contrast te bieden tussen sommige kleuren in uw kleurenschema. Als u een kleurenschema voor een website gebruikt, helpt dit contrast u in de eerste plaats om de geschreven inhoud die u deelt leesbaar te maken. Want wat heeft het voor zin als uw inhoud niet gemakkelijk te lezen is?

4. Vind de juiste balans in kleurgebruik

Er zijn verschillende manieren om te bepalen hoe vaak je een bepaalde kleur in je kleurenschema wilt gebruiken. Het creëren van een goede kleurbalans is noodzakelijk als je niet wilt dat ze zich overweldigd voelen door de kleuren die je op je website gebruikt.

Zorg ervoor dat u meestal de meest neutrale kleuren in uw kleurenschema gebruikt en gebruik de andere kleuren om de inhoud die u aanlevert te accentueren.

Een kleurenpalet toevoegen aan uw Divi-website

Met dat alles in gedachten is het tijd om in Divi te duiken en het nieuwe kleurenschema van uw site toe te passen!

Het standaard Divi-palet

Ga eerst naar uw WordPress-dashboard en navigeer naar Divi - Thema-opties. Onder de General tabblad, ziet u een item met de titel Standaard kleurenkiezerpalet. Hierdoor kun je elke keer dat je de kleuropties in de Divi-builder opent, snel de 8 kleuren selecteren die je wilt openen. Standaard zijn dit felle kleuren die veel mensen gebruiken, maar het is geen compleet palet dat op een enkele website zou moeten worden gebruikt.

standaard kleurenpalet

Houd er rekening mee dat dit de kleuren niet op uw site zelf toepast. Het presenteert ze alleen als snelle opties in de constructor.

Voer de Divi-constructor in

Of je het palet nu definieert of niet in de Divi-instellingen, je hebt altijd de mogelijkheid om verschillende kleuren toe te passen op de elementen van je site. Ga hiervoor naar de Divi Builder en voer de parameters in van elke module die u wilt aanpassen in uw nieuwe palet.

kleur kiezer

Onder de momenteel gekozen kleur voor elk element, ziet u de ellipspictogram (drie stippen). Wanneer u erop klikt, roept u de Magic Color-tool van Divi op. De bouwer houdt rekening met uw recent gebruikte kleuren en de kleuren op de pagina zelf om u een reeks van meerdere paletten te geven die bestaan ​​uit complementaire kleuren die redelijk goed zouden moeten samenwerken.

Definieer kleuren als globaal

Als je eenmaal hebt besloten welke kleuren je wilt gebruiken, is het tijd om ze als globaal in te stellen. Globale kleuren kunnen worden geconfigureerd om op een hele pagina te veranderen, ongeacht de module of het element. Dit betekent dat als u 5 verschillende kleuren wilt verwisselen, u dit niet meer dan 100 keer hoeft te doen, afzonderlijk op instanties van die kleur. Dit doe je 5 keer.

Ga om te beginnen naar een willekeurige module met een kleurenkiezer. Hieronder ziet u een link genaamd Globaal. Klik erop en het globale palet verdwijnt. Van daaruit definieert u de kleuren die u globaal beschikbaar wilt maken door op de knop te klikken meer + icoon.

globaal

Wanneer de nieuwe selector verschijnt, klikt u op de knop groen vinkje om de huidige kleur toe te voegen als een algemene optie.

globale kleuren

Het maakt niet uit waar de witte cirkel is. De hexadecimale waarde is wat wordt toegevoegd aan de globale kleuren. U ziet nu de standaardkleur toegevoegd naast het pluspictogram. En je kunt zien dat de kleur op de site is toegepast vanwege het drop-pictogram op de kleur in plaats van de gebruikelijke cirkel.

druppel betekent algehele kleur

Bovendien kunt u met de rechtermuisknop op een gekozen kleur klikken en "Convert to Global" selecteren om deze aan de lijst toe te voegen.

Wereldwijde Divi converteren

Herhaal dit proces voor elke kleur in het palet dat je hebt gekozen, zodat je hele palet uiteindelijk wordt opgeslagen onder de link Globaal. Dit is erg belangrijk omdat u het nieuwe palet op alle elementen op een pagina toepast.

Globale kleuren toepassen

Dan wilt u alle exemplaren van dezelfde kleur op uw pagina vervangen, dit kan globaal worden aangepast. Wat u wilt doen, is naar het element gaan met de kleur die u wilt wijzigen en er met de rechtermuisknop op klikken. U kiest dan Zoek en vervang vanuit het contextmenu. Converteer deze kleur hier niet naar globaal. Dit is onderdeel van de volgende stap.

zoek en vervang

In het volgende scherm kiest u ervoor om deze kleur te vervangen door uw algemene kleur. Zorg ervoor dat onder Vervangen door jij klikt Globaal kies vervolgens de algemene kleur die u op de pagina wilt uitbreiden. Zorg ervoor dat u het vakje aanvinkt met de tekst "Vervang alle waarden gevonden in elk type optie, niet beperkt tot [insert current element type]." Dit zorgt ervoor dat die kleur, wat er ook gebeurt, wordt vervangen.

zoeken en vervangen door globaal

Nu kunt u die specifieke algemene kleur wijzigen en wanneer u dat doet, zal elk exemplaar ervan veranderen. Let op, je kiest geen nieuwe kleur in het palet. Hierdoor wordt alleen de huidige kleur gewijzigd. Jij uitgeven de kleur om deze overal te wijzigen, omdat u elke instantie van die enkele kleur als globaal hebt gemarkeerd.

kleuren kiezen

U kunt het collectief bewerken met de kleurenkiezer. Klik gewoon op de druppel om een ​​nieuwe te kiezen.

kleurbewerking

Herhaal dit proces daarna voor elke kleur in je nieuwe palet. Slechts één wijziging voor elke kleur in uw palet. Niet een uitwisseling van elk specifiek item van een bepaalde kleur.

pak

Het kiezen en toepassen van een globaal kleurenpalet op uw Divi-site was nog nooit zo eenvoudig. U kunt onze functie Magische kleuren gebruiken om u te helpen bij het kiezen van een palet en deze vervolgens instellen als de algemene kleuren voor uw site. Als u klaar bent, hoeft u alleen nog maar de kleur te kiezen die u uitwisselt en Divi's ingebouwde zoek- en vervangfunctie te gebruiken om die kleuren op de pagina te vervangen. Met deze workflow bespaart u zeker veel tijd bij het opnieuw ontwerpen van verschillende websites en het aanpassen van enkele van onze gratis lay-outpakketten.

Veel plezier!

Uitgelichte afbeelding van het artikel door ART.ICON / shutterstock.com



[Ad_2]

bron link