[Ad_1]
Consigli generali sulle tavolozze dei colori
Non importa quanto sia facile aggiungere una tavolozza di colori al tuo sito Web Divi, è imperativo utilizzare il giusto tipo di tavolozza per il tuo settore e marchio. Se hai già colori di marca, questi sono la scelta più ovvia. Oltre ad approfondire la teoria dei colori (che è molto interessante, tra l'altro), abbiamo alcuni suggerimenti che possono aiutarti a capire da dove iniziare con la tua nuova tavolozza di colori.
1. Scegli un sito web di colore scuro o di colore chiaro
Nella combinazione di colori che utilizzerai, avrai senza dubbio colori chiari e scuri. Il contrasto è obbligatorio in una tavolozza di colori in modo che il contenuto scritto non vada perso.
Ora, questo ci porta immediatamente alla prima domanda che devi porti quando vuoi applicare una combinazione di colori al tuo sito web; Vuoi creare un sito Web di colore scuro o di colore chiaro? Solo perché ne scegli uno non significa che non puoi combinarli, ma avere una scelta ti aiuta a scegliere più facilmente la tua combinazione di colori.
2. Scelta del colore
In teoria, puoi determinare da solo quanti colori vuoi nella tua combinazione di colori. Non esiste un metodo standard per applicare o determinare le tavolozze dei colori. Tuttavia, per creare un buon bilanciamento del colore con Divi, ti consigliamo di utilizzare cinque colori.
Per aiutarti ad applicare le tavolozze dei colori con cinque colori al tuo sito web, abbiamo scelto un tipo di metodo che applicheremo costantemente allo stesso layout quando presenteremo le diverse tavolozze dei colori. Ma prima di approfondire, diamo un'occhiata ai diversi tipi di colori che devi avere nella tua tavolozza dei colori se hai intenzione di seguire il nostro metodo.
Colori di sfondo
Assicurati che i colori di sfondo che scegli corrispondano tra loro. Utilizzerai questi colori di sfondo molto vicini l'uno all'altro e per risultati meravigliosi; devono avere una certa armonia.
colore carattere
La prossima cosa che dovrai scegliere è il colore del carattere. Logicamente, il colore del carattere dipende dai colori di sfondo scelti. Se hai scelto colori di sfondo chiari, assicurati che il colore del carattere sia scuro e viceversa.
Collegamento ipertestuale e colore di invito all'azione
Il colore del collegamento ipertestuale che scegli è uno dei colori che dà vita al tuo sito web. Assicurati che questo colore si distingua dagli altri colori della tua tavolozza, poiché lo utilizzerai per qualsiasi invito all'azione che includi nel tuo sito web.
Colore per gli ultimi ritocchi
Infine, puoi scegliere un altro colore già pronto che porterà colore al tuo sito web. Sebbene questo colore non sia importante quanto il colore del collegamento ipertestuale, ti aiuterà a completare il bilanciamento del colore sul tuo sito web.
3. Assicurati che ci sia abbastanza contrasto
Come accennato in precedenza, è essenziale fornire un contrasto tra alcuni dei colori nella combinazione di colori. Se stai utilizzando una combinazione di colori per un sito web, questo contrasto ti aiuterà principalmente a rendere leggibili i contenuti scritti che condividi. Perché, se i tuoi contenuti non sono facili da leggere, qual è il punto?
4. Trova il giusto equilibrio nell'uso del colore
Esistono diversi modi per determinare la frequenza con cui si desidera utilizzare un particolare colore nella combinazione di colori. Creare un buon bilanciamento del colore è necessario se non vuoi che si sentano sopraffatti dai colori che usi sul tuo sito web.
Assicurati di utilizzare i colori più neutri nella tua combinazione di colori per la maggior parte del tempo e usa gli altri colori per accentuare il contenuto che fornisci.
Come aggiungere una tavolozza di colori al tuo sito web Divi
Con tutto ciò in mente, è il momento di scavare in Divi e applicare la nuova combinazione di colori del tuo sito!
La tavolozza Divi predefinita
Per prima cosa, vai alla dashboard di WordPress e vai a Divi - Opzioni del tema. Sotto il generale scheda, vedrai una voce intitolata Tavolozza di selezione dei colori predefinita. Ciò ti consente di selezionare gli 8 colori a cui desideri accedere rapidamente ogni volta che apri le opzioni di colore nel Divi builder. Per impostazione predefinita, questi sono colori vivaci che molte persone usano, ma non sono una tavolozza completa che dovrebbe essere utilizzata su un singolo sito web.
Tieni presente che questo non applica i colori al tuo sito stesso. Li presenta solo come opzioni rapide nel costruttore.
Entra nel costruttore Divi
Che tu definisca o meno la tavolozza nelle impostazioni Divi, avrai sempre la possibilità di applicare colori diversi agli elementi del tuo sito. Per fare ciò, vai su Divi Builder e inserisci i parametri di qualsiasi modulo che desideri regolare nella tua nuova tavolozza.
Sotto il colore attualmente scelto per qualsiasi elemento, vedrai il icona dei puntini di sospensione (tre punti). Quando fai clic su di esso, visualizzi lo strumento Magic Color da Divi. Il builder tiene conto dei colori usati di recente e dei colori sulla pagina stessa per darti una serie di più tavolozze composte da colori complementari che dovrebbero funzionare abbastanza bene insieme.
Definisci i colori come globali
Una volta che hai deciso quali colori vuoi usare, è il momento di impostarli come globali. I colori globali possono essere configurati per cambiare su un'intera pagina, indipendentemente dal modulo o dall'elemento. Ciò significa che se vuoi scambiare 5 colori diversi, non dovrai farlo più di 100 volte, individualmente su istanze di quel colore. Lo farai 5 volte.
Per iniziare, vai a qualsiasi modulo con un selettore di colori. Sotto vedrai un link chiamato globali. Fare clic su di esso e la tavolozza globale scompare. Da lì definirai i colori che vuoi rendere disponibili globalmente facendo clic sul pulsante più + icona.
Quando viene visualizzato il nuovo selettore, fai clic sul pulsante segno di spunta verde per aggiungere il colore corrente come opzione globale.
Non importa dove si trova il cerchio bianco. Il valore esadecimale è ciò che viene aggiunto ai colori globali. Ora vedrai il colore predefinito aggiunto accanto all'icona più. E puoi vedere che il colore è stato applicato al sito a causa dell'icona a goccia sul colore invece del solito cerchio.
Inoltre, puoi fare clic con il pulsante destro del mouse su un colore scelto e selezionare "Converti in globale" per aggiungerlo all'elenco.
Ripeti questo processo per ogni colore nella tavolozza che hai scelto in modo che l'intera tavolozza venga infine salvata sotto il collegamento Globale. Questo è molto importante quando applichi la nuova tavolozza a tutti gli elementi di una pagina.
Applica colori globali
Quindi vuoi sostituire tutte le istanze dello stesso colore sulla tua pagina possono essere regolate a livello globale. Quello che vuoi fare è andare all'elemento con il colore che vuoi cambiare e fare clic destro su di esso. Sceglierai quindi Trova e sostituisci dal menu contestuale. Non convertire questo colore in globale qui. Questo fa parte del passaggio successivo.
La schermata successiva sarà quella in cui scegli di sostituire questo colore con il tuo colore generale. Assicurati che sotto Sostituirlo con fai clic globali quindi scegli il colore generale che desideri estendere sulla pagina. Assicurati di selezionare la casella "Sostituisci tutti i valori trovati in ogni tipo di opzione, non limitato a [inserisci il tipo di elemento corrente]". Ciò garantirà che, qualunque cosa accada, quel colore verrà sostituito.
Ora puoi cambiare quel particolare colore generale e quando lo fai, ogni istanza cambierà. Fai attenzione, non scegli un nuovo colore nella tavolozza. Questo cambierà solo il colore corrente. Voi Modifica il colore per cambiarlo ovunque perché hai contrassegnato ogni istanza di quel singolo colore come globale.
Puoi modificarlo collettivamente utilizzando il selettore di colori. Basta fare clic sul droplet per sceglierne uno nuovo.
Dopodiché, ripeti questo processo per ogni colore nella tua nuova tavolozza. Un solo cambio per ogni colore nella tua tavolozza. Non uno scambio di ogni particolare articolo di un certo colore.
pacco
Scegliere e applicare una tavolozza di colori globale al tuo sito Divi non è mai stato così facile. Puoi utilizzare la nostra funzione Magic Color per aiutarti a scegliere una tavolozza, quindi puoi impostarli come colori generali per il tuo sito. Una volta fatto, tutto ciò che devi fare è scegliere il colore che stai scambiando e utilizzare la funzione di ricerca e sostituzione integrata di Divi per sostituire quei colori sulla pagina. Con questo flusso di lavoro, sei sicuro di risparmiare molto tempo riprogettando vari siti Web e modificando alcuni dei nostri pacchetti di layout gratuiti.
Prendi piacere!
Immagine in evidenza dell'articolo di ART.ICON / shutterstock.com
[Ad_2]