[Ad_1]

Există puține lucruri mai rele pe internet decât a site-ul web bland. Sigur, unele site-uri optează în mod intenționat pentru aspectul brutalist sau minimalist (uitându-se la tine Craigslist), dar chiar și acestea nu sunt. decolora. A avea o paletă de culori solide este o modalitate sigură de a vă face site-ul web masele bej, acele eshopuri monocromatice neinspirate care deapasă peste eu suntpresa. Din fericire, Divi v-a acoperit cu o combinație a sistemului nostru Magic Color și a funcției Global Colors. Puteți aplica cu ușurință palete de culori site-ul web Divi. Rezultatele vă vor impresiona cu siguranță vizitatori.

Sfaturi generale privind paletele de culori

Indiferent cât de ușor este să adăugați o paletă de culori pe site-ul dvs. Divi, este imperativ să utilizați tipul corect de paletă pentru industria și marca dvs. Dacă aveți deja culori de marcă, acestea sunt alegerea evidentă. În plus față de aprofundarea teoriei culorilor (ceea ce este foarte interesant, apropo), avem câteva sfaturi care vă pot ajuta să aflați de unde să începeți cu noua dvs. paletă de culori.

1. Alegeți un site web de culoare închisă sau deschisă la culoare

În schema de culori pe care o veți folosi, veți avea, fără îndoială, culori deschise și întunecate. Contrastul este obligatoriu într-o paletă de culori, astfel încât conținutul scris să nu se piardă.

Acum, asta ne aduce imediat la prima întrebare pe care trebuie să ți-o pui când vrei să aplici o paletă de culori pe site-ul tău; vrei sa creați un site web de culoare închisă sau de culoare deschisă? Doar pentru că alegi una nu înseamnă că nu le poți combina, dar a avea de ales te ajută să alegi mai ușor schema de culori.

2. Alegerea culorii

În teorie, puteți stabili singur câte culori doriți în schema de culori. Nu există o metodă standard pentru aplicarea sau determinarea paletelor de culori. Cu toate acestea, pentru a crea un echilibru frumos al culorilor cu Divi, vă recomandăm să utilizați cinci culori.

Pentru a vă ajuta să aplicați paletele de culori cu cinci culori pe site-ul dvs. web, am ales un tip de metodă pe care o vom aplica în mod constant la același aspect atunci când prezentăm diferitele palete de culori. Dar, înainte de a ne arunca cu capul în asta, să aruncăm o privire asupra diferitelor tipuri de culori pe care trebuie să le aveți în paleta de culori, dacă doriți să mergeți cu metoda noastră.

Culori de fundal

palete de culori

Asigurați-vă că culorile de fundal pe care le alegeți se potrivesc. Veți folosi aceste culori de fundal în imediata apropiere una de cealaltă și pentru rezultate frumoase; trebuie să aibă o anumită armonie.

Culoarea fontului

paleta de culori se schimbă

Următorul lucru pe care va trebui să îl alegeți este culoarea fontului. În mod logic, culoarea fontului depinde de culorile de fundal pe care le alegeți. Dacă ați ales culori de fundal deschise, asigurați-vă că culoarea fontului este întunecată și invers.

Hiperlink și culoare CTA

paleta de culori se schimbă

Culoarea hyperlink-ului pe care o alegeți este una dintre culorile care dau viață site-ului dvs. web. Asigurați-vă că această culoare se distinge de alte culori din paleta dvs., deoarece o veți folosi pentru orice îndemnuri pe care le includeți pe site-ul dvs. web.

Culoare pentru atingeri finale

paleta de culori se schimbă

În cele din urmă, puteți alege o altă culoare gata făcută, care va aduce culoare site-ului dvs. Deși această culoare nu este la fel de importantă ca culoarea hyperlinkului, ea vă va ajuta să completați echilibrul de culoare pe site-ul dvs.

3. Asigurați-vă că există suficient contrast

Așa cum am menționat anterior, este esențial să oferiți contrast între unele culori din schema dvs. de culori. Dacă utilizați o schemă de culori pentru un site web, acest contrast vă va ajuta în primul rând să faceți ca conținutul scris pe care îl partajați să fie lizibil. Pentru că, dacă conținutul dvs. nu este ușor de citit, ce rost are?

4. Găsiți echilibrul corect al utilizării culorilor

Există diferite moduri de a determina cât de des doriți să utilizați o anumită culoare în schema de culori. Crearea unui echilibru bun al culorilor este necesară dacă nu doriți să se simtă copleșiți de culorile pe care le utilizați pe site-ul dvs. web.

Asigurați-vă că utilizați cele mai neutre culori în schema de culori de cele mai multe ori și utilizați celelalte culori pentru a accentua conținutul pe care îl furnizați.

Cum să adăugați o paletă de culori pe site-ul dvs. Divi

Având în vedere toate acestea, este timpul să vă scufundați în Divi și să aplicați noua schemă de culori a site-ului dvs.!

Paleta Divi implicită

Mai întâi, accesați tabloul de bord WordPress și navigați la Divi - Opțiuni tematice. Sub general filă, veți vedea o intrare intitulată Paletă de selecție de culori implicită. Acest lucru vă permite să selectați cele 8 culori pe care doriți să le accesați rapid de fiecare dată când deschideți opțiunile de culoare din constructorul Divi. În mod implicit, acestea sunt culori strălucitoare pe care le folosesc mulți oameni, dar nu sunt o paletă completă care ar trebui folosită pe un singur site web.

paleta de culori implicită

Vă rugăm să rețineți că acest lucru nu aplică culorile site-ului dvs. în sine. Le prezintă doar ca opțiuni rapide în constructor.

Introduceți constructorul Divi

Indiferent dacă definiți sau nu paleta în setările Divi, veți avea întotdeauna posibilitatea de a aplica culori diferite elementelor site-ului dvs. Pentru aceasta, accesați Divi Builder și introduceți parametrii oricărui modul pe care doriți să-l reglați în noua dvs. paletă.

selector de culoare

Sub culoarea aleasă în prezent pentru orice element, veți vedea pictogramă elipsă (trei puncte). Când faceți clic pe acesta, afișați instrumentul Magic Color de la Divi. Constructorul ia în considerare culorile utilizate recent și culorile de pe pagina în sine pentru a vă oferi o serie de palete multiple formate din culori complementare care ar trebui să funcționeze împreună destul de bine.

Definiți culorile ca globale

După ce ați decis ce culori doriți să utilizați, este timpul să le configurați ca globale. Culorile globale pot fi configurate pentru a se modifica pe o pagină întreagă, indiferent de modul sau element. Aceasta înseamnă că, dacă doriți să schimbați 5 culori diferite, nu va trebui să o faceți de mai mult de 100 de ori, individual, în cazuri de acea culoare. Vei face acest lucru de 5 ori.

Pentru a începe, accesați orice modul cu un selector de culori. Mai jos veți vedea un link numit Caritate. Faceți clic pe ea și paleta globală dispare. De acolo veți defini culorile pe care doriți să le faceți disponibile la nivel global, făcând clic pe buton mai mult + pictogramă.

global

Când apare noul selector, faceți clic pe buton căpușă verde pentru a adăuga culoarea curentă ca opțiune globală.

culori globale

Nu contează unde este cercul alb. Valoarea hexazecimală este ceea ce se adaugă culorilor globale. Acum veți vedea culoarea implicită adăugată lângă pictograma plus. Și puteți vedea că culoarea a fost aplicată site-ului datorită pictogramei drop pe culoare în locul cercului obișnuit.

picătură înseamnă culoare generală

În plus, puteți face clic dreapta pe o culoare aleasă și puteți selecta „Convert to Global” pentru ao adăuga la listă.

Global Divi convert

Repetați acest proces pentru fiecare culoare din paleta aleasă, astfel încât întreaga paletă să fie salvată în cele din urmă sub linkul Global. Acest lucru este foarte important deoarece aplicați noua paletă tuturor elementelor de pe o pagină.

Aplicați culori globale

Apoi, doriți să înlocuiți toate instanțele de aceeași culoare pe pagina dvs. pot fi ajustate la nivel global. Ceea ce doriți să faceți este să mergeți la elementul cu culoarea pe care doriți să o modificați și să faceți clic dreapta pe el. Apoi veți alege Găsiți și înlocuiți din meniul contextual. Nu convertiți această culoare în globală aici. Aceasta face parte din pasul următor.

găsiți și înlocuiți

Următorul ecran va fi locul în care alegeți să înlocuiți această culoare cu culoarea dvs. generală. Asigurați-vă că sub Înlocui cu dai clic Caritate apoi alegeți culoarea generală pe care doriți să o extindeți pe pagină. Asigurați-vă că bifați caseta care spune „Înlocuiți toate valorile găsite în fiecare tip de opțiune, fără a se limita la [introduceți tipul de element curent].” Acest lucru va asigura că, indiferent de ce, acea culoare va fi înlocuită.

găsiți și înlocuiți cu global

Acum puteți schimba acea culoare generală specială și, atunci când o faceți, fiecare instanță a acesteia se va schimba. Fii atent, nu alegi o culoare nouă din paletă. Aceasta va schimba doar culoarea curentă. Tu Editați | × culoarea pentru a o schimba peste tot, deoarece ați marcat fiecare instanță a acelei culori ca globală.

alege culorile

Îl puteți edita colectiv folosind selectorul de culori. Doar faceți clic pe picătură pentru a alege una nouă.

editarea culorilor

După aceea, repetați acest proces pentru fiecare culoare din noua dvs. paletă. O singură schimbare pentru fiecare culoare din paleta dvs. Nu un schimb al fiecărui articol anume dintr-o anumită culoare.

ambalaj

Alegerea și aplicarea unei palete de culori globale pe site-ul dvs. Divi nu a fost niciodată mai ușoară. Puteți utiliza caracteristica noastră Magic Color pentru a vă ajuta să alegeți o paletă și apoi le puteți seta ca culori generale pentru site-ul dvs. După ce ați terminat, nu trebuie decât să alegeți culoarea pe care o schimbați și să utilizați funcția de căutare și înlocuire încorporată a Divi pentru a înlocui acele culori de pe pagină. Cu acest flux de lucru, sunteți sigur că veți economisi mult timp reproiectând diverse site-uri web și modificând unele dintre pachetele noastre de layout gratuite.

Bucură-te!

Imagine prezentată a articolului de la ART.ICON / shutterstock.com



[Ad_2]

Linkul sursă