Question

UI设计师都需要学习哪些软件?

Answer 1

1
平面设计类软件
平面设计软件基本只需要掌握 PS、AI 即可，其它的类似 CDR、Affinity 等对于 UI 设计师来说都可以不学。

Adobe Photoshop
图片
首先是 Adobe 系列的 Photoshop 了，是每个平面设计有关的设计师都需要学习的软件。学习 PS 在我们工作中的用处非常多，包括完成 Banner 广告、H5、启动图标、装饰图标等内容。
学习建议：PS 的功能和领域太多，我们主要集中在基本的工具、导出、图层属性、滤镜、蒙版等功能的使用上，对于摄影后期、合成部分的功能来说可以在前期不予理会。

Adobe Illustrator
图片
AI 是一个和 PS 历史一样悠久的平面设计软件，主要针对矢量图形的创作和设计，在 UI 中，AI 主要用来给其它软件输出图形轮廓的辅助软件，比如输出工具图标、矢量插画、字体设计等。
学习 AI 和 PS 一样，有很多功能我们可以前期不予理会，专注于矢量控制、钢笔、布尔、蒙版的相关应用即可。

2
界面设计
UI的界面有专门的软件来负责，虽然 PS AI 理论上都可以做界面，但是它们并不是为了 UI 开发的，操作起来不便，使用效率低下。所以，我们需要掌握下面其中一款软件。

Sketch
图片
Sketch 是在 UI 行业开天辟地的软件，也可以说是第一款完全针对 UI 界面设计的工具。它对比 PS 的优势就是更轻量化，软件打开更快，多画布、组件、快速填充等带来的效率提升是平面软件无法比拟的。
Sketch这个软件非常简单，入门仅需几个小时，彻底熟练掌握最多用一周的时间。最大的缺点是仅支持 Mac，PC用户无法使用。

Figma
图片
Figma 是今年声名鹊起的新 UI 设计工具，在国外仅次于 Sketch 的占有率，它的主要特点是可以通过网页打开和使用，方便进行团队协作和线上同时操作。
Figma功能和 Sketch 大致相同，从入门到熟练使用也最多花一个星期的时间，不过主要的缺点是对网速要求较高（颗学上网），以及没有原生中文。

Adobe XD
图片
XD 是 Adobe 自家推出的针对界面设计的软件，用来和 Sketch、Figma 进行竞争。它的主要吸引力是纳入 Adobe 全家桶系列，对自家软件的支持较好。
按我自己的建议，XD 是最不需要学的，它是简单版的 Sketch/XD，但它中文支持得比较好，Windows 用户可以选择。

1
原型设计
原型工具掌握是一个有争议的话题，因为上面的 Sketch、XD、Figma 都可以具备原型绘制和连线功能，并不是非要掌握额外的工具不可。

Axure
图片
一个老牌原型线框工具，专注于原型制作和需求文档的制作，是产品经理必备的绘图工具。主要优点是对于原型说明和文档创建比较方便，但是冗余功能也比较多，操作不便利。
只要掌握一款界面设计工具，那么基本可以在1天内学会这个软件，一些进阶功能在工作中没有太多使用场景。

摹客
图片
国内专注于原型设计、分享、展示的线上工具，通过浏览器访问可以直接进行操作，和 Figma 类似，具备团队协作功能。
这个工具也没有太多难点，也是在1天内可以上手并掌握。

墨刀
图片
和摹客类似，也是线上的原型设计工具，功能大同小异，不过操作体验私以为更好一点点，更能也更丰富。
和摹客一样，用1天时间就可以掌握了。

4
动效设计
动效设计，讲起来就复杂了，也是新手误区最深的地方之一，得好好说道说道。

Adobe After Effect
图片
也就是大家都知道的 Adobe AE，约等于动效界的 PS、AI，一个用来制作影视动画特效的工具。理论上你能想到的动画它都能做，但对于 UI 动效来说它太臃肿了。并且因为它只能制作线性动画，无法实现可交互的动效原型。
学习 AE 同样不需要学整套，只适合用来做一些特别复杂的特效和微观矢量动画，集中精力在关键帧动画的制作方式上即可。

Protopie
图片
Protopie是一款今年来名声大噪的新动效工具（其实也不新了），它最大的优点就是支持 Windows，是 Windows 平台上纯动效工具的独苗。Protopie功能强大，可以便捷制作可交互的动效原型，添加正则表达式等。
Protopie 的特性更适合制作产品中的某一个业务流程，比如发布流程、注册流程、购买流程等等。入门只需要1天左右的时间。

Principle
Principe 是一款专门用来做关键帧动画的可交互动画工具，它的操作逻辑和 AE 类似，有便捷的时间轴控制，可以理解成是一个简化版的 AE，专注于制作单一的交互事件和场景，不适合制作多页面。
它的操作和使用逻辑都很简单，只要

Answer 2

使用 Hype

可以在网页上做出赏心悦目的动画效果,创建丰富的网页交互动画,无需编码。