Editor Wix: aggiungere e personalizzare i divisori forme

Tempo di lettura: 5 min.
Aggiungi divisori forme alle strisce e alle sezioni per creare un layout interessante ed elegante. Invece di utilizzare linee nette per dividere il contenuto, scegli una forma (es. Ellisse, Onde) o caricane una tua. Questi divisori possono essere posizionati nella parte superiore e inferiore di una striscia o sezione e puoi personalizzarne il design in base alle tue esigenze.
Un divisore forma su un sito live.
In questo articolo, scoprirai come:
Prima di iniziare:

Aggiungere un divisore forma

Inizia aggiungendo un divisore forme alla tua sezione o striscia. Puoi aggiungere il divisore nella parte superiore o inferiore della striscia/sezione o in entrambe le parti. 
Hai una gamma di forme tra cui scegliere, così come altri design nel catalogo Wix Media. Puoi anche caricare la tua forma per dare un tocco personalizzato alla transizione.

Per aggiungere un divisore forme alla tua sezione o striscia:

  1. Seleziona la sezione o la striscia:
    • (Per le strisce) Clicca sulla striscia nell'Editor
    • (Per le sezioni) Clicca due volte sulla sezione nell'Editor
  2. Clicca sull'icona Divisori forme
  3. Clicca sulla scheda In alto o In basso per scegliere dove aggiungere il divisore
  4. Seleziona un divisore da aggiungere:
    • Design suggeriti: clicca su uno degli stili disponibili nel pannello
    • Design aggiuntivi offerti da Wix:
      1. Clicca su + Più forme
      2. (Nel Gestore Media) Seleziona un design dalla scheda Media da Wix
      3. Clicca su Scegli file per applicarlo
    • Il tuo divisore forma:
      1. Clicca su + Più forme
      2. (Nel Gestore Media) Seleziona la forma che vuoi utilizzare dalla scheda File del sito o caricane una nuova
      3. Clicca su Scegli file per applicarlo
Il pannello Divisori forme nell'Editor. È stata selezionata una forma skyline

Personalizzare il divisore forma

Dopo aver aggiunto un divisore, puoi personalizzarne il design come preferisci. Regola l'altezza, il colore, l'opacità e i livelli per personalizzare la transizione e renderla esattamente come desideri.
Nota:
Le opzioni disponibili dipendono dal divisore scelto.

Per personalizzare il divisore forma:

  1. Seleziona la sezione o la striscia:
    • (Per le strisce) Clicca sulla striscia nell'Editor
    • (Per le sezioni) Clicca due volte sulla sezione nell'Editor
  2. Clicca sull'icona Divisori forme
  3. Clicca sulla scheda In alto o In basso per accedere al divisore che vuoi progettare
  4. Clicca su Personalizza design in basso
  5. Scegli come vuoi regolare l'aspetto del divisore forma:
    • Opacità e colore: scegli il colore che preferisci per il tuo divisore e rendilo più o meno visibile sulla sezione o sulla striscia
    • Altezza: imposta quanto in alto o in basso vuoi che il divisore vada sulla tua sezione o striscia
    • Scostamento orizzontale: riposiziona il divisore forma, spostandolo a sinistra o a destra
    • Effetto livello: clicca sull'interruttore per aggiungere un effetto di dissolvenza al divisore, quindi seleziona una direzione dal menu a tendina:
      • Centrato: l'effetto è visibile sull'intero divisore
      • Dissolvenza in alto: l'effetto diminuisce verso la parte superiore del divisore
      • Dissolvenza verso il basso: l'effetto diminuisce verso la parte inferiore del divisore
    • Inverti: inverte la forma del divisore (verticalmente)
    • Capovolgi: imposta il divisore in modo che venga visualizzato nel modo opposto (orizzontalmente) sulla striscia/sezione
    • Numero di ripetizioni: imposta quante volte il motivo si ripete attraverso il divisore
Il pannello Personalizza design per un divisore forme nell'Editor

Progettare un divisore forma personalizzato

Quando carichi il tuo divisore forma, puoi utilizzare una varietà di opzioni per personalizzarlo ulteriormente. Regola impostazioni come il colore, la visibilità e la scala del divisore per creare una struttura e un design unici sulla tua pagina.
Nota:
Le opzioni di design disponibili per il divisore personalizzato dipendono dal file specifico che hai caricato.

Per personalizzare il design del tuo SVG, il file deve:
  • Avere una forma chiusa 
  • Contenere solo un livello di opacità (trasparenza)
  • Non contenere testo, tratti, sfumature, filtri, ecc.

Inoltre, puoi modificare solo il colore dei file SVG che hanno il colore RGB = #000000 (nero).

Per personalizzare il design del tuo divisore forme:

  1. Seleziona la sezione o la striscia:
    • (Per le strisce) Clicca sulla striscia nell'Editor
    • (Per le sezioni) Clicca due volte sulla sezione nell'Editor
  2. Clicca sull'icona Divisori forme
  3. Clicca sulla scheda In alto o In basso per accedere al divisore che vuoi progettare
  4. Clicca su Personalizza design in basso
  5. Scegli come vuoi regolare l'aspetto del divisore forma:
    • Opacità e colore: scegli il colore che preferisci per il tuo divisore e rendilo più o meno visibile sulla sezione o sulla striscia
    • Qual è la dimensione del divisore?: seleziona se vuoi che il motivo del divisore si allunghi sulla striscia/sezione o si ripeta
    • Altezza: imposta quanto in alto o in basso vuoi che il punto più alto del divisore sia sulla tua striscia o sezione
    • Scostamento orizzontale: imposta lo scostamento del divisore dai lati della sezione/striscia
    • Capovolgi: imposta il divisore in modo che venga visualizzato nel modo opposto (orizzontalmente) sulla striscia o sezione
Il pannello di design di un divisore forme su una sezione

FAQ

Clicca su una domanda qui sotto per saperne di più.

Hai trovato utile questo articolo?

|