dardo
ENHablemos ↗

Diseño y oficio

Cómo usar movimiento sin agotar al visitante

La animación debe ayudar a seguir una historia, reconocer un cambio o entender una interfaz. Se vuelve costosa cuando exige atención después de cumplir su función.

01

Da una tarea a cada movimiento

Define si una transición comunica jerarquía, estado o marca. Retira lo que no apoye esos objetivos. Conserva la acción principal aunque el visitante avance rápido o salte la introducción.

02

Diseña el estado de reposo

Una página debe poder reposar. Los efectos continuos pueden consumir recursos sin añadir información. Inspecciona reposo, después de interactuar y pestaña oculta, además de la apertura llamativa.

03

Conserva una versión completa sin movimiento

Movimiento reducido y alternativas necesitan el mismo contenido y navegación. Pruébalos como versiones diseñadas del producto. Una imagen estática no debe tapar el único enlace ni depender del arranque del renderizador.

De una idea a algo real

Haz que tu próximo
paso importe.

Empezar un proyecto ↗Explorar el planificador →