La animación es una de las tendencias más fuertes para diseño web porque es un recurso que resalta la interactividad y hace más atractivo al sitio, pero no es útil para toda la web.
Notas relacionadas
Infografía: El diseño y las marcas más valiosas del mundo
5 herramientas de almacenamiento para archivos de diseño
Cómo escalar puestos en el equipo de diseño de una empresa
Elegir el recurso de la animación debe considerarse cuidadosamente, pues entre lo factores que intervienen está la historia y la personalidad del sitio. De acuerdo con Awwwards hay dos tipos de animaciones:
* A gran escala. Se utilizan como una herramienta de interacción primaria para tener más impacto en los usuarios, e incluyen efectos como scroll parallax y notificaciones emergentes.
* En pequeña escala. Incluye herramientas de libración, barras de carga y no requieren ninguna intervención del usuario.
7 técnicas de animación
1. Animación de carga. Se utilizan para entretener a los usuarios durante la carga, pero pueden ser tediosas. Es popular en el flat design, portafolios y otros sitios. No deben contener sonido, si coincidir con la paleta de colores.
2.Navegación y menús (nonscrolling). Los menús de navegación ocultos se han popularizado, pues permiten ahorrar espacio en pantalla.
3. Animación a pasar el mouse. El llamado efecto mover da una sensación más intuitiva a un sitio cuando los mueven el cursor sobre el contenido. Da una sensación de flotar sobre ellos para una retroalimentación automática.
4. Galerías y presentaciones de diapositivas. Son una forma efectiva de mostrar varias imágenes sin sobrecargar a los usuarios. Son ideales para sitios de fotos, presentaciones de productos y carteras.
5. Animación en movimiento. Es una herramienta perfecta para llamar la atención del usuario. Esta técnica puede ayudar con la jerarquía visual y añadir interés al sitio.
6. Desplazamiento. El scrolling se basa en la animación y da más control al usuario, quien puede determinar el ritmo de cómo se desarrolla la animación.
7. Animaciones de fondo / vídeos Un fondo animado simple puede añadir visibilidad a un sitio, pero debe usarse con moderación o puede ser muy molesto para el usuario. La clave es trabajar en secciones individuales.
Vía: Awwwards
