Animazioni classiche (AOS)
WebAcappella ha offerto a lungo animazioni di apparizione tramite WOW.js. Ora puoi scegliere di utilizzare la libreria AOS (Animate On Scroll) direttamente nelle Proprietà del progetto. AOS offre effetti di apparizione moderni, fluidi e facili da regolare, senza scrivere codice.
Attivare AOS nel progetto
- Apri il tuo progetto WebAcappella.
- Vai su Proprietà del progetto → Animazioni.
Applicare un effetto di comparsa a un componente
- Seleziona un componente (testo, immagine, pulsante, blocco, ecc.).
- Apri il pannello Animazione all'apparizione.
- Scegli un tipo di effetto (ad es. dissolvenza, scorrimento, zoom, leggera rotazione).
Buone pratiche
- Meno è meglio Limitatevi a pochi effetti coerenti (ad es. dissolvenza + leggera traslazione).
- Priorità al contenuto L'effetto deve servire alla comprensione (evidenziare un titolo, un CTA, una fase chiave).
- Prestazioni Evitate di animare troppi elementi contemporaneamente, soprattutto sui dispositivi mobili.
- Coerenza visiva Armonizza la durata, i tempi e i tipi di effetti a livello di sito.
- Accessibilità/Comfort Preferite effetti brevi e moderati, piacevoli alla vista e non invadenti.
- Compatibilità con i browser Alcuni effetti possono apparire in modo diverso a seconda del browser (in particolare Safari). Testate le vostre pagine su più dispositivi.
Casi d'uso consigliati
- Titoli delle sezioni: leggero dissolvenza + scorrimento verticale discreto.
- Blocchi visivi (mappe, miniature): zoom molto leggero all'apparizione.
- CTA (pulsanti di azione): dissolvenza pulita e rapida per rimanere reattivi.
- Elenchi di elementi: comparsa a cascata (piccoli ritardi successivi).
Migrazione da WOW.js
- I vecchi progetti configurati con WOW.js rimangono funzionanti.
- Per sfruttare AOS: 1. Attiva AOS nelle Proprietà del progetto. 2. Rivedi i tuoi componenti chiave e riapplica gli effetti di comparsa. 3. Allinea le durate e i ritardi per garantire l'omogeneità visiva.
Promemoria marketing
Animazioni ben scelte rafforzano l'impatto dei tuoi messaggi (promozioni, novità, prove sociali) e guidano l'attenzione. L'uso eccessivo di effetti distrae dal contenuto, affatica l'utente e può nuocere alla percezione di qualità e rapidità.