2019年UED设计师知识体系手册

适读人群：设计爱好者、设计专业学生、转行设计师、初级设计师。

前言：最近跟很多互联网设计行业的同事以及即将步入、想步入互联网设计行业的同学聊天中，发现很多人，包括一些初入行的设计师，对于UED，也就是大家经常所说的UI/UE专业学习存在一些疑惑，甚至还有一些误区，那我就针对这个问题梳理一下到底UED设计师在今天而言你们该去学些什么。

UI=User Interface=用户界面设计

UE=User Experience =交互设计

UED=综合型用户体验设计（这里要解释下，UED的英文全称为：User Experience Design，也就是比交互设计的英文多了个Design，但是在国内的互联网公司内，一般都会称整个设计部门为UED部门，久而久之，便形成了UED为互联网设计总称的代名词。）

一般来说，用户界面设计（UI）和交互设计（UE）是属于用户体验设计中的一个环节的，都是互联网互联网产品设计中的内容。有些公司整个互联网设计部门就叫做UED部门，参见：阿里UED团队。

UED部门一般包含了产品经理、UI设计师、UE（交互）设计师、用户数据分析师、前端工程师等各种职位。

这里把UED设计师需要学什么东西总结了一张技能树图供大家参考：

有了这张技能树图，我们就按照图中的内容给大家一个个讲。

审美可以说每个人都有，但容易出问题的地方在于，很多人会误以为自己的审美还不错。这里不讲审美的对错，审美也没有对与错之分，但是作为设计师，我们需要有一定审美高度，这个高度的判断点在于是否具有商业价值以及普世价值。毕竟商业设计不是做出来自己好玩的。

为什么要提高审美？来看看我们周遭的环境就明白了：

这不是举的什么特例，这就是我们经常能看到的场景，如果我们从小就是在这种审美环境下生长起来的，那审美能好到哪里去？所以提高审美是你学设计的第一步！那么如何提高呢？互联网给予了我们便利性。

这里给大家贴了一些国内外最常用的几个设计类网站，审美提高没有审美捷径，最好办法是从小熏陶，其次就是从现在开始，每天坚持看很多的优秀设计作品并收藏，然后定期的更新自己的收藏夹，你会发现在一段时间后，你的收藏夹内的设计作品水平会提高不少，证明了你的审美也同时提高了。

学设计一般都会需要学习软件，大家也能看到很多相关的问题的回答，但是我大概看了一下，人云亦云的很多版本，我这边就按照UI/UE方向整理了一下要学些什么软件。

UI设计软件

交互设计软件

Photoshop

UI设计80%时间都在用的软件，主要是去做界面、Banner、Appicon、切图等以静态视觉为核心的工作。基本都使用里面的矢量工具去绘制，UI设计师必须非常熟练的掌握此软件！

左边那个ICON是我用PS自己画的，如果有兴趣想学一下的话可以移步腾讯课堂：

Illustrator

由于其纯矢量的特性，以及线与面转换的便利性，主要用于做互联网产品内的功能型ICON以及辅助型页面的平面插画。

Sketch+Principle

这两个可以算是专门为UI设计开发的软件，但是只有Mac版本，Windows电脑无法使用，导致这个软件在行业内的通用性存在问题。

Sketch的功能基本都是为UI设计服务的，而且是矢量软件，做UI设计的效率很高。

Principle是可以与Sketch无缝对接的动效设计软件，与Sketch配合能做出很多可以操作的UI静态+动态效果设计。

Sublime

这个不算是设计软件，就是一个前端编辑器，写前端代码非常方便，前端的知识对于UI设计师来说也是非常重要的，一方面，为了能了解自己设计在程序方面的实现可能性，另一方面，可以很好的跟程序员建立沟通（撕B - -...）

After Effect

这算是UI设计师的附加技能吧，会则更好，不会也不太影响UI设计师主要的工作内容。主要可以做出一些比较负责的动态效果，不仅限于界面动效，有关动态效果表现基本都可以实现。但是也有一个硬伤，就是你不管做成什么样，只能以图像格式输出，很可能你做的花里胡哨的动效程序根本实现不出来或者实现成本比较大，所以前面所讲的学习前端就很重要了。

Cinema 4D（我要吐槽一下，有些人好像只知道缩写：C4D，而不知道全称。。。）

这个属于一个跨界软件，起初我知道这个软件的时候，还是在工业设计行业中使用的，也不知道为啥这两年开始流行用建模软件做平面类的设计了，可能是容易出效果吧，所以这个软件也属于UI设计师的附加技能，能做很多的概念设计，总之会这个软件，能让你的设计表现力更丰富更有趣。

这里所讲的软件都是UI设计相关的软件，交互设计的软件一般不会去做这么多好看的东西，主要是去设计功能结构的，接下去会讲。

这里主要就会讲到UI设计规范以及交互设计的一些内容了，刚刚的软件及作品展示，只是最终的一个输出结果，在设计过程中，产品设计的一些逻辑型思维、设计规范、开发标准支撑着整个作品的呈现，所以以下内容至关重要！

这里列举的设计、开发标准并不是完整的，只是截图举例，完整的最新设计标准大家不用去百度，可以直接从各个系统的官方渠道获取，这边给大家开个传送门：

苹果开发者中心

安卓开发者中心

微软开发者中心

很多人问我设计师看什么书的问题，这边给个明确的建议：

· 初期学习阶段，不用看书，这个阶段是用来打基础的，主要时间需要花在设计技能的掌握和标准化、专业化设计思维的构建。所需要的知识点，互联网的资源上能永远保持最新，这个就比《xx设计教程》这样的书来的更加有效。

· 中期学习阶段，可以去看一些交互设计研究、用户研究、心理学、设计历史之类的书，首先这类知识点在一定时间内，是不会过时的，所以值得去看。其次，在掌握了基础设计技能后，大家需要多去了解更深层次的设计点，深挖浮于表面的设计，去构建一个自己的设计思维体系。

· 后期学习阶段，这时候往往设计该怎么做，设计该怎么服务于用户对你们来说已经摸索透彻了，甚至在整个设计思考环节已经不是那么重要了，更重要的是定义设计创造的价值。那么你就该去了解商业设计的本质—商业。多去看一些互联网产品、运营、商业、经济类的书，将会有更大的助益。

这边推荐一些对UED设计师比较有价值的书籍，不分先后，根据自己所处阶段去选择：

1、设计类

2、历史类

这是好书，但是比较厚，又是历史类的，啃起来的确费劲，可以去看作者王受之所讲的这个设计史课程视频：

3、产品、运营、商业类

好了就推荐这么多，在学习阶段肯定够看了，当你们到了一定阶段后，自然会有一些自己的选择。看书，不一定选最厚的，不一定选最贵的，不一定选大家都看的，要选最适合自己的，一直就是这么个理。

感谢你们能看到这里，同时也给能静下心来看这篇文章的你一个大大的赞。

希望这些内容能对你们有所帮助，更多深入学习、交流、合作请加微信：djnan9124