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

但是有些效果程序猿不见得能够帮你实现出来哦~ 因为实际的项目产品受太多的制约啦~木有那么多程序猿会没事给你做动效的!

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

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

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

2.Adobe Photoshop

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

可能很多人都认为ps只用来作图和处理图像的,并不知道ps可以做gif~然而当AE没有火起来的时候,我们这些老ui设计师们都是用ps做gif,用flash做demo(过去我们只需要做PC桌面的动效)。如果我没记错的话,ps从cs6之后开始进一步加强了动效的模块,现在的版本能够实现很多相对复杂的动效哦~

而笔者喜欢用ps来制作简单的表情动画,逐帧动画用得居多(如下图的表情~)。

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

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

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

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

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

3.Adobe Flash

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

Flash可以说是过去的王者,也是由于时代的发展原因,现在基本被淘汰了,这里不多做解释,具体可以百度哦。(据说特别耗费cpu和占用内存,软件里面有都爆卡~不淘汰才怪)现在很多很low的网页游戏还在用这种技术~

4.Pixate

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

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

这个软件被大牛Google收购了~然而它Google收购一年后:Pixate Studio宣布却于10月31号被停止更新了~凄凄惨惨戚戚。简单说下它的优缺点:

Pixate是图层类交互原型软件。优点:可交互,共享性强,和Sketch结合相对高,同时对Google Material Design的支持比较好,有许多MD相关预设。Pixate的缺点是没有时间线,层级管理不是很明确,图层一多就会非常的繁杂。

5.Origami

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

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

这个软件可以用一句话来形容:超强大的高难度原型工具。

要是没点代码知识做压惊~~建议远处观望就好~

6.Hype 3

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

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

hype 3也算是火了一小段时间的~号称无代码动效神器,像AE一样使用时间轴就做可互动的动画。PC、手机、pad端都可以直接访问(以web的形式),也可以导出视频或者GIF。3.0版还有物理特性和弹性曲线,可以发挥更强大的动画效果。对中国人来讲,它原生支持中文这一点也非常棒!配合sketch效果也是杠杠的·~~

7.Flinto

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

界面跟Sketch很像,如果会用sketch那么上手很快。能够快速实现各种滚动、转场、点击反馈效果。手机和电脑端的预览都非常的流畅。貌似现在用的人不少~下图是demo