有目的的动效
审核每段动效的目的、出现频率和空间规则,保持一致体验。
实时预览
动效应承担明确功能,例如帮助定位、提供反馈或展示关系,而非只作装饰。
术语定义与近义词辨析
英文定义逐字保留自 Animation Vocabulary;中文翻译和辨析帮助你选对术语。
purposeful-animation有目的的动效
Purposeful animationMotion should serve a function — orient, give feedback, show relationships — not just decorate.
动效应承担明确功能,例如帮助定位、提供反馈或展示关系,而非只作装饰。
frequency-of-use使用频率
Frequency of useThe more often a user sees an animation, the shorter and subtler it should be.
用户看到一段动画的频率越高,它就应越短、越克制。
使用频率决定动效应多短、多克制;有目的的动效决定它承担什么功能。
spatial-consistency空间一致性
Spatial consistencyAnimating so an element keeps its identity and position across states, so users never lose track of where things went.
让元素在不同状态之间保持身份与空间位置的连续,使用户始终知道内容去了哪里。
空间一致性保持元素跨状态的身份与位置连续;有目的的动效为这种连续性提供理由。
使用这段动效前的判断
目的、频率、触发、时序、可打断性和手势规则共同决定实现。
审核每段动效是否承担定位、反馈、关系解释或感知性能等明确功能。
设计评审、实现评审和发布前都执行;高频动作接受更严格的克制标准。
由新增动效、交互变更或用户反馈触发审查,并记录可验证目的。
进入与退出规则源于信息关系,删除无法解释来源或去向的位移。
要求高频交互可打断,低频叙事也要提供跳过或快速完成路径。
手势动效必须跟手、可取消并有键盘替代;装饰动效不占用手势。
为每个目的提供等价低动态表达,功能和状态信息完整保留。
交付前检查
- 记录目的、出现频率和空间规则。
- 删除无法通过用户理解或反馈验证的装饰动作。
保持信息可达
为每个目的提供等价低动态表达,功能和状态信息完整保留。