学习ui设计要用到哪些工具？
日期：2019-06-24 17:37作者：北大青鸟西安华清校区
摘要:UI设计师们应该都知道关于UI的设计工具有很多，如我们常见的ps，AI等软件，相信很多UI设计师都会好奇做动效一般都使用什么软件？今天小编就来给大家科普一下，UI设计工具有哪些？
关键词：
北大青鸟ui培训
UI设计师们应该都知道关于UI的设计工具有很多，如我们常见的ps，AI等软件，相信很多UI设计师都会好奇做动效一般都使用什么软件？今天小编就来给大家科普一下，UI设计工具有哪些？其中UI动效设计工具有什么。
其实目前市面上关于UI设计工具有很多，UI动效设计工具也不少，建议大家学好一个，够用就好——学多而不精其实就是浪费时间！
1. Adobe After Effects
AE这个软件我想大家都知道，火得一塌糊涂，如果没猜错的话，它目前属于设计师学动效的首选。
它的特点就是强大且牛逼，基本上要用的功能都有。UI动效制作其实只是用到了这个软件很小的一部分功能而已，要知道很多美国大片都是通过它来进行后期合成制作的，配合PS和AI等自家软件来说，更是得心应手。dribbble上炒鸡多的大神都是用这个软件在show哦，毕竟这个软件做demo那是拧〔犇逼的——
但是有些效果程序猿不见得能够帮你实现出来，因为实际的项目产品受太多的制约，没有那么多程序猿会没事给你做动效的！
2. Adobe Photoshop
可能很多人都认为ps只用来作图和处理图像的，并不知道ps可以做gif——然而当AE没有火起来的时候，我们这些老ui设计师们都是用ps做gif，用flash做demo（过去我们只需要做PC桌面的动效）。如果没记错的话，ps从cs6之后开始进一步加强了动效的模块，现在的版本能够实现很多相对复杂的动效——
而笔者喜欢用ps来制作简单的表情动画，逐帧动画用得居多，如下图的表情——
3. Adobe Flash
Flash可以说是过去的王者，也是由于时代的发展原因，现在基本被淘汰了，这里不多做解释，具体可以百度——据说特别耗费cpu和占用内存，软件里面有都爆卡！不淘汰才怪！现在很多很low的网页游戏还在用这种技术。
4. Pixate
这个软件被大牛Google收购了，然而被收购一年后，Pixate Studio宣布被停止更新了——凄凄惨惨戚戚。
Pixate是图层类交互原型软件，优点是可交互，共享性强，和Sketch结合相对高，同时对Google Material Design的支持比较好，有许多MD相关预设；缺点是没有时间线，层级管理不是很明确，图层一多就会非常的繁杂。
5. Origami
这个软件可以用一句话来形容——超强大的高难度原型工具，要是没点代码知识做压惊，建议远处观望就好。
6. Hype 3
hype 3也算是火了一小段时间的，号称无代码动效神器，像AE一样使用时间轴就做可互动的动画。PC、手机、pad端都可以直接访问（以web的形式），也可以导出视频或者GIF。3.0版还有物理特性和弹性曲线，可以发挥更强大的动画效果。对中国人来讲，它原生支持中文这一点也非常棒！配合sketch效果也是杠杠的！
7. Flinto
界面跟Sketch很像，如果会用sketch那么上手很快。它能够快速实现各种滚动、转场、点击反馈效果，手机和电脑端的预览都非常的流畅，貌似现在用的人不少。
8. Principle
这个软件的和上面的flinto有点类似，界面和sketch类似，同时配合sketch也是非常方便。它主要是做2个页面间过渡专场特效，元素切换，细节动效的工具。优点很明显，效率高，质感好，缺点就是不能做整套原型。
9. CINEMA 4D
说到C4D或者大家第一反应是它是三维软件啊——没错！但是它做起动效来也是帅破天际的——下面是网络上用C4d做的一些demo。
10. keynote
keynote相当于windows的powerpoint，是个幻灯片软件。但是！或许你并不知道，据说苹果的交互设计师都是用keynote做交互演示的……只要能够熟练掌握这个软件，目前app里的绝大多数动效都是可以做出来的——但是相对复杂一点的动效实现起来就有点不够。直接用它做个简单demo给程序员看的，快捷方便，要知道时间就是金钱啊！
转载请保留本文网址
https://www.sxbdqn.cn/qqwd/ui/94.html
上一篇：
自学ui设计师可以吗 零基础学员怎么自学？
下一篇：
ui设计中按钮设计的十大原则
