Cómo elegir el efecto adecuado para tu web

Antes de añadir una animación pregúntate: ¿qué quiero que la persona sienta, entienda o haga? Si la respuesta es “nada”, sobra.

Por objetivo

1. 1

   Captar la atención en la portada

   Un fondo con movimiento suave (Fondos) o una pieza 3D (3D). Solo uno, y con el texto siempre legible encima.
2. 2

   Destacar un mensaje

   Una animación de texto en el titular (Tipografía): entradas, destellos, descifrados. Una por pantalla.
3. 3

   Guiar hacia una acción

   Botones con feedback (Microinteracciones) y bordes o brillos que llaman al clic (Animaciones).
4. 4

   Enseñar trabajos o productos

   Galerías, carruseles y tarjetas (Componentes).
5. 5

   Confirmar que algo ha pasado

   Microinteracciones: un check que se marca, un botón que se llena, un contador que sube.

La regla del protagonista

Cada pantalla tiene un protagonista animado. Si el fondo se mueve, el texto entra tranquilo. Si el titular hace algo llamativo, el fondo se queda quieto. Es la diferencia entre una web que impresiona y una que marea.