Animaciones clásicas (AOS)
WebAcappella lleva mucho tiempo ofreciendo animaciones de aparición a través de WOW.js. Ahora, puede optar por utilizar la biblioteca AOS (Animate On Scroll) directamente en las Propiedades del proyecto. AOS ofrece efectos de aparición modernos, fluidos y fáciles de ajustar, sin necesidad de escribir código.
Activar AOS en el proyecto
- Abra su proyecto WebAcappella.
- Vaya a Propiedades del proyecto → Animaciones.
Aplicar un efecto de aparición a un componente
- Selecciona un componente (texto, imagen, botón, bloque, etc.).
- Abre el panel Animación al aparecer.
- Elija un tipo de efecto (por ejemplo, fundido, deslizamiento, zoom, rotación suave).
Buenas prácticas
- Menos es más Limítese a unos pocos efectos coherentes (por ejemplo, fundido + ligera traslación).
- Prioridad al contenido El efecto debe facilitar la comprensión (resaltar un título, una llamada a la acción, un paso clave).
- Rendimiento Evite animar demasiados elementos simultáneamente, especialmente en dispositivos móviles.
- Coherencia visual Armonice la duración, los intervalos y los tipos de efectos en toda la página web.
- Accesibilidad/Comodidad Opte por efectos cortos y moderados, agradables a la vista y no intrusivos.
- Compatibilidad con el navegador Algunos efectos pueden aparecer de forma diferente según el navegador (especialmente Safari). Pruebe sus páginas en varios dispositivos.
Casos de uso recomendados
- Títulos de sección: ligero fundido + deslizamiento vertical discreto.
- Bloques visuales (tarjetas, miniaturas): zoom muy ligero al aparecer.
- CTA (botones de acción): fundido limpio y rápido para mantener la capacidad de respuesta.
- Listas de elementos: aparición en cascada (pequeños retrasos sucesivos).
Migración desde WOW.js
- Los proyectos antiguos configurados con WOW.js siguen siendo funcionales.
- Para aprovechar AOS: 1. Active AOS en las Propiedades del proyecto. 2. Revise sus componentes clave y vuelva a aplicar los efectos de aparición. 3. Alinee las duraciones y los retrasos para garantizar la homogeneidad visual.
Recordatorio de marketing
Las animaciones bien elegidas refuerzan el impacto de sus mensajes (promoción, novedades, prueba social) y guían la atención. El abuso de efectos distrae del contenido, cansa al usuario y puede perjudicar la percepción de calidad y rapidez.