聊聊「动效设计」

摘不出来，都是要。建议Wifi环境。...



今天时髦一把，试着聊聊「动效设计」。

智能移动设备的普及使得UI设计变得炙手可热，同时也催生出了一个新的设计分类：「动效设计」。据我所知已经有不少重视用户体验设计的公司为此相应设置了「动效设计师」的岗位。

今天的话题自然是围绕动效设计展开的，不过即便是这样，这话题的范围也有点大的让我Hold不住。我并不想从软件应用的层面展开，毕竟网上的AE教材已经很多了。所以先划定个范围，今天咱们只聊聊什么样的才是一个优秀的动效设计。

我在网上见过很多动效设计的练习作品，同时我自己也在摸索学习，其中不乏优秀的作品，但与此同时有更多同学的作品就显得差了那么点意思。

先来看一个作品，作者Tim Wu。



个人认为这算的上是一个优秀的动效设计。整体的节奏把握的很好，对手势的响应很积极，不拖沓生硬，表现自然无违和感。

如果你觉得以上几个对「优秀」的形容词过于抽象，那么下面我们再来看一个反例，作者就不标注了。



可以看到作者为了「突出动效」，做的还是很用心的。我特意掐表看了一下，整个动效播放下来直到我看到「菜单」，一共花费了3.8秒。这样的作品，显得就有点刻意了，为了动效而设计。

事实上，一个成功的动效作品除了体现产品的「情感化设计」，更重要的是动效本身应该具备以下几种特征：

1. 平滑流畅
2. 反馈及时
3. 不干扰用户

同时，动效还应该符合物体的自然运动规律。究竟是线性运动还是先快后慢？是先慢后快还是匀加速？都需要根据使用场景来做出判断，以做出最符合用户预期的设计。最后，我想提一个词儿，「节奏感」。一个好的动效作品还应该具备合理的「节奏感」，要知道线性的动作只会让人感到索然无趣。对很多人来说，「节奏感」大概是一种与生俱来的天赋，那么对于「节奏感」不好的同学来说，或许多听听音乐可以给你一些灵感？

:）题图 Guillaume Kurkdjian

戳阅读原文，带你看一些优秀的动效设计。

(如果长时间显示跳转中可以尝试用浏览器打开)

    关注 新锐设计