Compatibilità:

WebSite X5 Evo e Pro


Quando crei una pagina web, ogni dettaglio contribuisce a rendere il design più accattivante. Con l'Oggetto Opzionale Waves Separator, puoi aggiungere separatori dinamici che combinano estetica e movimento, trasformando le transizioni tra le sezioni in veri e propri elementi distintivi.


A differenza dei separatori statici, Waves Separator utilizza animazioni fluide che simulano il movimento di onde. Puoi personalizzare ogni dettaglio, scegliendo colori, spessori, stili delle linee, frequenza e velocità. Grazie a queste possibilità, puoi creare un’esperienza visiva unica che arricchisce il tuo sito web e guida l’utente con eleganza e stile. Scopri nella pagina di Anteprima come trasformare un semplice separatore in un elemento dinamico che cattura l’attenzione.



Ecco come devi fare per lavorare al meglio con l'Oggetto Waves Separator:

  • Al Passo 4 - Creazione della Pagina inserisci l'Oggetto Waves Separator tra i due contenuti tra cui vuoi gestire lo spazio verticale.
  • Fai doppio click sull'Oggetto Waves Separator appena inserito in modo da accedere alla finestra delle impostazioni.
  • Inizia con il definire alcuni parametri generali come l'Altezza complessiva del separatore, il Colore e il Numero delle linee. Tramite quest'ultimo parametro puoi decidere quante linee devono essere disegnate per comporre il separatore animato: puoi anche decidere lo Sfasamento tra esse e, attraverso il Tipo di linea, se il tratto deve essere continuo, punteggiato o segmentato.
  • Fatto questo, definisci lo Stile da applicare all'animazione scegliendo quello che preferisci tra quelli predefiniti proposti nell'apposito menu a tendina.
  • Puoi personalizzare lo stile scelto andando a modificare parametri come il Tipo di curva, lo Spessore, la Frequenza, l'Interpolazione, la Velocità e la Direzione.
  • Infine, puoi decidere se attivare le opzioni Opacità casuale, Spessore casuale, Frequenza casuale e Velocità casuale per fare in modo che il parametro considerato non sia uguale per tutte le linee che compongono l'animazione, ma vari in maniera randomica. 
  • Tutte le modifiche vengono visualizzate nel riquadro Anteprima. Sperimenta liberamente con tutti gli stili predefiniti e le opzioni disponibili e, quando sei soddisfatto, conferma cliccando sul pulsante Ok.


#tip - Alternative. Oltre all'Oggetto Waves Separator sono disponibili anche gli Oggetti Simple Separator, Separator e Shape Separator: il primo serve per gestire lo spazio tra due contenuti, il secondo permette di creare un elemento grafico lineare statico mentre il terzo consente di creare separatori personalizzati che utilizzano forme dinamiche e linee curve. Ricorda che per gestire gli spazi hai sempre a disposizione la finestra 'Margine e Allineamento' richiamata dal pulsante  presente nella Barra degli Strumenti sopra la Griglia di impaginazione. Non è invece consigliabile inserire Celle o Righe vuote per modificare gli allineamenti degli Oggetti.  



Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Waves Separator


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti