Transiciones entre páginas¶
WebAcappella le permite añadir efectos de transición al pasar de una página a otra. Estas animaciones hacen que la navegación sea más fluida y refuerzan la identidad visual de su sitio.
Activar una transición de página¶
Abra su proyecto WebAcappella.
Vaya a Propiedades del proyecto → Transiciones de página.
En la lista, seleccione el efecto deseado.
Efectos disponibles¶
WebAcappella ofrece una serie de efectos sencillos y eficaces, como :
Desvanecimiento: la página se desvanece suavemente a medida que aparece la siguiente.
Swipe: la nueva página entra por la izquierda, la derecha, arriba o abajo.
Zoom: alejar la página actual y acercar la siguiente.
Truco
El fundido suele ser el efecto más sobrio y universal, ideal para sitios con contenidos variados. El deslizamiento o zoom es más adecuado para sitios con un diseño creativo o inmersivo.
Transiciones por elemento¶
Además de las transiciones globales entre páginas, WebAcappella permite definir transiciones específicas para determinados elementos (por ejemplo, un logotipo, un botón o una imagen).
Si un elemento cambia entre dos páginas, una animación fluida puede enlazar sus dos estados.
Si un elemento permanece idéntico, puede aplicarse una pequeña animación de acompañamiento (por ejemplo, un ligero fundido o desplazamiento).
Estas transiciones por elemento ofrecen una representación más personalizada y pueden combinarse con el efecto general elegido para las páginas.
Buenas prácticas¶
Simplicidad ante todo Las transiciones deben ser discretas. El usuario busca ante todo fluidez.
Coherencia Elija un único efecto global para todo el sitio y armonice las transiciones aplicadas a los elementos.
Rendimiento En un móvil o con una conexión lenta, un efecto demasiado pesado puede entorpecer la navegación. Opte por transiciones rápidas y ligeras.
Beneficios de marketing Una transición elegante realza su imagen de marca, pero en exceso puede distraer de lo realmente importante: el contenido de sus páginas.
Nota
Las transiciones entre páginas son una opción estética. Su función es añadir un toque de fluidez, no ralentizar el acceso a la información.