设计师经过精心设计，可以让用户在游戏中的操作更加流畅，操作也更加流畅

为什么说动效很重要

有研究显示，当人们遇到不感兴趣的事情时，他们的注意力只会集中在10分钟内，在短暂的休息之后，他们的注意力才会，再次回到7到10分钟内。

基于上述原因，我们就要保证在用户处于注意力集中的时间段，迅速地传达有效信息，把用户的需求解决完毕，让用户切实地感觉到我们是一款好用的产品。

2. 动效的表现形式

动效，现在已经成为了网页的常见的表现形式了。

设计师经过精心设计，可以让用户在游戏中的操作更加流畅，操作也更加流畅。

动效就像是产品的润滑剂，通过动效可以更好地连接用户，提升产品体验。

动效一般都是指向性动效，能够描述元素的运动轨迹、运动状态和元素之间的逻辑关系。

常见的表现形式有滑动、放大、最小化、翻页、平移、滚动、切换对象、展开堆叠、添加到列表等等。

下面这个就是我找到的关于滑动的案例，同样是Banner区不同的产品对滑动动效的设计却不相同。

二、动效果的制作和交付

动效大范围兴起始于扁平化设计之后，扁平化设计的好处在于用户的注意力可以集中在界面的核心信息上。

将对用户无效的设计元素去掉，不被设计所打扰分散注意力，使用体验更加纯粹自然。

1. 常用动效软件

接下来我们就来看看继扁平化之后，市场上都有哪些动效软件可以使用。

1）AE：实现算是老牌的全能选手，几乎可以制作任何你想要的效果。

包括图标、交互的动效，但是操作相对复杂，第一次接触的同学还是建议先看看教程。

2）Principle：操作简单，效率高，可以和Sketch和Figma软件同步使用。

适合制作快速展示用的demo或一些简单交互动效设计。

3）Origami：这个软件是Faceboook的开源工具，他的作用和Principle软件很像。

但是它的操作方式很特别，所有的交互指令是需要拖动连接的。