ui设计师要学什么-作为2020年的UI设计师，你必须学习哪些软件？

UI设计行业是一个更新迭代非常快的行业。 从我们开通公众号到现在，我们常用的工具和软件发生了很大的变化。 面对新人最近提出的问题，很难用过去的答案来涵盖今天的问题，所以我重做了一篇文章来介绍2020年专业UI所需的软件。

使用软件主要是为了解决工作中的问题，输出工作结果。 我们可以将需要输出的内容分为以下几类：

1.图形设计软件

平面设计软件基本上只需要掌握PS和AI即可。 其他像CDR、Affinity等对于UI设计师来说是不需要的。

1.1 Adob​​e Photoshop

首先是Adobe系列的Photoshop吉祥物设计，这是每个平面设计相关设计师都需要学习的软件。 学习PS在我们的工作中有很多用处，包括完成横幅广告、H5、启动图标、装饰图标等。

学习建议：PS的功能和领域太多了。 我们主要关注基础工具、导出、图层属性、滤镜、蒙版等功能的使用。 对于摄影后期合成的功能，可以在前期使用。 忽略它。

1.2 Adob​​e 插画师

AI是一款与PS一样历史悠久的图形设计软件。 它主要针对矢量图形的创建和设计。 在UI中，AI主要用来辅助其他软件输出图形轮廓，比如输出工具图标、矢量图、字体设计等。 等待。

学习AI和PS是一样的。 有很多功能我们前期可以忽略，重点关注矢量控制、画笔、布尔、遮罩等相关应用。

2.界面设计

专门的软件负责UI界面。 PS AI虽然理论上可以做界面，但并不是针对UI而开发的，导致操作不方便、效率低下。 因此，我们需要掌握以下软件之一。

2.1 草图

Sketch是UI行业的先锋软件，也可以说是第一个完全针对UI界面设计的工具。 它相对PS的优势在于更轻量，软件打开速度更快，多画布、组件、快速填充等带来的效率提升是平面软件无法比拟的。

Sketch是一个非常简单的软件。 只需几个小时即可上手，最多可能需要一周时间才能完全熟练。 最大的缺点是仅支持Macui设计师要学什么，无法供PC用户使用。

2.2 菲格玛

Figma是今年出名的一款新的UI设计工具。 其份额在国外仅次于Sketch。 其主要特点是可以通过网页打开和使用，方便团队协作和在线同步操作。

Figma的功能与Sketch大致相同。 开始并熟练使用它需要最多一周的时间。 但主要缺点是对网速要求高（一看就能学会上网），而且没有原生中文。

2.3 Adob​​e XD

XD是Adobe自己的界面设计软件，用来与Sketch和Figma竞争。 它的主要吸引力在于它包含在Adobe全家桶系列中，并且对自己的软件有更好的支持。

根据我自己的建议，XD是最不需要学的。 它是 Sketch/XD 的阉割版，但有更好的中文支持。 如果Windows用户不是很强的话，它是唯一的选择。

3.原型设计

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

3.1 斧头

一款老牌原型线框图工具，专注于原型制作和需求文档制作，是产品经理必备的绘图工具。 主要优点是原型描述和文档创建比较方便，但也有很多冗余功能，操作不方便。

只要掌握一个界面设计工具，基本上一天就能学会这个软件。 一些高级功能在工作中的使用场景并不多。

3.2 模拟

是一款国内专注于原型制作、分享、展示的在线工具。 可以直接通过浏览器访问进行操作。 它与 Figma 类似，具有团队协作功能。

这个工具没有太大的难度，1天内就可以上手并掌握。

3.3 墨刀

和Mockup类似，也是一款在线原型制作工具，功能类似，但是我觉得操作体验更好一点，更强大，更丰富。

就像Mock一样，一天就能掌握。

4. 动作设计

动效设计说起来很复杂，也是新手最容易犯的误区之一。 需要仔细解释一下。

4.1 Adob​​e After Effects

它也被称为Adobe AE，大致相当于动画行业中的PS和AI。 它是一种用于制作影视动画特效的工具。 理论上它可以做所有你能想到的动画，但是对于UI动画来说就太臃肿了。 并且由于它只能产生线性动画，因此无法实现交互式运动原型。

学习AE也不需要学习整套。 只适合制作一些特别复杂的特效和微矢量动画，并且只专注于关键帧动画的制作方法。

4.2 原型

Protopie是今年出名的一款新动效工具（其实一点也不新鲜）。 它最大的优点是支持Windows，是Windows平台上唯一的纯动效工具。 Protopie功能强大，可以轻松创建交互式动态原型、添加正则表达式等。

Protopie的功能比较适合做产品中的某个业务流程，比如发布流程、注册流程、购买流程等，上手只需要1天左右的时间。

4.3 原理

Principe是一款专门用于关键帧动画的交互式动画工具。 其操作逻辑与AE类似，时间线控制方便。 可以理解为AE的简化版，专注于单个交互事件和场景的制作，不适合制作多个页面，

它的操作和使用逻辑非常简单。 只要有AE基础，一天就可以掌握该软件。

4.4 火石

Flinto是一款已经逐渐变得无声无息的动效工具。 这是我之前最喜欢的动效软件。 适合制作完整的项目动效原型，但对于单场景动效的制作有很大的局限性。

这个软件今天可以学也可以不学，也是一个可以在很短的时间内掌握的工具。

4.5 折纸工作室

Origami是一个很难入门的工具，因为它的动画效果不是通过时间轴来设置的，而是通过代码中属性和事件卡的连接来设置的。 它的门槛和逻辑要求比较高，只适合生产。 单一或小规模交互场景。

你不需要学习这个软件，但是一旦你学会了它，你就会对动效的开发和实现有更深入的了解。

4.6 成帧器

这也是一个比较神奇的动效工具。 起初，运动事件只能通过JS代码来定义。 后来增加了可视化操作界面，但高级功能仍然需要通过代码来完成。 它应该是所有动效工具之一。 可以实施最强大的一项。

新版本我现在用的不多，不过最多3天就够上手了。

5. 标记切口

注释和剪切是我们在完成一个项目后对页面内容进行标记和注释以及导出设计素材的过程。 如今，通常需要专业软件来执行它。

5.1 蓝色泻湖

Blue Lake是目前国内使用最广泛的在线标签和切割工具。 可以通过上传项目快速完成标注和切割的功能，内部协作特别方便。

基本没有学习成本，只要按照网站上的初学者提示就可以学会。

5.2 像素厨师

PixelCook也是一个比较老的标注工具。 它是本地客户端，目前支持云共享、团队协作和图像导出功能，但整体使用功能不如Blue Lake。

使用起来也非常简单卡通形象，基本就能用。

5.3 齐柏林飞艇

这是国外使用最广泛、最全面的在线标注工具。 虽然被很多设计师推荐，但遗憾的是它不提供国内服务，访问速度慢，导致运行效率低。

只要您有一定的英语基础知识，就可以轻松上手。

5.4 草图测量

这是Sketch独有的插件，也是过去几年使用最广泛的注释和绘图工具。 它可以在Sketch中快速导出基于HTML的注释和绘图项目。 限制是导出的文件需要传输，实时性较差。

只能配合Sketch使用，几乎没有学习成本。

新手看完上面的内容后，如果心态不好或者不仔细看的话，肯定会为难自己，感觉软件太多，压力太大。

没有必要这样想。 虽然UI需要很多软件来学习，但并不意味着它很难学。 掌握每个软件所需的学习成本非常低。 掌握工具从来都不是UI行业的门槛。 困难在于你如何使用这些工具来产出有价值的产品。

所以我想给大家一个如何学习软件的建议，这也将是我们自己课程中对新人学前指导的要求。

1、PS、AI：用半个月的时间掌握PS、AI的入门基础知识和操作，完成相应的案例练习和临摹，熟悉软件功能和快捷键。

2、UI设计工具：Mac用户建议学习Sketch，Windows用户建议学习Figma或XD，通过案例抄袭在一周内彻底掌握其中一款软件的功能和应用。

3、原型工具：有了UI设计工具的基础，Axure、Mokou、Mockup中选其一，花几个小时看看它们的功能和案例。 不需要深入学习和应用，只要会操作就可以了。 能。

4、动效工具：需要几天时间掌握AE的关键帧动画操作和概念，然后再学习1-2种其他动效工具。 Protopie建议你一定要学会，3天就可以掌握。 Mac用户可以根据自己的喜好选择另一款。

5、标注和切割：这类工具可以在对项目设计有一定了解后学习。 在看工具之前先了解标签和切割的概念，而不是通过工具介绍来推断标签和切割是什么。

必须注意的是，你只需要掌握1-2个UI界面、动效、原型、带注释的剪辑等，而不是把所有东西都重新学一遍。 无论你对软件了解多少，都与你的设计能力没有直接关系。

然后，为了让新手更好的理解UI相关的软件，我们做了一个完整的表格，可以一次性看懂。

我重新组织了软件的要求。 除了做科普之外，我还为后续的一些录音做了规划。

我们将推出“1小时”系列课程，让新人在最短的时间内掌握Sketch、XD、Protopie等软件ui设计师要学什么，留下更多的时间学习设计本身和实践项目！

另外，我们的职业培训课程会提供更加完善的软件学习资料、实践计划、计划，可以更好的夯实软件基础，​​衔接实际的项目学习。 有兴趣的同学可以扫描下方二维码进行咨询。

写出真正有用的信息并不容易。 如果您觉得对您有帮助，别忘了点击下方“阅读”并分享哦！