Wix home
Accedi

Editor Wix: utilizzare e personalizzare il tuo tema di colore

Tempo di lettura: 5 min.
Creare un tema di colori è un passo importante nel processo di progettazione del tuo sito. Se utilizzati in modo coerente, i temi di colore danno il tono ai tuoi visitatori e presentano loro il tuo brand. 
Il tema dei colori viene utilizzato automaticamente in tutto il sito e negli elementi "a tema" nel pannello Aggiungi. Puoi anche applicare i colori del tema a qualsiasi elemento del tuo sito.

Come funzionano i colori del tema sul tuo sito

I colori del tema scelti vengono visualizzati nel selettore colori, dove puoi modificare il colore degli elementi singolarmente. Oltre ad apparire nel selettore, i colori vengono automaticamente delegati e applicati a determinati elementi del tuo sito.

Colori di base

I colori di base vengono utilizzati per gli sfondi e il testo del tuo sito. Se hai aggiunto delle app Wix al tuo sito (ad esempio Wix Stores, Wix Blog, ecc.), queste pagine utilizzeranno gli stessi colori per il loro sfondo e testo. 
Nella maggior parte dei casi, per lo sfondo viene utilizzato il colore più luminoso (1) mentre per il testo viene utilizzato il colore più scuro (2). Viene creato automaticamente un gradiente, quindi puoi regolare le sfumature in base alle tue esigenze. 
Ti consigliamo di selezionare un abbinamento ad alto contrasto, in modo che le informazioni sul tuo sito siano facili da leggere.
Screenshot ritagliato che mostra i colori di base in un pannello di design del sito

Colori principali

Incoraggia i visitatori a interagire con il tuo sito selezionando colori accattivanti. Questi colori vengono utilizzati per elementi secondari e decorativi come link, tasti ed elementi del menu. Appaiono anche in elementi a tema come tasti e riquadri, nonché nelle pagine relative alle app Wix (ad esempio Wix Stores, Wix Blog, ecc.).
Screenshot ritagliato che mostra i colori principali in un pannello di design del sito

Scegliere un tema di colore

Ci sono una varietà di preset di temi disponibili da applicare al tuo sito, che includono sia testo che colori. I nostri temi sono stati creati con cura con colori complementari per coprire una vasta gamma di stili ed esigenze di design.  

Per scegliere e personalizzare un tema colore:

  1. Clicca su Design sito  sul lato sinistro dell'Editor
  2. Clicca su Cambia tema sotto Tema sito
  3. Sfoglia i preset e clicca per selezionarne uno nuovo
Il pannello Design sito nell'Editor. La scheda del tema è aperta ed è in corso la selezione di un tema

Personalizzare il tema del colore

Puoi personalizzare il tema del colore del sito in base all'estetica del tuo brand. Scegli nuovi colori e regola la tonalità dei colori di base per ottenere l'aspetto che desideri.

Per personalizzare il tema del colore:

  1. Clicca su Design sito  sul lato sinistro dell'Editor
  2. Clicca su Tema colori sotto Personalizza il design del tuo sito
  3. Scegli come vuoi cambiare il tema:
    • Modifica i colori del tema:
      1. Clicca sul colore che vuoi modificare nel pannello
      2. Seleziona un nuovo colore utilizzando il cursore per trovare e selezionare un nuovo colore o inserendo il colore esatto nei valori HEX, RGB o HSB
      3. Clicca su Applica
    • Regola la tonalità dei colori di base del tuo tema:
      1. Clicca sulla tonalità pertinente sul gradiente di colore di base
      2. Usa i cursori per regolare la saturazione e la luminosità a tuo piacimento
      3. Clicca su Applica
Il pannello Personalizza tema colore in Design sito. È stato applicato un nuovo colore principale

Impostare i colori predefiniti per gli elementi

Dopo aver scelto e personalizzato il tema di colore, puoi impostare i colori predefiniti del tema per determinati elementi del tuo sito. Questo è un ottimo modo per rafforzare il tuo brand e assicurarti che gli elementi si completino a vicenda.

Per impostare i colori predefiniti per gli elementi:

  1. Clicca su Design sito  sul lato sinistro dell'Editor
  2. Passa il mouse su Tema colori e testo e clicca su Personalizza
  3. Clicca su Impostazioni avanzate
  4. Clicca sulla casella del colore accanto all'elemento pertinente per assegnare un colore:
    • Generale: scegli i colori che vuoi utilizzare per gli sfondi principali e secondari del tuo sito, nonché per linee e divisori
    • Testo: applica i colori scelti a diversi tipi di testo sul tuo sito, inclusi sottotitoli e link
    • Tasti: imposta i colori che vuoi utilizzare sui tasti principali e secondari. Puoi scegliere un colore per ogni stato del tasto (normale, al passaggio del mouse o disabilitato) separatamente
Le impostazioni avanzate di un tema colore. La casella del colore per le linee e i divisori è stata selezionata

Applicare manualmente i colori del tema agli elementi

Puoi applicare i colori del tema a qualsiasi elemento aggiuntivo del tuo sito. Vengono salvati nel selettore colori nel pannello Design dell'elemento, quindi è ancora più facile creare un design coerente.

Per applicare un colore del tema a un elemento:

  1. Clicca sull'elemento nell'Editor
  2. Clicca sull'icona Design
  3. Clicca su Personalizza design (se presente)
  4. Clicca sulle impostazioni del colore
  5. Clicca sulla casella del colore
  6. Seleziona un colore per il tema dal selettore
Il pannello Design di una sezione. Un colore del tema viene applicato allo sfondo della sezione
Suggerimento:
Puoi anche salvare colori personalizzati che non fanno parte del tuo tema nel selettore colori. Clicca su Aggiungi accanto a I miei colori per selezionare un nuovo colore.
Inoltre, gli elementi a tema all'interno del pannello Aggiungi nell'Editor presentano già i colori del tema (es. tasti a tema, riquadri e linee), quindi non devi preoccuparti di regolarli manualmente in modo che corrispondano al tuo sito.
Screenshot ritagliato che mostra i colori di base in un pannello di design del sito
Screenshot ritagliato che mostra i colori principali in un pannello di design del sito
Il pannello Design sito nell'Editor. La scheda del tema è aperta ed è in corso la selezione di un tema
Il pannello Personalizza tema colore in Design sito. È stato applicato un nuovo colore principale
Le impostazioni avanzate di un tema colore. La casella del colore per le linee e i divisori è stata selezionata
Il pannello Design di una sezione. Un colore del tema viene applicato allo sfondo della sezione