一、符合物理规律的

在真实的世界中，一个物体可以被重量、表面摩擦力影响很快的加速或减速。同样的，材料设计的动效也是不会发生突然停止，或者突然启动，都是会有一个加速度或者减速度。（红色没缓动，蓝色有缓动）

真实世界中的力，例如重力，能使一个元素沿曲线运动而非直线运动。

https://www.youtube.com/watch?v=XjrifSBwhKE

缓动函数速查表

https://easings.net/zh-cn

二、及时且有趣的反馈

Google 电话图标

Messenger 的点赞动画

苹果锁屏输入错误时的抖动反馈

用户触摸屏幕时，通过漪涟动画能使用户确认输入。卡片上升表示该卡片处于激活状态。

下拉刷新反馈

三、清晰的层级和空间关系

作为过渡元素，他们和他们周围元素的运动是精心安排的，可以通过这个过程看出他们之间的关系。

卡片可以推动其他卡片，让他们给自己让开路。

正确示例：

错误示例：

滑动的方向除了展示一个线性的视图之外，没有给你任何真正有用的线索。

四、便捷的交互方式

转场动画有助于引导用户进行下一步的交互。

运动可以传递不同的信号

当用户手势操作的时候，让界面的动态走向更符合手指的运动，从而让用户感觉到是自己控制了界面的动向，而不是机械化的跳转。

图片源于网络，侵删。

Powered by Froala Editor