一篇文章带你搞懂UI与UX的区别！

经常听到身边的设计师聊天时提到UI设计师竞争压力越来越大，在考虑转型UX设计师。毕竟与UI设计师相比，UX设计师的薪资更高，职业前景更广。从最新的招聘信息可以了解到，UX设计师的年薪平均高出UI设计师的60%！

但和大家沟通过后，发现其实很多设计师或者准备入门的新手对于UI和UX的定义并不准确，今天咱们就来聊一聊UI和UX的话题，以及应该怎么做能更快转型。

「UI」：User Interface 用户界面

主要工作在于注重页面的呈现效果，在考虑界面美观程度对用户体验的影响下，来进行设计。

「UE/UX」：User Experience 用户体验

UX其实并不是某种具体的职位，而是一种工作思路。当然现在从事以此相关工作的职位又称交互设计师，主要工作在于留住用户。

关注用户心理，去优化交互流程等等这些途径/方法，都是基于希望以更好地用户体验来获取用户，留存用户这个最终目的的。他的工作范畴也不仅仅是页面设计，而是整体的产品设计。

「UED」：User Experience Design 用户体验设计

用户体验设计是人工制品、环境和系统的行为，以及传达这种行为的外形元素的设计与定义，以交互为主，设计为辅。它关注用户使用前、使用中、使用后的整体感受，包括行为、情感、成就等各个方面。

一、UI设计师与UX设计师的具体区别

1、工作角度差异

—— 一个是被动接收信息者，一个是提出问题者

作为 UI 设计师，工作的落脚点是基于“用户看到的这个页面”。而 UX 设计师则更偏向于如何去引导用户前往下一步，或者说更简单的使用。基于这一点，UI 设计师与 UX 设计师的工作思维有着截然不同的差别。UI 设计师大部分工作是等待产品经理或者 UX 设计师发现页面中存在的问题，从而来进行解决，属于一个解决者的角色。而一个好的 UX 设计师则需要多维度的去考量产品，去发现产品中所存在的问题，再与 UI 设计师一起来解决它。

图源：behance

2、思维角度差异

—— 一个是设计思维，从设计角度看界面，一个是用户思维，从用户的视角看待界面

UI 设计师的工作核心是用好的效果来为用户提供良好的视觉体验，离不开设计本身，因此在工作中，UI设计师绝大部分的重心都落在“如何让页面更好看”。而UX设计师，则需要更多的考虑用户体验这一层，内容如何才能与用户有效互动，引导用户完成他所需要的步骤……这都是UX设计师需要思考的问题。跳出设计这一层框架，不仅仅注重纯视觉效果，以用户更容易访达到所需要的页面作为第一准则来进行设计，做好产品内容才是UX设计师的工作核心。

二、如何从UI设计师转型至UX设计师？

很多UI设计师的努力目标就是转型做UX，那如何达成这一步呢？

1、利用闲暇时间的思考

UI到UX的转型，看似都在做设计，但实际上工作方法与思维大相径庭，除了在日常工作中要转换思维方式以外，多总结归纳是很重要的。

2、学会自己从他处采集灵感

多去使用一些交互设计优秀的产品，多去behance、Pixso社区等网站浏览案例。在使用的过程中去揣摩其优秀之处。即便是完全不同类的产品，依然可以学习其产品的整体逻辑，并记录下来。这个过程一定需要自己亲自去使用、揣摩，而不是直接浏览他人总结出的“干货”。我们每天都在吸收着海量的信息，这样的浏览难以在脑海中形成深刻记忆，下次产品设计时是很难回忆起的。

Pixso社区

像上图中的Pixso社区，是将「作品社区」与「资源模板」合二为一，类似于设计师版的GitHub。设计师可以在里面浏览作品后，直接复用需要的作品！其他的作品社区无法提供源文件，而资源社区无法直接进行编辑，而Pixso将两者完整融合：「浏览作品 → 复用 → 直接在编辑器中打开进行编辑」整个路径能在一个网页内完成。

打开网页试试吧：pixso.design

3、养成记录体验感的习惯

在使用自身或他人产品的同时，好的设计点随时都应该记录在册的，闲暇时可以归纳分析，积累关于如何优化产品交互的思考，形成能运用自如的方法论。

4、掌握数据分析能力

这个时代的用户体验已经是一个用数据说话的阶段了，通过数据分析能够反映出用户群体的产品使用情况。

以软件注册的转化率为例，某个时间段如果注册量暴涨，及时追踪该数据，可以更好更及时的去分析定位原因。有了这些信息，对于产品迭代更新都有作用。掌握例如SQL 之类的数据分析语言，能在履行其战略制定工作时起到很大的作用。

5、提升基础技能

UI 设计，其实可以看做 UX 设计师的一部分工作，因此设计能力依然是判断 UX 设计师水平的强指标。不是说会使用一些 PS、AI 软件就等于掌握了 UI 的设计，能简洁明了的传递给用户页面所需要表达的信息才是关键。

• 学习产品设计

产品设计乍一听以为是产品经理的工作，但实际上UX实际上也是要大程度地参与其中，将用户需求挖掘并拆解，融入到整体的设计里。

这要求设计师不仅只是绘制高保真，而是要从立项后就开始参与到原型的搭建与设计中。在此需要学习原型工具：

01 Pixso：一体化的设计平台，包括原型、设计、交付等多个功能在内。

含有多种交互动作与触发02动作的设置，可以在软件内直接进行交互演示；

产品和UX在平台内完成原型图后，通过链接交付给UI设计师，继续展开高保真的设计；

无需保存文件，就能完成整个设计过程。

使用地址：pixso.design

02 Axure：专门的原型设计软件

Axure是一款专为原型设计而打造的软件，逻辑能力很强，非常适用于产品经理在梳理产品核心逻辑。原型交互方面的功能很完善，提供了多种交互动作，但美中不足的是无法在线上进行设计，需要安装软件才可以使用。

希望这篇关于UI＆UX的“科普”能够对你有所帮助，早日成为一名优秀的UX设计师！

fqj