inicio / guías / animaciones en páginas web: cuándo suman y cómo hacerlas bien
GuíaAnimaciones 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.