I colori definiscono una forte identità del brand, suscitano emozioni e guidano l’attenzione degli utenti verso sezioni specifiche del tuo sito web. Una palette di colori ben studiata rende il sito piacevole da vedere e facile da ricordare per i visitatori. Questa guida spiega come modificare i colori del tuo sito, scegliere schemi cromatici e utilizzare opzioni personalizzate per rendere unici testi, pulsanti e layout.
Per gestire i colori del tuo sito web, segui questi passaggi:
Nell’Editor del sito, clicca su Design nel menu in alto.
Seleziona Colori dal menu a discesa.
Usa il menu laterale per esplorare gli schemi colore disponibili oppure seleziona le opzioni personalizzate.
Scegli l’opzione Popolari per selezionare palette predefinite oppure generarne una tua:
Selezione - Clicca su uno schema colore per applicarlo subito, oppure clicca sul pulsante con il segno + per vedere ulteriori varianti.
Personalizzazione - Clicca su ciascun colore all’interno di uno schema per sceglierne uno nuovo tramite il selettore colori.
Filtro e Preferiti - Usa il filtro per visualizzare gli schemi in base a colori specifici oppure clicca sull’icona a forma di cuore per contrassegnare una palette come preferita.
Strumenti di generazione - Clicca sull’icona Palette per creare uno schema usando un codice hashtag, oppure usa l’icona Immagine per generare una palette basata sull’immagine di copertina della tua homepage.
Usa l’opzione Personalizzato per rifinire elementi specifici in tutto il tuo sito:
Colore principale e pulsanti - Scegli il colore primario per i link e per le sezioni principali. Usa i pulsanti “Applica a tutti” per sincronizzare rapidamente questo colore su tutti gli elementi e sul testo dei pulsanti.
Colori del menu - Personalizza i colori dello sfondo del menu, del testo, degli effetti al passaggio del mouse, dei bordi e delle linee di separazione tra le pagine.
Colori della pagina - Imposta i colori di sfondo, del testo e degli elementi per la Pagina principale, la Seconda pagina e le Pagine interne (pagine non mostrate nella homepage).
Sezione e footer - Regola il colore principale per sezioni specifiche delle tue pagine e scegli i colori di sfondo e del testo per il footer.
Gerarchia visiva - Usare un colore principale coerente aiuta gli utenti a identificare più facilmente gli elementi interattivi, come pulsanti e link.
Coerenza del brand - Generare uno schema colore dall’immagine della homepage è un modo rapido per assicurarti che i colori del sito siano in linea con l’identità del tuo brand.
Effetti hover - Ricorda di controllare i colori del menu al passaggio del mouse per assicurarti che il testo resti leggibile quando un visitatore interagisce con la navigazione.
Verifica della visibilità del colore del testo - Dopo aver regolato i colori del testo sul tuo sito web, è importante rivedere le modifiche per assicurarti che il colore selezionato risalti rispetto allo sfondo, alle caselle di testo e ai colori dei pulsanti. Se il testo si confonde con questi elementi, potrebbero verificarsi problemi per cui caselle di controllo, contenuti della pagina e testo dei pulsanti risultano “invisibili”.
Se non viene fornita un’opzione specifica, la modifica dei colori del sito web influisce su tutte le pagine e i contenuti. Ciò significa che non puoi apportare modifiche a singoli segmenti delle pagine o dei contenuti del sito. Tieni presente che puoi modificare i colori delle sezioni usando l’icona a forma di ingranaggio; scopri di più su Modifica delle sezioni del sito web
