[Ad_1]

Der er få værre ting på internettet end en Websted intetsigende. Sikker på, nogle websteder vælger bevidst det brutalistiske eller minimalistiske look (ser på dig Craigslist), men selv disse er det ikke. fade. At have en solid farvepalet er en sikker måde at lave din på Websted beige masser, de uinspirerede monokromatiske eshops, der detryk mere end je suistrykke. Heldigvis har Divi dig dækket med en kombination af vores Magic Color-system og Global Colors-funktionen. Du kan nemt anvende farvepaletter på din Websted Divi. Resultaterne vil helt sikkert imponere dig besøgende.

Generelle råd om farvepaletter

Uanset hvor nemt det er at tilføje en farvepalet til dit Divi-websted, er det bydende nødvendigt, at du bruger den rigtige type palet til din branche og dit brand. Har du allerede mærkefarver, er disse det oplagte valg. Udover at gå dybere ind i farveteori (hvilket i øvrigt er meget interessant), har vi nogle tips, der kan hjælpe dig med at finde ud af, hvor du skal starte med din nye farvepalet.

1. Vælg en mørk eller lys hjemmeside

I farvepaletten, som du vil bruge, vil du uden tvivl have lyse og mørke farver. Kontrast er obligatorisk i et farveskema, så det skrevne indhold ikke forsvinder.

Nu, det bringer os straks til det første spørgsmål, du skal stille dig selv, når du vil anvende en farvepalet på din hjemmeside; vil du oprette et websted mørk eller lys farve? Bare fordi du vælger en, betyder det ikke, at du ikke kan kombinere dem, men at have et valg hjælper dig med at vælge dit farveskema nemmere.

2. Valg af farve

I teorien kan du selv bestemme, hvor mange farver du vil have i din farvepalet. Der er ingen standard måde at anvende eller bestemme farvepaletter på. For at skabe en flot farvebalance med Divi anbefaler vi dog at bruge fem farver.

For at hjælpe dig med at anvende farvepaletterne med fem farver på din hjemmeside, har vi valgt én slags metode, som vi altid vil anvende på det samme layout, når vi præsenterer de forskellige farvepaletter. Men inden vi dykker ned i det, så lad os tage et kig på de forskellige typer farver, du skal have i din farvepalet, hvis du vil følge vores metode.

Baggrundsfarver

farvepaletter

Sørg for, at de baggrundsfarver, du vælger, matcher hinanden. Du vil bruge disse baggrundsfarver tæt sammen og for at få flotte resultater; de skal have en vis harmoni.

Skrift farve

farvepaletændringer

Den næste ting, du skal vælge, er skriftfarven. Logisk set afhænger skrifttypefarven af ​​de baggrundsfarver, du vælger. Hvis du vælger lyse baggrundsfarver, skal du sørge for, at din skriftfarve er mørk og omvendt.

Hyperlink og CTA farve

farvepaletændringer

Den hyperlinkfarve, du vælger, er en af ​​de farver, der bringer dit websted til live. Sørg for, at denne farve skiller sig ud fra andre farver i din palet, da du vil bruge den til opfordringer til handling, som du inkluderer på din hjemmeside.

Farve til den sidste hånd

farvepaletændringer

Endelig kan du vælge en anden færdiglavet farve, der vil bringe farve til din hjemmeside. Selvom denne farve ikke er lige så vigtig som hyperlinkfarven, hjælper den dig med at fuldføre farvebalancen på dit websted.

3. Sørg for, at der er tilstrækkelig kontrast

Som tidligere nævnt er det vigtigt at give kontrast mellem nogle af farverne i din farvepalet. Hvis du bruger et farveskema til en hjemmeside, vil denne kontrast hovedsageligt hjælpe dig med at gøre det skrevne indhold, du deler, læsbart. For hvis dit indhold ikke er let at læse, hvad er så meningen i sidste ende?

4. Find den rigtige balance mellem farvebrug

Der er forskellige måder at bestemme, hvor ofte du vil bruge en bestemt farve i dit farveskema. Det er nødvendigt at skabe en god farvebalance, hvis du ikke ønsker, at de skal føle sig overvældet af de farver, du bruger på din hjemmeside.

Sørg for at bruge de mere neutrale farver i din farvepalet det meste af tiden, og brug de andre farver til at fremhæve det indhold, du leverer.

Sådan tilføjer du en farvepalet til dit Divi-websted

Med alt dette i tankerne er det tid til at grave i Divi og anvende dit websteds nye farvepalet!

Standard Divi-paletten

Gå først til dit WordPress-dashboard og naviger til Divi - Temaindstillinger. Under generelt fanen, vil du se en post med titlen Standardpalet til farvevælgere. Dette giver dig mulighed for at vælge de 8 farver, du hurtigt vil have adgang til, hver gang du åbner farveindstillingerne i Divi-builderen. Som standard er disse levende farver, som mange mennesker bruger, men de er ikke en komplet palet, der bør bruges på en enkelt hjemmeside.

standard farvepalet

Bemærk venligst, at dette ikke gælder farverne på selve dit websted. Det præsenterer dem kun som hurtige muligheder i konstruktøren.

Gå ind i Divi-byggeren

Uanset om du indstiller paletten i Divis indstillinger eller ej, vil du altid have mulighed for at anvende forskellige farver på elementer på dit websted. For at gøre dette skal du gå til Divi Builder og indtaste indstillingerne for ethvert modul, du vil justere i din nye palet.

farvevælger

Under den aktuelt valgte farve for ethvert element vil du se ellipseikon (tre prikker). Når du klikker på den, får du Divi's Magic Color-værktøj frem. Bygherren tager højde for dine nyligt brugte farver og farverne på selve siden for at give dig en række flere paletter, der består af komplementære farver, der burde fungere ret godt sammen.

Indstil farver som globale

Når du har besluttet, hvilke farver du vil bruge, er det tid til at indstille dem som globale. Globale farver kan indstilles til at ændre sig på tværs af en hel side, uanset modul eller element. Det betyder, at hvis du vil bytte 5 forskellige farver, behøver du ikke at gøre det mere end 100 gange, individuelt på forekomster af den farve. Du vil gøre dette 5 gange.

For at komme i gang skal du gå til ethvert modul med en farvevælger. Nedenfor vil du se et link kaldet Global. Klik på den, og den globale palet forsvinder. Herfra indstiller du de farver, du vil gøre tilgængelige globalt, ved at klikke på knappen mere + ikon.

global

Når den nye vælger vises, skal du klikke på knappen grønt kryds for at tilføje den aktuelle farve som en global mulighed.

globale farver

Det er lige meget, hvor den hvide cirkel er. Den hexadecimale værdi er det, der lægges til de globale farver. Du vil nu se standardfarven tilføjet ved siden af ​​plusikonet. Og du kan se, at farven er blevet anvendt på webstedet på grund af drop-ikonet på farven i stedet for den sædvanlige cirkel.

dråbe betyder overordnet farve

Derudover kan du højreklikke på en valgt farve og vælge "Konverter til global" for at tilføje den til listen.

Divi global konverter

Gentag denne proces for hver farve i paletten, du har valgt, så hele din palet til sidst vil blive gemt under Global-linket. Dette er meget vigtigt, da du anvender den nye palet på alle elementer på en side.

Anvend globale farver

Så vil du erstatte alle forekomster af samme farve på din side kan justeres globalt. Det, du vil gøre, er at gå til elementet med den farve, du vil ændre, og højreklikke på det. Så vælger du Find og udskift fra kontekstmenuen. Konverter ikke denne farve til global her. Dette er en del af næste trin.

finde og udskifte

Den næste skærm vil være, hvor du vælger at erstatte denne farve med din globale farve. Sørg for, at under Erstat med du klikker Global vælg derefter den overordnede farve, du vil sprede ud over siden. Sørg for at markere feltet, der siger "Erstat alle værdier, der findes i hver indstillingstype, men ikke begrænset til [indsæt aktuel elementtype]. Dette vil sikre, at uanset hvad, vil den farve blive udskiftet.

find og erstat med global

Nu kan du ændre den specifikke globale farve, og når du gør det, vil hver forekomst af den ændre sig. Bemærk venligst, at du ikke vælger en ny farve fra paletten. Dette vil kun skifte den aktuelle farve. Du Redigere farven for at ændre den overalt, fordi du har markeret hver forekomst af den enkelte farve som global.

vælge farver

Du kan redigere det samlet ved hjælp af farvevælgeren. Du skal blot klikke på dråben for at vælge en ny.

farveredigering

Derefter skal du bare gentage denne proces for hver farve i din nye palet. Kun én ændring for hver farve i din palet. Ikke en udveksling af hver enkelt vare af en bestemt farve.

pakke

Det har aldrig været nemmere at vælge og anvende en global farvepalet på dit Divi-websted. Du kan bruge vores Magic Color-funktion til at hjælpe dig med at vælge en palet, så kan du indstille dem som globale farver til dit websted. Når du er færdig, skal du blot vælge den farve, du bytter, og bruge Divis indbyggede find og erstat-funktion til at erstatte disse farver på siden. Med denne arbejdsgang er du sikker på at spare en masse tid, når du redesigner forskellige hjemmesider og ændrer nogle af vores gratis layoutpakker.

Nyd!

Artikel fremhævet billede af ART.ICON / shutterstock.com



[Ad_2]

Kilde link