Uno schema di colori è un insieme di colori salvato. Ogni sezione del negozio usa uno schema, quindi cambi i colori in un solo posto e ogni sezione che usa quello schema si aggiorna.
Dove trovare i tuoi schemi
Apri il builder, fai clic sull'icona dell'ingranaggio e apri la scheda Colori. Sotto Schemi vedi una scheda per ogni schema, chiamate Schema 1, Schema 2 e così via. Ogni scheda mostra una piccola anteprima dei suoi colori.
- Modifica: fai clic su una scheda. Si apre un pannello con un'anteprima dal vivo in alto e tutti i colori sotto.
- Aggiungi: fai clic sulla scheda con il più alla fine. Il nuovo schema parte come copia del tuo ultimo schema.
- Duplica o Elimina: fai clic con il tasto destro su una scheda, oppure usa il pulsante del menu in alto nel pannello dello schema.
- Riordina: trascina una scheda dalla sua maniglia.
Puoi avere fino a 9 schemi. Quando arrivi a 9, la scheda con il più mostra (9/9) e Duplica mostra Limite raggiunto. Hai sempre almeno uno schema, quindi l'ultimo non si può eliminare.
I colori di uno schema
Generale
- Sfondo: lo sfondo della sezione.
- Sfondo interno: riquadri e schede dentro la sezione.
- Titolo: i titoli.
- Testo: paragrafi e testo normale.
- Testo importante: testo che deve risaltare, come prezzi e numeri del conto alla rovescia.
- Sfondo del badge: il riempimento dei badge di risparmio, dei nastri dei pacchetti e delle pillole di risparmio dei pacchetti.
- Link e Link al passaggio: i link, e i link sotto il mouse.
- Bordo: linee e divisori.
- Contorno: anelli di focus e contorni, per esempio quando un cliente si muove nella pagina con la tastiera.
- Ombra: il colore delle ombre.
Pulsante primario e pulsante secondario
Ognuno ha Sfondo, Testo e Bordo, più Sfondo al passaggio, Testo al passaggio e Bordo al passaggio del mouse per quando il mouse è sopra il pulsante. Il pulsante primario è il tuo invito all'azione principale, come il pulsante di acquisto.
Campo di input
I campi dei moduli: Sfondo, Etichetta, Testo (quello che scrive il cliente), Bordo e Sfondo al passaggio.
Come le sezioni scelgono uno schema
Seleziona una sezione e trova la sua impostazione Schema di colori. Scegli uno schema dall'elenco. L'elenco contiene un link ai tuoi schemi di colori se vuoi modificarli.
Molti blocchi dentro una sezione hanno l'interruttore Usa lo schema colori del genitore. Se è attivo, il blocco usa i colori della sezione che lo contiene. Se è disattivato, compare un'impostazione Schema di colori così il blocco può usare un suo schema. Nel blocco per scrivere una recensione, Eredita schema fa usare al pulsante i colori della sezione. Se è disattivato, scegli uno Schema del pulsante. Altri punti che usano uno schema sono i pannelli del menu dell'header e la pagina di manutenzione.
Da sapere
- Le sezioni ricordano il numero, non i colori. Se trascini lo Schema 3 al primo posto, ogni sezione che usava lo schema 1 ora mostra i colori che si sono spostati lì. Controlla le pagine dopo aver riordinato.
- Eliminare uno schema sposta le sue sezioni sullo schema subito prima (o sul primo schema). Duplicare mette la copia subito dopo l'originale e lascia ogni sezione con i suoi colori attuali.
- Gli schemi appartengono al mercato che stai modificando. Se vendi in più mercati, cambia prima mercato con la bandiera.
- Le modifiche vanno online quando fai clic su Pubblica.
Consigli
- Usa uno schema chiaro e tranquillo per la maggior parte delle sezioni e uno schema deciso per l'hero e gli inviti all'azione.
- Rendi il pulsante primario ben diverso dallo sfondo.
- Controlla che il testo sia facile da leggere sul suo sfondo, anche su un telefono alla luce del giorno.