meng shao(@shao__meng):做交互做视频时，跟 AI Agent 描述半天动画效果也说不明白？-- 1 分钟认识 13 类常见 Motion 动效名称 “从右边快速滑入，停下时稍微回弹一下……” 为了让 Agent 做出想要的动画，你是否写了很长一段描述，结果它还是理解错了？很多时候，不是描述得不够详细，而是缺少双方都能准确理解的动效名称。与其反复解释动画长什么样，不如直接说出它的名字。这段不到 1 分钟的视频整理并演示了 13 类常见 Motion 动画： 1. 页面与视图切换：Push Slide 2. 元素进入与退出：Staggered Entrance 3. 状态变化：State Morph 4. 操作反馈：Press + Ripple 5. 滚动动画：Scroll-driven Transform 6. 导航动画：Sliding Indicator + Drawer 7. 加载与等待：Spinner + Shimmer 8. 数据变化：Bar Growth 9. 布局重排：FLIP Reorder 10. 手势与物理运动：Drag + Spring 11. 引导与提示：Pulse + Popover 12. 品牌与装饰动画：Orbit + Assemble 13. 3D 与空间运动：3D Card Flip 每个片段都包含醒目的中英文名称和直观示例，帮助你快速理解动画的视觉表现与适用方向。知道名字之后，你不仅能更快找到参考，也能更准确地向 Agent、设计师或开发者表达需求。少写一大段模糊描述，用一个明确的名称，让所有人更快理解你想要的动画。

2026.07.11 02:09

做交互做视频时，跟 AI Agent 描述半天动画效果也说不明白？-- 1 分钟认识 13 类常见 Motion 动效名称 “从右边快速滑入，停下时稍微回弹一下……” 为了让 Agent 做出想要的动画，你是否写了很长一段描述，结果它还是理解错了？很多时候，不是描述得不够详细，而是缺少双方都能准确理解的动效名称。与其反复解释动画长什么样，不如直接说出它的名字。这段不到 1 分钟的视频整理并演示了 13 类常见 Motion 动画： 1. 页面与视图切换：Push Slide 2. 元素进入与退出：Staggered Entrance 3. 状态变化：State Morph 4. 操作反馈：Press + Ripple 5. 滚动动画：Scroll-driven Transform 6. 导航动画：Sliding Indicator + Drawer 7. 加载与等待：Spinner + Shimmer 8. 数据变化：Bar Growth 9. 布局重排：FLIP Reorder 10. 手势与物理运动：Drag + Spring 11. 引导与提示：Pulse + Popover 12. 品牌与装饰动画：Orbit + Assemble 13. 3D 与空间运动：3D Card Flip 每个片段都包含醒目的中英文名称和直观示例，帮助你快速理解动画的视觉表现与适用方向。知道名字之后，你不仅能更快找到参考，也能更准确地向 Agent、设计师或开发者表达需求。少写一大段模糊描述，用一个明确的名称，让所有人更快理解你想要的动画。

372

Forward to community