减弱动效
为移动、缩放、循环和视差提供等价的低动态表达。
预览
实时预览
尊重用户的 prefers-reduced-motion 设置,降低或移除动态效果。
权威词义
术语定义与近义词辨析
英文定义逐字保留自 Animation Vocabulary;中文翻译和辨析帮助你选对术语。
reduced-motion减弱动效
Reduced motion权威英文定义
Respecting the user's prefers-reduced-motion setting by toning down or removing motion.
中文翻译
尊重用户的 prefers-reduced-motion 设置,降低或移除动态效果。
设计规范
使用这段动效前的判断
目的、频率、触发、时序、可打断性和手势规则共同决定实现。
为移动、缩放、循环、视差和物理动效提供信息等价的低动态表达。
每个动效模式都需评审,持续运动和大幅空间移动优先处理。
由 prefers-reduced-motion 与产品内显式设置共同决定,并实时响应变化。
内容立即进入稳定位置,使用静态层级、颜色、文本或极短淡入表达状态。
偏好切换时终止当前非必要动画并应用最终状态,保留任务进度。
手势功能继续可用,取消动量、回弹和自动跟随;键盘与按钮路径完整保留。
形成逐模式策略:位移归零、缩放固定、循环停止、视差冻结、进度改用静态反馈。
检查要点
交付前检查
- 分别审核 reduced motion 与硬件加速,两者关注点独立。
- 在操作系统偏好和产品设置的所有组合下测试。
无障碍
保持信息可达
减弱动效
形成逐模式策略:位移归零、缩放固定、循环停止、视差冻结、进度改用静态反馈。