Le vocabulaire du motion design en anglais

Le motion design est l'une des disciplines ou la maîtrise du vocabulaire anglais fait réellement la différence. After Effects, Lottie, Rive, Framer Motion — les outils, les tutoriels et les communautes sont quasi exclusivement en anglais. Et quand vous livrez un projet anime à un développeur ou à une équipe à l'étranger, parler la même langue technique évite les malentendus couteux.

Que vous soyez un designer UX qui intègre des micro-animations dans ses prototypes, ou un motion designer à temps plein, ce guide regroupe les dix termes les plus utilisés au quotidien. Pour chacun, vous trouverez un exemple de phrase reutilisable directement dans vos échanges professionnels.

Le keyframe est le point de départ et d'arrivée de toute animation : il définit l'état d'un élément à un instant précis. Entre deux keyframes, le logiciel interpole les valeurs intermediaires. L'easing est la courbe qui determine comment cette interpolation s'accélère ou ralentit — ease-in, ease-out, ease-in-out sont les valeurs les plus courantes.

Le timing désigne le rythme général d'une animation : la durée de chaque élément, les pauses, les decalages. C'est souvent ce qui distingue une animation amateur d'une animation professionnelle. Une animation en loop recommence en boucle en permanence — très utilisée pour les icones de chargement. Le stagger est une technique qui décalé temporellement l'animation d'éléments similaires pour créer un effet en cascade. Le bounce est un rebond final qui donne une impression de physicalite. Enfin, la transition désigne le passage anime d'un état ou d'un écran à un autre — une bonne transition renforce la logique spatiale de l'interface.

Quand vient le moment de passer vos animations au développeur, on parle de handoff. Ce processus inclut la transmission des assets — fichiers graphiques, exports JSON (Lottie), videos MP4 et specifications de timing. Une bonne documentation de handoff précise pour chaque animation sa durée, sa courbe et son declencheur (au scroll, au clic, à l'apparition dans le viewport).

Deux phrases utiles pour cadrer la collaboration : "I will send the Lottie files along with a motion spec sheet — it includes all timings, easing curves and trigger conditions." / "Please check the handoff doc before integrating — I have added a note for each animation state." Avec ces bases, vous pouvez travailler avec n'importe quelle équipe internationale.