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, Shape Separator e Animated 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 e il quarto consentono 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