2020年作为一名UI设计师，必学的软件都有哪些？

所需应用软件的如是说。

采用应用软件，主要就是为的是化解组织工作中的难题，输入组织工作丰硕成果，他们能将须要输入的文本分割成上面两个大类：

1.室内设计类应用软件

1.1 Adobe Photoshop

具体而言是 Adobe 系列产品的 Photoshop 了，是每一室内设计相关的雕塑家都须要自学的应用软件。自学 PS 在他们组织工作中的功用十分多，主要就包括顺利完成 Banner 电视广告、H5、开启工具栏、点缀工具栏等文本。

自学提议：PS 的机能和领域太多，他们主要就集中在基本上的工具、导出、图层属性、滤镜、蒙版等机能的采用上，对摄影后期、合成部分的机能而言能在前期不予理会。

1.2 Adobe Illustrator

AI 是一个和 PS 历史一样悠久的室内设计应用软件，主要就针对矢量图形的创作和设计，在 UI 中，AI 主要就用来给其他应用软件输入图形轮廓的辅助应用软件，比如输入工具工具栏、矢量插画、字体设计等。

自学 AI 和 PS 一样，有很多机能他们能前期不予理会，专注于矢量控制、钢笔、布尔、蒙版的相关应用方可。

2.界面设计

UI的界面有专门的应用软件来负责，虽然 PS AI 理论上都能做界面，但是它们并不是为的是 UI 开发的，操作起来不便，采用效率低下。所以，他们须要掌控上面其中一款应用软件。

2.1 Sketch

Sketch 是在 UI 行业开天辟地的应用软件，也能说是第一款完全针对 UI 界面设计的工具。它对比 PS 的优势就是更轻量化，应用软件打开更快，多画布、组件、快速填充等带来的效率提升是平面应用软件无法比拟的。

Sketch这个应用软件十分简单，入门仅需两个小时，彻底熟练掌控最多用一周的时间。最大的缺点是仅支持 Mac，PC用户无法采用。

2.2 Figma

Figma 是今年声名鹊起的新 UI 设计工具，在国外仅次于 Sketch 的占有率，它的主要就特点是能通过网页打开和采用，方便进行团队协作和线上同时操作。

Figma机能和 Sketch 大致相同，从入门到熟练采用也最多花一个星期的时间，不过主要就的缺点是对网速要求较高（颗学上网），以及没有原生中文。

2.3 Adobe XD

XD 是 Adobe 自家推出的针对界面设计的应用软件，用来和 Sketch、Figma 进行竞争。它的主要就吸引力是纳入 Adobe 全家桶系列产品，对自家应用软件的支持较好。

按我自己的提议，XD 是最不须要学的，它是阉割版的 Sketch/XD，但它中文支持得比较好，Windows 用户不番强的话选择就只有它了。

3.原型设计

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

3.1 Axure

一个老牌原型线框工具，专注于原型制作和需求文档的制作，是产品经理必备的绘图工具。主要就优点是对于原型说明和文档创建比较方便，但是冗余机能也比较多，操作不便利。

只要掌控一款界面设计工具，那么基本上能在1天内学会这个应用软件，一些进阶机能在组织工作中没有太多采用场景。

3.2 摹客

国内专注于原型设计、分享、展示的线上工具，通过浏览器访问能直接进行操作，和 Figma 类似于，具备团队协作机能。

这个工具也没有太多难点，也是在1天内能上手并掌控。

3.3 墨刀

和摹客类似于，也是线上的原型设计工具，机能大同小异，不过操作体验私以为更好一点点，更能也更丰富。

和摹客一样，用1天时间就能掌控了。

4.动效设计

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

4.1 Adobe  After Effect

也就是大家都知道的 Adobe AE，约等于动效界的 PS、AI，一个用来制作影视动画特效的工具。理论上你能想到的动画它都能做，但对 UI 动效而言它太臃肿了。并且因为它只能制作线性动画，无法实现可交互的动效原型。

自学 AE 同样不须要学整套，只适合用来做一些特别复杂的特效和微观矢量动画，集中精力在关键帧动画的制作方式上方可。

4.2 Protopie

Protopie是一款今年来名声大噪的新动效工具（其实也不新了），它最大的优点就是支持 Windows，是 Windows 平台上纯动效工具的独苗。Protopie机能强大，能便捷制作可交互的动效原型，添加正则表达式等。

Protopie 的特性更适合制作产品中的某一个业务流程，比如发布流程、注册流程、购买流程等等。入门只须要1天左右的时间。

4.3 Principle

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

它的操作和采用逻辑都很简单，只要有 AE 基础，也是在1天时间就能掌控的应用软件。

4.4 Flinto

Flinto 是一个逐渐沉寂的动效工具，是我之前最喜欢的动效应用软件，适合制作完整的项目动效原型，但对单一场景动效的制作而言局限性较大。

这个应用软件在今天可学可不学，也是在很短的时间就能掌控的工具。

4.5 Origami Studio

Origami 是一款比较难如是说的工具，因为它的动画效果制定不是通过时间轴，而是通过代码中的属性和事件卡片进行连线实现的，具有比较高的门槛和逻辑要求，也只适合制作单一或小范围的交互场景。

这应用软件也属于能不学，但是学会后会对动效的开发实现有更深刻的认识。

4.6 Framer

这也是一个比较神奇的动效工具，最开始只能通过 JS 代码来定义动效事件，后来增加了可视化的操作界面，但进阶机能上依旧须要依靠代码来顺利完成，应该是所有动效工具中能实现机能最强大的一个。

现在新版本我没怎么采用，不过顶多3天时间就足够入门了。

5.标注切图

标注和切图，是他们顺利完成一个项目以后，将页面的文本进行标记备注，导出设计素材的过程，在今天往往须要专业的应用软件来执行。

5.1 蓝湖

蓝湖是目前国内标注和切图采用最广泛的线上工具，能通过上传项目快速顺利完成标注和切图的机能，内部协作起来特别方便。

基本上没有什么自学成本，只要跟着网站新手提示用用就能学会。

5.2 像素大厨

PixelCook 也是一个比较老牌的标注工具了，是一个本地客户端，目前也支持云端分享、团队协作和切图导出的机能，但整体采用起来并不如蓝湖给力。

它的采用也很简单，基本上能一用就会。

5.3 Zeplin

这是一款国外采用范围最广、机能最全的线上标注工具，虽然有很多雕塑家推荐，但可惜的是它没有这对国内提供服务，访问速度慢，导致操作效率低。

只要英文稍微有点基础，也能轻易上手采用。

5.4 Sketch Measure

这是一个 Sketch 专属的插件，也是早几年最广泛应用的标注切图工具，它能在 Sketch 中快速导出一个基于 HTML 的标注切图项目。局限性是导出的文件须要传输，实时性差。

只有 Sketch 才能用，也几乎没有什么自学成本。

看了上面的文本以后，新手如果心态不太好的，或者看的不仔细的，肯定会给自己加戏，觉得应用软件太多了，压力太大。

这样的想法就 Duck 不必，UI 虽然须要学的应用软件多，但并不代表学起来就难，每一款应用软件的掌控所需的自学成本都十分低。对工具的掌控从来不是 UI 这个行业的门槛，难的在于你如何运用这些工具输入有价值的产物。

所以，给大家一个自学应用软件的路径提议，这也是之后他们自己课程中对新人学前指导的要求。

1. PS、AI：花半个月的时间，掌控 PS、AI 的入门基础和操作，顺利完成适量的案例练习和临摹，熟悉应用软件机能和快捷键。

2.UI设计工具：Mac 用户提议自学 Sketch，Windows 用户提议自学 Figma 或 XD，通过案例临摹在一周内彻底熟练掌控其中一款应用软件的机能和应用方式。

3.原型工具：有了 UI 设计工具的基础，选 Axure、墨刀、摹客其中一款工具花两个小时看看它们的机能和案例方可，没必要深入自学和应用，知道怎么操作方可。

4.动效工具：须要用几天时间掌控 AE 的关键帧动画操作和概念，然后自学1-2款其他动效工具，Protopie 提议recommend，能在3天内掌控。而 Mac 用户能根据自己喜欢再挑一款。

5.标注切图：这类工具能在对项目设计有一定了解后再去自学，先明白标注和切图的概念再看工具，而不是通过工具如是说来逆推标注切图是什么。

一定要注意，UI 界面、动效、原型、标注切图等，都只须要掌控1-2个方可，而不是每样都学一遍，应用软件学得再多，也和设计能力没有直接关联。

然后，为的是新手更好的了解 UI 相关应用软件，他们做了一张完整的表格，一次性看懂。

重新理了一遍应用软件的需求，除了做科普以外，也顺带对后续的一些录制做了规划。

他们会推出一个 “1小时” 系列产品课程，让新人可以在最短的时间内掌控 Sketch、XD、Protopie 等应用软件，将更多的时间留给设计本身的自学和项目实战！

另外，他们的职业培训课程中，会提供更完整的应用软件自学材料，练习方案，计划，能更好的巩固应用软件基