动效原理做动效的门道
做动效时反复用到的底层规律,以及不该越过的底线。
4 条动效
- 预备动作Anticipation 在往一个方向去之前,先朝反方向轻轻动一下,像起跳前先下蹲,让动作更有力气
- 跟随与余势Follow-through 主体停下来之后,附属的部分还继续动一小会儿才停,让整体显得有重量
- 挤压与拉伸Squash & stretch 运动过程中把元素压扁或拉长,模拟有弹性的物体落地和起跳时的变形
- 减弱动效Reduced motion 系统里开启了减弱动态效果的用户,应当看到淡入淡出或不动的结果,而不是被强制播放位移和缩放