APP 交互设计鸡汤：10 条非常实用的 UI 动效设计原则

2017-03-01 10:12:00

app交互动效设计是整个APP设计项目当中的一个非常重要的点。这块做好了，你的APP项目的用户体验也不会差到哪里去。

那你作为一名APP设计师，你有没有真正的去按照APP UI动效设计原则来认真严格的执行呢？

如果还没有，那请各位从今天开始认真开始学习起来吧。对照着来看看吧~~~

1. 材质

给用户展示界面元素是由什么构成的：轻盈的还是笨重的？死板的还是灵活的？平面的还是多维度的？你需要让用户对界面元素的交互模式有个基本的感觉。

2. 运动轨迹

你需要阐明运动的自然属性。一般原则显示没有生命的机械物体的运动轨迹通常都是直线，而有生命的物体拥有更为复杂和非直线性的运动轨迹。您要决定您的UI要给用户呈现的什么样的印象，并且将这种属性赋予它。

3. 时间

在设计动效时，时间是最有争议的和最重要的考虑之一。在现实世界中，物体并不遵守直线运动规则因为它们需要时间来加速或者减速，使用曲线运动规则会让元素的移动变得更加自然。

4.聚焦动效

要集中注意力于屏幕的某一特定区域。例如，闪烁的图标就会吸引用户的注意，用户会知道那有个提醒并去点击。这种动效常用于有太多细节和元素从而无法将特殊元素区别化的界面中。

5. 跟随和重叠

跟随是一个动作的终止部分。物体不会迅速地停止或者开始移动，每个运动都可以被拆解为每个部分按照各自速率移动的细小动作。例如，当您扔个球，在球出手后，您的手也依然在移动。

重叠意味着在第一个动作结束前开始的第二个动作，这样可以吸引用户的注意力，因为两个动作之间并没有一段静止期。

如下图的某钱包APP的界面设计欣赏：

6. 次要动效

次要动效原则类似于跟随和重叠原则。简要地讲，主要动效可被次要动效伴随。次要动效使画面更加生动，但如果一不小心就会引起用户不必要的分神。

7. 缓入和缓出

缓入/缓出是设计的基础原则，尤其是在移动开发UI动效，和普通的动画制作中同等重要。虽然易于理解，但此原则却常常容易被忽略。缓入/缓出原则是来自于现实世界中物体不可能立刻开始或者立刻停止运动的事实。任何物体都需要一定的时间用来加速或者减速。当你使用缓入/缓出原则来设计动效时，将会导出非常真实的运动模式。