Effetti di transizione e morphing¶
In WebAcappella è possibile creare transizioni per animare la transizione tra due pagine. A ogni transizione viene assegnato un nome libero: si tratta semplicemente di un’etichetta che può essere utilizzata per trovarla nelle impostazioni.
Le applicazioni possibili sono due:
1. Effetto base: morphing tra due elementi¶
Creare una nuova transizione e darle un nome esplicito (ad esempio intestazione logo).
Associare questo nome a un componente a pagina 1 e al componente corrispondente a pagina 2.
Quando la pagina cambia, WebAcappella applica un fluid morphing tra questi due elementi (esempio: un logo centrato e grande sulla home page che si rimpicciolisce nell’intestazione della pagina successiva).
Questo effetto crea un senso di continuità visiva e rende più piacevole la navigazione.
2. Effetto di animazione per un elemento identico¶
Alcuni elementi mantengono lo stesso aspetto da una pagina all’altra (ad esempio, un pulsante di navigazione, un’icona, un’immagine fissa).
Se si assegna loro una transizione, WebAcappella non li morfologizza ma applica invece un effetto di animazione di accompagnamento (come una dissolvenza o un’apparizione).
In questo modo si evita un taglio netto e si aggiunge fluidità alla transizione della pagina.
Questo utilizzo è particolarmente adatto agli elementi di navigazione o ai blocchi ripetuti.
Suggerimento
Scegliete nomi chiari per le transizioni, in modo da potervi orientare facilmente.
Utilizzate il morphing con parsimonia per gli elementi chiave (logo, titoli, immagini principali).
Combinate morphing e animazioni di accompagnamento per creare transizioni eleganti e coerenti.
Nota
Demo di transizione a 2 pagine