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