to-spring-or-not-to-spring

SKILL.md

Easing curves and springs are not interchangeable—they come from different ways of thinking about motion and play different roles in an interface.

Ask: Is this motion reacting to the user, or is the system speaking?

| User-driven (drag, flick, gesture) | Spring | Survives interruption, preserves velocity | | System-driven (state change, feedback) | Easing | Clear start/end, predictable timing | | Time representation (progress, loading) | Linear | 1:1 relationship between time and progress |

Marco de decisión para elegir entre curvas de relajación y resortes. Úselo al implementar animaciones, depurar movimientos que se sienten mal o elegir funciones de sincronización. Activadores de tareas que involucran transiciones CSS, bézier cúbico, física de resortes, animaciones de gestos o configuración de biblioteca de movimientos. Fuente: raphaelsalaja/userinterface-wiki.

Ver original