动画
Animation
初级通用动画（Animation）是界面元素随时间改变位置、大小、透明度等属性的呈现方式。它帮助你交代操作后的状态变化，让用户看清内容从哪里来、去了哪里，例如筛选后列表项重新排列。
你可能会说：「我想让筛选后的列表变化有个过程，别突然跳一下，让用户看得出哪些内容换了位置。」
动手看看筛选待发货订单
想象刚把订单筛成「待发货」：切换下方的呈现方式，结果会自动重播，也可以点重播。留意三条订单是突然出现，还是从下方进入。
平滑进入让列表变化有了过程：你能看出新结果进入的位置，而不只是看到画面突然换掉。
先快后慢会尽早给出反馈，再轻轻停稳；用在筛选结果出现时，通常更容易跟上变化。
要点界面动画要交代哪几件事？
- 1
先说清起点和终点状态
你让 AI 做列表动画时，先说明筛选前后各是什么样。因为动画呈现的是状态之间的变化；如果终点状态没定，AI 可能只做出会动的效果，却没把列表更新对。
- 2
再确定哪些属性会变化
元素可以移动、缩放或改变透明度，不一定每个属性都要动。比如展开详情时，让内容从收起状态过渡到展开状态，用户就更容易理解新增信息属于哪张卡片。
- 3
让时长服务于操作反馈
动画太快，用户看不出变化关系；太慢，又会拖住操作。我们可以让 AI 根据交互目的调整时长，并确认动画期间按钮是否还能点击、连续操作时界面会如何响应。
容易混淆的地方
动画说的是界面随时间变化的整体呈现；过渡通常指两个状态之间的变化过程，比如卡片从收起变为展开。关键帧则用来描述变化过程中的具体节点。一个动画可以用过渡实现，也可以用关键帧实现；先想清楚要表达什么变化，再选实现方式。
什么时候用
适合用
- 后台列表筛选或排序后，条目位置会变化，用动画帮助用户追踪原来的内容去了哪里。
- App 中展开卡片详情时，用动画交代新内容与原卡片的关系。
- 上传完成后，进度区域切换为结果状态，用短暂动画提示任务已经结束。
不适合用
- 页面是供人长时间对照阅读的静态条款或数据表时，直接呈现清晰的排版，不必让内容持续运动。
- 报错会阻止用户继续操作时，先直接显示错误文字和处理入口，不靠一段动画传达关键信息。
- 内容最终要放进静态邮件或导出图片时，改用固定画面表达状态，因为接收方看不到界面动画。
练一练选一个答案，看看解释
你在做项目后台。用户切换排序方式后，卡片顺序会改变。怎样向 AI Agent 提需求，才能让用户看懂变化，又不影响使用？
让 AI 帮你做复制给 AI Agent 直接用
请给项目后台的卡片排序变化添加动画：排序结果以现有数据状态为准，让仍在列表中的卡片短暂移动到新位置，帮助用户追踪它们；连续切换排序时保持界面可操作，并为偏好减少动效的用户提供不依赖移动效果的反馈。