干货推荐|UI动效设计原来都是这些软件做的!
来源:硅谷堂 | 作者:adminuser | 发布时间: 2017-01-10 | 2671 | 分享到:

干货推荐|UI动效设计原来都是这些软件做的!

干货推荐|UI动效设计原来都是这些软件做的!

干货推荐|UI动效设计原来都是这些软件做的!

干货推荐|UI动效设计原来都是这些软件做的!

随着技术的不断发展,动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围的应用。那么马上问题就来了,为什么动效越来越吃香?它有哪些优势呢?

干货推荐|UI动效设计原来都是这些软件做的!

首先要说明一点的是,动效之所以越来越吃香不是最近才流行的,而完完全全就是因为过去硬件设备承受不住啊~ 过去要是在手机里搞个动效,那你手机就等着卡出翔,要知道过去的内存和cpu都是多么多么的low.....而现在呢?动不动尼玛就是4G内存了,双核?四核?还是八核CPU吧......

所以不搞点动画出来实在对不起这些设备啊。再说这个年代是个强调个性的年代~一成不变和乏味的设计是很难让消费者买单的~

动效的优势

至于优势嘛~太显而易见了·~下面这几点基本可以说明:

1.展示产品功能。

动效设计可以展示产品的功能、界面、交互操作等细节,让用户更直观的了解一款产品的核心特征、用途、使用方法等细节。

干货推荐|UI动效设计原来都是这些软件做的!

2.更有利于品牌建设。

比较恰当的栗子如最近优酷更新了logo,还有本文的第一张图展示的youtube的logo延展~

干货推荐|UI动效设计原来都是这些软件做的!

干货推荐|UI动效设计原来都是这些软件做的!

3.利于展示交互原型(设计细节)。

很多时候设计不能光靠嘴去解释你的想法,静态的设计图设计出来后也不见得能让观者一目了然。因为很多时候交互形式和一些动效真的很难用嘴来形容,所以才会有高保真demo。这样就节约了太多的沟通成本。

干货推荐|UI动效设计原来都是这些软件做的!

4.大大的增加了亲和力和趣味性。

有时候加个动效,能立马拉进与观者的距离,要是再加些趣味性在里面,用”爱不释手“这词也毫不夸张啊。

干货推荐|UI动效设计原来都是这些软件做的!

干货推荐|UI动效设计原来都是这些软件做的!

好吧废话那么多其实就是想说动效很牛逼~但动效也不是可以随便乱用的,这个今后再另写篇文章来专门说。

动效设计软件有哪些?

看到这里可能你最想要知道的就是哪些软件可以做动效?

目前市面上确实蛮多的,笔者建议学好一个,够用就好。学多而不精其实就是浪费时间!

1.Adobe After Effects

干货推荐|UI动效设计原来都是这些软件做的!

AE这个软件我想都该知道~火得一塌糊涂,如果笔者没猜错的话,它目前属于设计师学动效的首选。

它的特点就是强大且牛逼。基本上要的功能都有~UI动效制作其实只是用到了这个软件很小的一部分功能而已~要知道很多美国大片都是通过它来进行后期合成制作的~ 配合PS和AI等自家软件来说,更是得心应手啊~dribbble上炒鸡多的大神都是用这个软件在show哦~毕竟这个软件做demo那是牛牪犇逼的~