L'aspetto del tuo sito
Colori e stile
Cambiare lo stile visivo del tuo sito e scegliere la sua palette di colori.
In questo articolo
Due impostazioni controllano l'aspetto del tuo sito: lo stile (il modo in cui gli elementi sono disegnati) e i colori.
Si trovano in Siti web → Impostazioni sito, in cima.
Lo stile visivo (Design)
Ti vengono proposti due stili:
- Natura — caldo e naturale, forme morbide, carattere tondeggiante.
- Moderno — professionale ed essenziale, linee dritte, carattere sobrio.
Fai clic sulla miniatura dello stile che ti piace. Vi appare un segno di spunta verde.
Fai clic su « Salva le impostazioni », in alto a destra.
Apri il tuo sito in un'altra scheda per vedere il risultato.
Lo stile cambia i caratteri, gli arrotondamenti, le spaziature e il modo in cui i blocchi sono disegnati. Tutto il resto è identico.
I colori (palette)
Subito sotto, la sezione « Colori » propone una serie di palette pronte all'uso.
Ogni rettangolo è una palette. È diviso in quattro fasce che rappresentano, da sinistra a destra:
lo sfondo delle sezioni — il colore di base delle pagine;
il colore del marchio — i pulsanti, il piè di pagina, i link;
il colore di accento — i dettagli, le evidenziazioni;
il testo e i titoli — il colore delle parole.
Per cambiare palette:
Fai clic sulla palette desiderata. Appare un segno di spunta verde.
Fai clic su « Salva le impostazioni ».
La palette personalizzata
L'ultima palette dell'elenco porta l'etichetta PERS. Scegliela se vuoi regolare tu stesso i quattro colori — per esempio per riprendere esattamente i colori del tuo logo.
Appaiono allora quattro campi, nello stesso ordine delle fasce:
| Campo | Cosa colora |
|---|---|
| Sfondo delle sezioni | Lo sfondo delle pagine. Scegli un colore molto chiaro. |
| Colore del marchio (principale) | I pulsanti e il piè di pagina. È il tuo colore distintivo. |
| Colore di accento | I dettagli e gli elementi attivi. |
| Testo e titoli | Le parole. Scegli un colore molto scuro. |
Per ogni campo puoi fare clic sul quadrato di colore (si apre il selettore del tuo sistema) oppure scrivere un codice esadecimale della forma #rrggbb, per esempio #004d40.
Il consiglio più importante: il contrasto
La regola semplice: sfondo molto chiaro, testo molto scuro. Riserva i colori vivaci ai pulsanti, dove attirano lo sguardo senza disturbare la lettura.
Verificare il risultato
Dopo aver salvato:
Apri il tuo sito in una nuova scheda (pulsante « Visita » da Siti web → Pagine).
Guarda la home page.
Prendi il telefono e apri il sito su di esso. È la prova vera.
Se qualcosa non ti piace, torna indietro e cambia palette. Non c'è limite al numero di tentativi.