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 |

Cadre de décision pour choisir entre les courbes d'assouplissement et les ressorts. À utiliser lors de la mise en œuvre d'animations, du débogage de mouvements qui ne semblent pas corrects ou du choix de fonctions de synchronisation. Déclencheurs sur des tâches impliquant des transitions CSS, un cube-bézier, la physique des ressorts, des animations gestuelles ou la configuration d'une bibliothèque de mouvements. Source : raphaelsalaja/userinterface-wiki.

Voir l'original