inicio / guías / animaciones en páginas web: cuándo suman y cómo hacerlas bien

Guía

Animaciones en páginas web: cuándo suman y cómo hacerlas bien

Una animación bien pensada hace que una web se recuerde. Una mal pensada la vuelve lenta y molesta. La diferencia está en para qué se usa.

Tipos de animación web

Animaciones al hacer scroll, que acompañan la lectura; microinteracciones en botones y enlaces; elementos que reaccionan al mouse o al dedo; escenas en 3D con WebGL; y pantallas de entrada que presentan la marca.

Cuándo suman

Cuando refuerzan la identidad de la marca, guían la atención hacia lo importante o hacen que una acción se sienta clara. En nuestra propia web, la tinta y el personaje animado cuentan qué tipo de estudio somos antes de leer una palabra.

Cómo hacerlas sin perder velocidad

Animar transformaciones y opacidad en lugar de tamaños, aprovechar la placa de video, cargar lo pesado después de lo esencial y simplificar en equipos lentos.

Accesibilidad

Hay personas a las que el movimiento les molesta o las marea. Los navegadores permiten indicar “movimiento reducido” y una buena web lo respeta, apagando o suavizando las animaciones.

Te puede servir

Otras guías

¿Hablamos de tu proyecto?

Contanos qué necesitás y te respondemos con una propuesta y un cronograma.

dilidilistore5@gmail.com →