Animation Vocabulary 是 animations.dev 做的一份动画术语表，目的很明确：当你想让 AI、设计师或前端工程师做某种动效时，先把“那个感觉”说成一个准确的名字。
页面里的词并不复杂，但很实用。它把动效分成进入与退出、时序与节奏、运动与变换、缓动与弹性、反馈与微交互、滚动与导航等类别，然后用一句话解释 Fade in、Slide in、Scale in、Pop in、Reveal、Stagger、Tween、Keyframes、Easing、Spring、FLIP 这类常见概念。
把“动一下”变成可执行的需求
做产品界面时，最难沟通的常常不是“要不要动画”，而是“要什么动画”。你说“高级一点”“顺滑一点”，AI 或工程师很难稳定复现；你说“卡片依次 stagger 进场，hover 时 scale 到 1.02，退出时 fade out 并带一点 ease-out”，结果就清楚很多。
这份词汇表的价值就在这里。它不是完整教程，也不负责给你代码，而是帮你建立一套动效描述语言。尤其现在很多人会让 AI 直接写 Framer Motion、CSS animation、React 动效组件，知道这些词之后，prompt 会少很多玄学。
如果你经常做 landing page、产品 Dashboard、交互原型，或者在跟 AI 解释“我想要一个更自然的过渡”，这页可以当作一个小抄。先找到对应动效名，再把它放进需求里，通常比反复截图和口头描述更有效。
传送门
https://animations.dev/vocabulary
原创文章，如若转载，请注明出处：https://wefound.cc/p/4433.html
