Animazione e gruppi
Come appare la barra, come scorre e come passa da un gruppo all'altro.
L’animazione si trova in fondo al pannello Design e riguarda due aspetti distinti: come la barra compare nella pagina e come cambia da un gruppo all’altro.
L’entrata avviene una volta sola; le transizioni tra gruppi si ripetono.
Entrata
Sezione intitolata “Entrata”Cosa fa la barra quando la pagina si carica.
| Entrata | Come appare |
|---|---|
| None | La barra è semplicemente lì |
| Fade in | Compare in dissolvenza |
| Slide down | Scende dall’alto |
| Slide in from left | Entra dal bordo sinistro |
| Slide in from right | Entra dal bordo destro |
| Continuous scroll | Il messaggio attraversa la barra, in continuazione |
Speed imposta la durata dell’entrata. Per lo scorrimento continuo diventa Scrolling speed e indica la velocità con cui si muovono le parole, non quanto tempo impiegano.
Scorrimento continuo
Sezione intitolata “Scorrimento continuo”Merita una nota a parte. Il messaggio attraversa la barra da un lato all’altro e, quando è uscito, il gruppo successivo inizia il proprio passaggio. Non si ferma mai.
Ne derivano due conseguenze:
- È adatto a un messaggio lungo che non starebbe su una sola riga
- Si ferma quando il puntatore di chi visita il negozio è sopra la barra, così un pulsante al suo interno resta cliccabile
Passare da un gruppo all’altro
Sezione intitolata “Passare da un gruppo all’altro”Queste impostazioni compaiono solo quando il banner ha più di un gruppo.
Change group every è il numero di secondi per cui ogni gruppo resta sullo schermo.
Group transition è il modo in cui un gruppo lascia il posto al successivo:
| Transizione | Come appare |
|---|---|
| Cross-fade | Uno svanisce mentre compare il successivo |
| Slide | La barra scorre lateralmente, come un carosello |
Scegliendo slide si aggiunge un’altra opzione: Arrows. Attivala e agli estremi della barra compaiono due piccoli controlli ‹ e ›, così chi visita il negozio può passare da un gruppo all’altro in autonomia.
Le persone possono anche scorrere o trascinare la barra lateralmente, con o senza frecce.
Il ciclo non ha interruzioni. Dopo l’ultimo gruppo prosegue direttamente con il primo, senza riavvolgere tutti quelli intermedi.
Anteprima dell’animazione
Sezione intitolata “Anteprima dell’animazione”Preview animation in fondo alla sezione riproduce l’entrata e la rotazione dei gruppi sul mockup della vetrina al centro del builder, così non devi salvare e ricaricare per valutarla.
Cliccaci di nuovo per fermarla. Il mockup torna al gruppo che stavi modificando.
Una parola sulla sobrietà
Sezione intitolata “Una parola sulla sobrietà”Le persone che hanno chiesto al proprio dispositivo di ridurre i movimenti vedono la barra senza animazioni: l’entrata non viene riprodotta, il testo a scorrimento non scorre e i gruppi non cambiano da soli. Le frecce e lo scorrimento con il dito continuano a funzionare.