Efectos de transición y morphing¶
En WebAcappella, puede crear transiciones para animar la transición entre dos páginas. A cada transición se le da un nombre libre: se trata simplemente de una etiqueta que puede utilizar para encontrarla en su configuración.
Hay dos aplicaciones posibles:
1. Efecto básico: morphing entre dos elementos¶
Cree una nueva transición y asígnele un nombre explícito (por ejemplo Cabecera del logotipo).
Asocie este nombre a un componente de la página 1 y al componente correspondiente de la página 2.
Cuando la página cambia, WebAcappella aplica un fluid morphing entre estos dos elementos (ejemplo: un logotipo centrado y grande en la página de inicio que se encoge en la cabecera de la página siguiente).
Este efecto crea una sensación de continuidad visual y hace más agradable la navegación.
2. Efecto de animación para un elemento idéntico¶
Algunos elementos conservan el mismo aspecto de una página a otra (por ejemplo, un botón de navegación, un icono, una imagen fija).
Si les asigna una transición, WebAcappella no los transforma, sino que aplica en su lugar un efecto de animación acompañante (como un fundido o una aparición).
Esto evita un corte brusco y añade fluidez a la transición de página.
Este uso es especialmente adecuado para elementos de navegación o bloques repetidos.
Truco
Elija nombres claros para sus transiciones, de modo que pueda orientarse fácilmente.
Utilice el morphing con moderación para sus elementos clave (logotipo, títulos, imágenes principales).
Combine morphing y animaciones de acompañamiento para crear transiciones elegantes y coherentes.
Nota
Demostración de transición de 2 páginas