动效设计之我见
2015-12-14 本文已影响193人
Manley
在这个动效设计元年,动效设计似乎也变成了设计师必备的技能之一,那么笔者就来分享一下自己对于动效设计的见解吧。
工具
首先说说关于工具,各式各样的动效设计工具层出不穷,笔者先后尝试了AE/QC/Pixate/Hype3/Principle等不下十款的设计工具,这些工具各有优劣,似乎还没有一款能够真正满足设计师需求的动效设计工具,所以经过一段时间的探索,我觉得作为一个设计师,我们应该做的是挑选一两款能够表达出自己想法的工具,更加关注设计本身,而不是使用的工具,新工具的迭代自会有时间自然会给出答案。这让我想起了一句话,工具于设计师而言如同武器,我们终其一生去寻找各种神兵利刃,最后却发现自己不会武功。。。
目的
笔者经常在一些设计交流网站上看到各种酷炫的动效设计作品,这些作品作为平时练习是一种很好的拓展思路的方式,但是不能实际的运用到真实的产品里去,因为动效始终是为产品服务的,传达了某种信息,不能舍本逐末。
以下是我认为的动效设计的几种目的
传递品牌价值

增加操作流畅度

减少等待焦虑

即时反馈

提示用户

营造氛围

输出
设计产出物不仅是一段小视频或一个可交互原型,还要求设计师能够准确的将自己的设计表达给开发。

这里收藏了一个网址缓动曲线速查,可以通过对贝塞尔曲线的描述、物件的形变状态 、动效持续的时间 快速的将自己的设计转达给开发。