设计原则
有用的动效让用户理解发生了什么、从哪里来、要看哪里。
原则
有用的动效让用户理解发生了什么、从哪里来、要看哪里。
设计动作
只为层级变化、进入/离开、成功/错误和进度反馈添加短动效；支持 reduced-motion。
正反例
正向示例：筛选、展开、导航切换、生成进度、状态更新容易让用户迷失。 反向示例：列表项无意义漂浮或弹跳。
适用场景
筛选、展开、导航切换、生成进度、状态更新容易让用户迷失。 用户需要快速判断状态、范围、风险或下一步行动。
来源提示
来源提示：综合 Apple HIG、Material Design、NN/g 可用性原则和成熟设计系统中的布局/层级实践整理。 Apple HIG Layout: https://developer.apple.com/design/human-interface-guidelines/layout Material Design Layout: https://m3.material.io/foundations/layout/applying-layout NN/g Visual Design Principles: https://www.nngroup.com/articles/principles-visual-design/
Agent 指令
只为层级变化、进入/离开、成功/错误和进度反馈添加短动效；支持 reduced-motion。