成功的动效设计需要遵守以下规则:
1. 动效是快速的
每一次交互都不应该让用户等待过长的时间。
2. 动画要简单明了
转化要简单明了,并保持连贯。避免同时加入太多效果
转换到下一个视图时要保持清晰的路径,即使下一个视图是由很多元素编排成的。
3. 动效是一个整体
材料元素的运动速度、灵敏度和目的都是统一的。应用中任何自定义的动效体验都应保持一致。
动效设计的作用:
用作对用户动作的反馈。由动效设计展示的下一界面,与上一界面的关系更有条理。
动效常用时长
移动端的过渡时长通常在 300ms 内,根据情况可做如下调整:
- 幅度大、复杂的、全屏过渡动画可能需要更长的持续时间,可以长达 375ms
- 元素进入屏幕需要的时长为 225ms
- 元素离开屏幕需要的时长为 195ms
超过 400ms 的过渡动画可能会感觉太慢。