Princípios de motion

Funde o vocabulário de cinco fontes que se contradiziam. Quando este documento e uma skill de implementação (gsap-*, motion-web) divergirem sobre se ou quanto animar, este vence; elas mandam no como.

Quando animar

Motion existe por uma destas cinco razões. Nenhuma se aplica? Não anime.

1. Continuidade — mostrar que este elemento é aquele elemento, movido. Um item que vira detalhe; um card que abre em página.
2. Causalidade — ligar a ação da pessoa ao resultado. O painel que desliza do botão que o abriu.
3. Orientação — de onde veio, para onde volta. Uma gaveta que entra pela direita sai pela direita.
4. Feedback — confirmar que o sistema recebeu a entrada. É o mais barato e o mais esquecido.
5. Caráter — o momento autoral. Um por superfície.

"Ficaria legal" não está na lista.

Quando não animar