减弱动效

为移动、缩放、循环和视差提供等价的低动态表达。

预览

实时预览

尊重用户的 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 设置,降低或移除动态效果。

查看全部 91 个术语
设计规范

使用这段动效前的判断

目的、频率、触发、时序、可打断性和手势规则共同决定实现。

目的

为移动、缩放、循环、视差和物理动效提供信息等价的低动态表达。

频率

每个动效模式都需评审,持续运动和大幅空间移动优先处理。

触发

由 prefers-reduced-motion 与产品内显式设置共同决定,并实时响应变化。

进入 / 离开

内容立即进入稳定位置,使用静态层级、颜色、文本或极短淡入表达状态。

可打断性

偏好切换时终止当前非必要动画并应用最终状态,保留任务进度。

手势与键盘

手势功能继续可用,取消动量、回弹和自动跟随;键盘与按钮路径完整保留。

减弱动效策略

形成逐模式策略:位移归零、缩放固定、循环停止、视差冻结、进度改用静态反馈。

检查要点

交付前检查

  • 分别审核 reduced motion 与硬件加速,两者关注点独立。
  • 在操作系统偏好和产品设置的所有组合下测试。
无障碍

保持信息可达

减弱动效

形成逐模式策略:位移归零、缩放固定、循环停止、视差冻结、进度改用静态反馈。