meng shao (@shao__meng) “做交互做视频时，跟 AI Agent 描述半天动画效果也说不明白？-- 1 分钟认识 13 类常见” — TopicDigg
meng shao
@shao__meng
加入 November 2023
0 正在关注 0 粉丝
做交互做视频时，跟 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、设计师或开发者表达需求。少写一大段模糊描述，用一个明确的名称，让所有人更快理解你想要的动画。
显示更多
