Good UI Animation

1. Natural 自然

好的动效会给人一种经过深思熟虑、有目的、非随机却又符合常理的美感，一定是自然且舒服的。

仔细去感知一个物体，物体拥有质量，当给物体施加足够的力时它便会移动，它的物理运动可以让我们感知它是轻的还是重的，坚硬的还是柔软的。物理世界中质量较重且较大的物体与质量比较轻小的物体在移动时速度是完全不同的，同理，页面中面积较大一些元素移动时达到最高速度或者回到停止状态都需要更多的时间，页面中面积较小的元素加减速则都更快一些。

自然的动效会让用户一直沉浸于产品功能的使用中，不会引起用户的过度注意。相反，不自然的动效会让用户因速度变化转移注意力，视觉感知的不舒适会持续不断的干扰用户完成自己的目标。

2. Limpid 清晰

好的动效是逻辑清晰目的明确的。时刻明确你到底需要把用户的注意力吸引到哪里？清晰明确的动效并非设计师个人炫技而是有功能性的设计，会阐述清楚页面元素在空间中的层级关系、功能，暗示用户页面即将发生的变化，为用户的操作做合理的反馈，时刻聚焦于帮助用户理解和感知当前所处的状态。清晰明确的动效会让用户感觉产品功能设置合理且非常流畅。

本文转载自 DataFunTalk公众平台。

原文链接：https://mp.weixin.qq.com/s/uIH6QFjkHm10IEe6Nq0ZMQ

创作场景

流动之美·提升用户体验的交互动效（二）