UI 设计和 UX 设计的区别是什么？

我经常会做的一个比喻，就是盖房子。

（文章结尾有覆盖几百个知识点的能力地图）

就像这样一栋小木屋，盖起来的整个过程，需要多种角色的配合才能完成。

首先，需要一个人提出需求， Ta 需要一栋什么样的房子。需要房子能够提供哪些细节。

然后，由一名设计师，规划房子的整体使用情况，包括房间的布局等等。

其次，由另一名设计师，提供房子的整体外观的设计。

再次，由一名工程师给出房子的整体架构、材料等等建议，以及规划盖房子的流程。

最后，工人施工，前者依次验收。

这样的一个过程，在现实生活中，可能这样的一栋小木屋都是一个人完成的。但是如果把这栋房子，看成一款互联网产品的话，那么就能够找到对应的角色了。

提出需求的人，在一个流程中，往往是产品经理，而他则是从多个层面获取到的相关的需求。

规划房子的整体使用情况和布局的那个人，我们一般都叫作交互设计师。

决定房子的外观，给房子刷什么柒的那个人，我们一般叫作视觉设计师（ UI 设计师或 GUI 设计师）。

而建立房子的工程师和工人，一般都是我们整体产品团队中的研发工程师。

等等，这里肯定会有人产生疑问，已经看到了 UI 设计师，那么 UX 设计师在哪里呢？

其实，在这个盖房子的例子中，UX 更多的是一种理念，比如说，我们建立这栋房子的目标，是要秉承着冬暖夏凉，通风好，采光棒，房间布局合理，住起来舒服又放松，睡一晚就能够充分放松身心。

那么，所有盖房子的人，都要秉承着这样的思想，那么就时刻考虑着 UX 是什么。

这个例子是比较贴近于 UX 和 UI 的概念的。

UX 的概念

什么是UX

首先要明确的，UX 并不是具体的一个职位或者工作技能，而是一种思路或者一个流程。

UX ，在百度百科中，解释如下：

UX是User Experience的缩写，即用户体验，其核心是用户，体验指用户在使用产品以及与产品发生交互时出现的**主观感受和需求满足**。用户体验发生在用户接触产品的时候，随着用户使用产品的深入，用户体验也从内部感受逐渐转变成某种用户需求的满足。UX设计师研究和评估一个系统的用户体验，关注于该系统的易用性，价值体现，实用性，高效性等。

用户体验的工作内容，我们可以从广义和狭义两个角度来说明：

广义的角度

从广义的角度来看，用户体验的工作内容涉及到的是一款产品的使用周期，我们可以定义为，这款产品从用户开始使用到使用完毕的感受体会。

这种产品，并不是单纯指软件类产品，还包括硬件类的产品。

对于软件产品，结合用户的使用任务，是一个有开头和结尾的故事。

用户具有一个明确的目标，打开软件，然后结合对应的操作，最终达成目标。

而对于硬件产品来说，往往从开箱，一直到使用以及使用完毕，整体的过程都可以使用「用户体验」来解释和设计。

我个人非常喜欢苹果的原因，很大程度上来源于第一次购买苹果产品，从开箱到开机的整个过程舒服的体验。

最近一次觉得苹果的用户体验无以伦比，还是第一次拿到 Air Pods 从打开包装，到自动连接手机一瞬间的那种触动感，为我的使用过程制造了非常完美的用户体验。

对于产品设计的整体过程，用户体验应该应该是融入其中的，因此就需要产品设计的每个阶段，产品经理、产品设计师、产品研发人员、产品生产人员以及产品测试人员、质检人员都要带有用户体验的概念来完成工作内容。

一般在实体行业中，并不会有专门的用户体验设计师的岗位，而是需要把用户体验的概念深入到每一个角色中去。

狭义的角度

一般我们从狭义的角度来解释用户体验设计师的工作内容，以及谈论这个角色，更多的是在软件或互联网行业中。

完成用户体验工作的人，基本上都是用户研究员，设计师，包括交互设计师和视觉设计师。

用户体验的工作内容，包括的整体流程会有以下几个方面：

1.需求挖掘

通过研究用户和数据分析，挖掘用户需求，收集用户反馈，然后定义产品的初始形态或者产品的迭代。

在这个过程中，用户研究员、设计师和产品经理需要协同工作，共同努力，通过反复的讨论以及考察验证，才能找到最接近真实情况的需求。

此时的产品形态，往往是从0-1，或者是处于快速迭代的阶段。

2.产品设计

产品设计，貌似是产品经理的主要工作内容。实际上，用户体验设计师同样也要参与进去，把用户体验的概念融入到产品设计中。

产品经理往往要结合多个角度去考虑具体的设计，包括产品的实现架构，用户需求，市场目标等，此时就需要用户体验设计师把用户需求进行拆解，然后融入到产品经理的整体设计中。

在这个阶段，产品经理和用户体验设计师之间的沟通会非常多，并且基本上处于一种假设阶段，后面在产出具体的原型以后，可以再进行验证。

3.界面设计

产品的用户界面设计，是用户体验设计师充分把自己的专业性落实的阵地，从交互设计到视觉设计，基本上每一个细节都要以用户体验为目标指导设计的执行。

交互设计和视觉设计的范畴，实际上就包含在用户体验的概念中。用户体验需要用户研究员、交互设计师、视觉设计师把一款互联网产品从一份文档或功能列表，转化为交互流程图、界面交互原型、带有视觉效果和动效的高保真原型。

因此，在行业里，我们会把用户研究员、交互设计师和视觉设计师都称作为「用户体验设计师」，而他们所完成的工作内容，都是用户体验的一部分。

4.原型验证

针对于原型验证的方法，有很多。我们日常接触比较多的，基本上是可用性测试或 A/B 测试这样的方法论。

在行业中，众多的用户体验设计师，通过可用性测试来收集用户的反馈，在建立一定的用户体验标准（依据不同的产品实际情况，用户体验指标会不一样），来考察所设计的原型，是否能够满足用户真实的需求，实现用户的目标，以及完成任务。

可用性测试可能有些大费周章，因为要邀请用户在模拟的环境中使用，而互联网产品的原型验证，可以考虑MVP 或通过一部分用户的甄别，让他们参与使用测试，收集实际使用的数据情况，然后来分析之前的设计能否达成目标。

无论是传统的方式，还是更灵活的方法，对于用户的甄别，是非常重要的环节。

这部分内容也是用户体验设计师需要参与以及主导完成的工作内容。

5.数据收集和分析

在这里，用户体验设计师要配合运营的同事，做好数据收集和分析的工作，尤其是针对于产品的界面操作等，关键界面或元素，一定要做好数据埋点。

通过数据分析，能够反映出主流用户群体的产品使用情况，以及针对于接下来的产品改版和迭代，都会有所帮助。

6.整体的流程

多年前我们在官网上曾经有这样一张图。

这张图在当时能够充分反馈出用户体验设计师的整体工作流程。

现在行业中会有一些变化，针对于工作地环节接入和输出的阶段会有所不同，但是大致的概念上还是不变的。

另外近些年衍生出的「服务设计」的概念，同样也可以归纳入用户体验的一部分。毕竟在用户体验行业产生之初，实际上随处可见的是「服务设计」的影子。

UI 设计的概念

UI 设计师，是 UX 设计师中的一部分。最早在行业中，UI 设计师指的是交互设计师( User Interaction Designer)，而视觉设计师主要是 GUI (Graphical User Interface Designer )。

随着行业的发展，UI 设计师，逐渐发展成为视觉设计师的专门指代，而交互设计师则专门缩略为 UX 设计师或者其他（叫法其实蛮多）。但是严格来说，UX 并不等同于交互设计师。

UI 设计主要负责的工作内容包括：

1. 图形界面设计

2. 动效设计

3. 图标设计

4. 视觉设计规范

5. 输出物料（部分公司不需要，有专门的前端角色）

综上所述

UI 设计可以说是 UX 设计的一部分，其中重要的图形化或者可视化部分，都是由 UI 设计来完成的。

对于互联网行业来说，UX 的团队往往叫作 UED 或者 UXD 团队，而这个团队的重要组成部分，就是用户研究同事，交互设计师，视觉设计师。

事实证明，还是中文能够描述清楚每一个职位的本职工作是什么。

在整体的产品研发流程中，UX 的概念，最核心的应该是 UCD 方法论，那么就要保证团队中的每一个成员，不仅仅是设计师，还包括产品经理，研发等等角色，都要具备以用户为中心的思想，把用户体验作为重要的一个指标来评估产品设计或者验证产品实际情况。

如果你在准备转行或求职一份设计师的工作，或者在纠结于自己要不要转行，不清楚如何切入到 UI/UX 设计，怎么做出一份作品集，这些内容或许可能帮到你：

免费训练营和能力地图领取：

我是马力，国内最早的一批互联网产品和设计从业者，有十几年的互联网产品、设计、运营工作经验，曾经在 IBM 工作工作，并作为最早期的成员，和李开复老师在创新工场工作。

在知乎里，我有130多万关注者。李开复老师，还有很多行业大咖，都推荐过我主讲的课程。我写过几百万字的文章，很多人看着我写的东西进入职场。现在知群和北京邮电大学一起开设了面向研究生的课程，我也在大学里讲课。

知群现在已经在行业内有非常大的影响力，超过200位总监、副总裁和CEO给知群的学生讲课分享，阿里、腾讯、滴滴等公司等和知群有合作。我们要做中国最好的职业教育平台。

如果你打算往产品经理、UI 设计、UX 设计等领域发展，我建议你可以先参加我们的体验课训练营，目前可以免费申请。做这个训练营的目的，就是让大家知道这个领域到底都有什么，产品思维和设计思维是什么，大家应该学习什么。

你可以在这里申请：

应该是你能接触到的最有干货的免费课程，机会有限。

另外我们还有设计师和产品经理的能力地图，在训练营里好好学习，你有机会获得印刷纸质版的：

这里是职场核心能力的能力地图：

这是产品经理的能力地图：

这是交互设计的能力地图：

这是 UI 设计的能力地图：

训练营里，有高清版能力地图，还可以抽取印刷出来的纸质版能力地图。

免费报名：

突然看到一张特别有趣的图，就来更新答案了：

一、写在前面

在当下的背景中，虽然人们认为用户体验很重要（它也确实很重要），但通常企业都只是将它作为某种技术的“效果”，而非一个专业领域，以至于很多人经常搞不清UX和其他相关领域（如交互设计，界面设计，工业设计等）的关系。

最常见的混淆莫过于把UI（User Interface，即用户界面）等同于UX，甚至在百度百科上的“用户体验设计”词条上，居然出现了如此描述：

“UI（用户界面）是广义概念，包含软硬件设计，囊括了GUI、UE以及ID（交互设计）。”

按照这个说法，UI成了广义词，而UX/UE成了UI的一部分，实有蚂蚁吞象之感。

这里有一张示意图来清晰地展现这几个常被混淆的概念的关系。

从这张图我们能看到用户体验设计其实是一个包罗万象的领域，它包含了视觉设计、交互设计、建筑学、信息架构、部分工业设计以及部分人机交互的内容。

而UI，我们可以看到，只是视觉设计和交互设计的重叠部分，也就是说，UI仅仅只是UX的一个小小的分支。

二、UI设计和UX设计到底是什么？

首先，我们先来解答这个问题：

什么是UX？

用户体验设计（UX）不太注重一个站点或者产品的样子和感觉，更多的是注重它实现功能的方式和用户如何与它交互。

关键要记住：UX设计注重的是用户而不是设计的美学；

UX设计师注重用户实际使用一款产品、网站或者APP时的相关数据。一般而言，他们专注于创造用户情绪的积极反馈。换句话说，他们致力于取悦用户。它更多的是需要理解共性的设计模式，和用户的普遍心理期待。

如果设计不考虑用户的体验，它可能看起来很漂亮，但总会让人觉得在某些方面有所缺失。用户会对其中的操作方式感到别扭，无法体验到预期的效果，这样一来用户就有可能放弃使用，转而选择竞品。

虽然一些用户体验设计师会创建高保真原型，但更多情况下，他们只创建线框图和低保真原型，以此确保用户能够理解应用程序或网站的流程。

用户体验设计师扮演着重要的角色，应该从每个项目的起始阶段就参与其中。

什么是UI？

不同于UX设计师注重产品功能，UI（用户界面）设计师更专注于产品的视觉美观。UI设计师们希望网站的视觉能够吸引到用户。

但这并不意味着他们无视功能。为了创造有效的设计，UI设计师会考虑常见的设计模式和用户习惯，往往不会深入参与产品的运作模式和用户操作产品时的心理感受。

UI设计师完成设计稿的制作，然后交付给开发人员。他们也可能参与创建网站或应用程序的原型，尽管有时候比UX设计者进入的阶段稍晚一点。

是否一个比另一个更重要？

简而言之：不是。

一个很棒的设计操作起来是不会让用户感到别扭。一个功能齐全但干巴巴的毫无设计可言（或十分丑陋）的网站可能会流失很大一部分用户。

为了创建一个既能在视觉上又能在功能上取悦用户的产品，用户界面和用户体验设计师需要协同工作。

用户体验和用户界面设计师各自在设计过程中都有一定的作用，虽然这两个角色有时会是同一个人（特别是在较小的项目中），但如果不同的人负责则更好。这确保了有人专注于功能体验，有人专注于视觉体验。

三、实例分享

1、UI可以拆解，但是UX不能拆解

为了说明这一点，我将会使用我们网站的图标集功能来举例，它能帮你创建图标集。

我创建了一个新的图标集，并且把它们拖到想要的地方。

下面是图标集的UI：

什么是UI？上面你看到的所有东西都是UI。

UI可以被轻松的分成多个部分。下面是Icons8的UI，但是你可以把他们分成多个子部分，例如类别UI、图标集UI和搜索栏UI等。

那什么是UX呢？“用户体验”包含了终端用户与企业、该企业的服务以及产品进行互动的所有方面。– Don Norman

换句话说，图标集只是我们网站总体用户体验的一个小的组成部分，因为它只是我们网站众多功能中的一个。

2、UI对每一个人来说都是一样的，而UX对每个人来说都是不同的。

我采访过我们的三个用户，John、Alicia和Steve。我们没有对UI进行A/B测试，因此他们看到的图标集UI完全一样。然而你，他们的整体使用体验却完全不一样。

John是通过我们的营销邮件得知图标集这个功能的，鉴于他订阅了我们的邮件，因此他以前肯定用过我们的网站。他是一个经验丰富的用户，刚刚发布的图标集功能解决了他的一个老问题——一次性下载多个图标。他对此很满意，获得了良好的使用体验。

Alicia是通过谷歌搜索找到的我们，她是第一次访问这个网站。她只下载了一个图标，然后就离开了，根本就没有看到图标集这个功能。她的使用体验如何？可以说，她根本就没有使用体验，至少没有过图标集这个功能的使用体验。她可能和John有着相同的问题——一次性下载多个图标，但是她却没有发现我们提供的解决方案，这是一个坏的UX。

Steve每天都会使用图标集功能。但是在添加第500个图标的时候，他遇到了错误信息。Steve对我表示，使用其他图标设计网站的时候，它可以添加几千个图标。这也是个糟糕的UX。

看到了吧，每个人获得的UX都不一样。UX除了不能拆分之外，也不能针对单个用户独立考虑。

我们发现两个人有两种不同的UX，我们要对他们区别对待吗？不可以。

John的用户体验很好，而Alicia和Steve的用户体验不好。我们一定要注意，不能为了优化Alicia和Steve的体验，而降低John的体验。在做UX优化的时候，这一点要特别注意。

但是Alicia和Steve都是我们的用户，因此他们的体验还是要优化的。

我们先从Alicia开始，她代表了很多人，那些根本没有发现右上角图标集tab的人。为了让人们看到它，我们在它边上发了一个通知小红点。：

现在用户在下载了任一图标之后，我们就会自动创建一个名叫“已下载”的图标集，并且显示这个通知红点。这样一来Alicia的用户体验就得到了改善。

而解决Steve的问题，可能会更复杂一些，他所遇到的问题需要技术的支持。我们将图标集总数量限制在500以下，是因为我们发现只有0.001%的用户图标数量超过了500个。解除这个限制，会让我们的服务器负载剧增，拖慢所有用户的响应时间。如果放开限制，虽然Steve的体验变好了，但是有可能会影响其他用户的体验。

简单说，我们无法在不伤害其他用户体验的前提下改善Steve的体验。但是我们找到了一个迂回的方法。之前Steve在添加了500个图标之后遇到了一个错误信息，这个错误信息会让用户感到困惑，于是我们之后把这个错误信息调整了一下：

“我们的图标集目前只能添加500个图标。若要添加更多图标，请创建一个新的图标集，或是联系我们的支持团队。”

这样一来问题就解决了，改善了Steve的体验，也没有破坏其他人的体验。

我想再重申一遍：每个人有着不同的UX，但是这些人却是彼此关联的。绝对不可以为了满足一部分用户而牺牲其他用户的体验。

原文作者：one点设计

链接： https://www.jianshu.com/p/175429c25261

来源：简书

翻译原文：Difference Between UI & UX – A Practical Example

译 文： http://SDK.cn

作 者：鲁行云（编译）

最后，摹客以自己的力量为各位设计师做一点力所能及的事情，我们自身是设计工具和平台提供者，希望可以从工作效率的角度给各位UI设计师的工作带来给帮助，这是一个全免费的设计协作平台，支持PS/Sketch/Adobe XD/Axure设计图、自动标注切图、高保真原型设计、设计规范管理，100人以下团队均可免费使用。点击以下链接，立即体验：

虽然现如今，交互设计的概念已经越来越普及，但还是有很多人认为交互设计就是做app的，不理解其他交互手段，或者认为UX设计就是做界面美化的，不理解它与UI设计的区别。下面，分别针对交互设计、UX设计、UI设计进行具体讲解。

1. 交互设计

交互设计的英文是Interaction Design，“inter”是英文前缀，意思为“两者之间”，“action”是指动作。所以简单理解，交互就是两个object之间进行互动，具有一个输入和输出的指令，举例来说，当你想要用洗衣机洗衣服的时候，把衣服放进洗衣机，然后按下按钮，这一系列动作其实就是输入了一个洗衣服的指令。而洗衣机洗完衣服，就是输出洗好衣服的指令。在这一过程中，人与洗衣机之间产生的一系列互动，即为Interaction（交互）。

图片来源： https://www.pinterest.co.uk/pin/462604192955065826/

在交互设计领域，有两个基本原则，一是可用性，二是可视性。其实，简单来说，可以将UX理解为可用性设计，将UI理解为可视性设计，UX是设计的框架，UI是框架外的装饰。

2. UX设计

UX设计的英文为User experience，中文翻译即为用户体验。大部分人对于UX设计师的理解就是APP设计师，甚至很多设计师在进行UX设计的时候，也会忽略功能性，而更多地考虑界面呈现效果。

从下面这张图可以看出，虽然UX设计所涉及的范围非常广泛，但看起来人们似乎认为UX设计就是Interface design和Visual design。这一直观感受所产生的弊端，就像是在绘制一副肖像素描的时候，不去勾勒整体结构，忽略三庭五眼，单纯刻画某一五官的细节与明暗关系。

图片来源： https://i.pinimg.com/564x/6d/77/9d/6d779d615cf4aa7748ada0299213b3af.jpg

实际上，UX设计是偏向于研究用户与系统之间的交互过程，它主要基于数据（Data）、情感（Emotion）以及用户研究（User Research），需要重点考虑的范围有流程图（Flow）、线框图（Wireframe）以及用户角色模型（Pesona）等等。

3. UI设计

UI设计也被称为GUI，其英文是Graphical User Interface。从Graphical这个词可以看出，UI设计主要与图形相关，是一个偏向于视觉化呈现的效果，它需要遵循design trend和brand guideline，主要需要考虑的范围有配色、字体、排版布局、按键形状等等。

图片来源： https://i.pinimg.com/564x/68/77/e3/6877e30bc22f98f8be2dc2852c8645c4.jpg

我们可以根据下图来理解交互设计、UX设计与UI设计三者之间的关系。可以看出，从广义上来说，UX设计的涉及面非常广泛，可以广泛地理解为，只要和用户产生互动的，都与UX设计相关。因为一旦与用户产生互动，就一定会得到反馈（feedback），通过用户的体验及反馈，设计师可以了解产品的痛点以及用户的需求，从而进一步优化和改良现有产品，这就是UX设计。

图片来源： http://t.cn/RpF10vE

随着dribble等设计网站的普及，越来越多的UX设计师或者UX设计的学生，会到各类设计网站中去搜集他人的优秀设计作品，寻找设计灵感或借鉴设计思路。但很多情况下，网站作品的呈现都比较注重视觉传达。所以，大家还需要在合理辨别UX设计与UI设计的基础上去学习与借鉴。

以上望有帮助，欢迎交流

———————————————————

欢迎关注我的个人官方微信（kang-shishi）

如有艺术留学、院校、专业、作品集方面的问题，可私信康石石咨询

相关的资料就像《圣经》一样多得想看都看不完，简单地讲

UI是UX里的一个小分支。

UI(User Interface)，是指用户界面，是视觉呈现来提高用户体验，使用户面对这个界面时操作更简单、更愉悦、更高效；

UX(user experience)，就是指用户体验，单纯说用户体验是个很虚的词，我们不如说说哪些方面会影响到用户体验？

用户使用产品（软件、硬件、电视、洗衣机等等都是产品）的目标是完成一个目标，就是去做一件事，每个人去做都希望：不要花太长时间、不要太复杂、不要让我想太多、不要弄得我不愉快、不要弄得我很紧张（焦虑）。反过来，影响这些因素的产品形态有：合理高效的流程、友好体贴的语言、操作容易理解、按键出现及时、界面舒适、不要太多无关内容影响（界面有效性）等等。

UI设计的过程，几乎渗透到UX的每一个节点，但更多的是去配合UX。比如一个界面，不考虑UX，也许UI做出来功能重点就不那么中肯。

谢邀！

UI（User Interface Designer）用户界面设计

UI指的是用户界面，也就是人与机器互动的界面。同时又有GUI和WUI之分，不过一般的话统称是UI设计师。在PC端从事网页设计，我们称呼WUI设计师或者网页设计师。而在移动端，从事移动设计的称呼为GUI设计师。

UI设计师除了要负责界面的图形界面视觉元素设计，还要负责制定视觉设计规范，比如对字体、色彩、尺寸、控件的规范制定，都需要UI设计师来完成。更细致来说，UI设计师的工作包括熟悉桌面端、Web端、手机端等多端产品；完成设计稿从小到大的各项内容；规范设计语言与设计规范等。通过一系列的设计规划，探究人机交互界面上的细节，创立视觉风格，让产品界面更加美观、更加符合用户的使用习惯。

设计产出物 ：视觉设计稿，视觉设计标注规范 ，视觉设计规范文档，视觉切图

用户界面则注重产品的外观和功能

UX（User experience Design)）用户体验设计

UX/UE（User Experience），即我们常说的“用户体验”。一般国内都将UX/UE设计师称为交互设计师，但国外一般会认为UX/UE设计师专指的就是用户体验设计师。

UX设计师针对用户的产品使用体验进行研究，通过观察、调研、测试等方式了解用户的使用行为习惯，根据做这些调研结果对产品进行不断地改进，不断探索交互模式，跟进以确保产品最终顺利产出。所以我们可以说UX设计师的主要工作就是研究人与产品的关系，并根据这种关系进行设计。

总的来讲，UX设计师是设计人与信息产品的流程和关系，归根结底都要研究人、事、物的联系，它是一门交叉性非常强的学科，同时涉及心理学、计算机工程、设计原理等多学科。进行利益相关者访谈、用户访谈，挖掘用户需求，提炼用户任务流；完整体验不同产品，挖掘交互设计模式，设计交互模式，撰写交互设计稿，并最终形成交互设计规范，跟进视觉设计和开发，确保产品正常上线。

设计产出物：流程图，网站地图，故事版，交互设计原型图（线框图），交互设计规范。

用户体验注重用户解决问题的行程

UI与UX的不同角度的对比：

产品流程的角度作对比

UI ：在产品开发流水线中，往往是想好了UX后，才会去思考UI层面的问题，它甚至是产品在开发前的最后一个环节。UI的核心意义在于如何将需求解决方案以更好的视觉呈现给用户，视觉首要目标是要有效率，其次是美观，所以我们不能说UI是美工。

UX：当从零开始做产品时，PM在明确了目标以后，首先要想的就是解决什么核心需求，解决方案的逻辑是什么，以及如何将这个解决方案落地到具体产品形态上，如何让用户更便捷的理解方案的逻辑，这就是在思考UX方面的事情。

思维点的角度作对比

UI：相对更加倾向于在UX的基础上，再进行视觉优化，提供用户对界面、功能点的认知效率。过去常讲的拟物化，是引导用户从真实世界到移动设备世界；扁平化，是在拟物化已培育了用户习惯的基础上，进一步提升效率。

UX：考虑用户体验的维度非常多：用户本质的需求、解决方案逻辑、产品流程、产品模块结构、产品框架、产品交互和产品文案表述等等。

职能的角度作对比

UI：由专业的视觉设计师完成具体的设计工作。产品经理往往在设计师开始设计前与其沟通需求的背景、目标、逻辑、流程、功能点以及功能点的优先级。在UI设计稿完成后，还需要进行验收，与设计师再做微调，直到最终达到产品的目的。

UX：这部分主要有产品经理和交互设计师完成设计工作。产品经理自身应该先完成自己对需求的梳理、制定目标，如有必要可制作流程图、逻辑图以及功能点表格说明，确定这些以后再和交互设计师详细沟通以上准备的内容。交互设计师来完成交互稿的设计，再由产品经理验收后，再转到UI设计师在交互稿的基础上完成视觉填充、设计。

通过以上的分析，UI和UX之间虽有千差万别，但都是产品加工流水线上的一个环节。需要产品经理、交互设计师、UI设计师之间的密切沟通、配合，共同达成最终的目标。整个团队的合作对产品实现到什么程度、实现过程成本都至关重要。

UI （ User Interface） 用户界面 ；UX（User Experience） 用户体验

二者可以被简单区分，下面从具体操作和职业方向选择的角度来介绍的差异，如果你能弄清楚你的优势， 你可以找出你在这个图中的位置，以及你想成为什么样的设计师。

UI 通常是用来谈论接口本身的术语。 有关于它的外观，关于视觉设计，以及我们如何访问数字内容。 UX更多地了解数字内容的感觉， 它的体验是什么，并通常更植根于非视觉设计实践中。关键是要理解这两种做法是不同的， 因为它们往往吸引不同类型的人从事不同类型的工作。 视觉设计更扎根于平面设计，而非视觉设计可能涉及更多的研究 、规划和测试。 所以 UI 设计师真的在查看界面本身 ，UX 设计师往往更多地关注用户的体验。

如果我们进一步分解这些角色， 我们可以看到它们如何适应不同类型的人从事不同类型的工作。 UI设计师可能更多地关注形式和美学、外观和信息的组织，而UX设计师可能会更多地集中在界面的感觉 上，关注整个网站的导航和结构以及故事或应用程序。

UI设计师在很多方面看到视觉标识的表面，这通常是由设计驱动的。 所以它适合那些通常具有更多平面设计或视觉技能的人，而用户体验设计师正在研究内容， 如何让用户参与这些内容，而这项工作通常是由用户体验和用户反馈驱动的。 所以UX可以被视为更多的用户驱动，UI 更倾向于设计驱动。

当然，这两者是重叠的， 少数UI/UX 设计师同时做这两件事，将它们归位一个职位。 但事实上，UI 设计师倾向于更多地专注于 UI，用一点点 UX，UX 设计师则倾向于更多地关注用户界面的 UX。 虽然有些人可以同样好地处理这两个东西，并占据中间的空间， 并且成为 UI/UX 设计师，但这并不太常见。 正如我们所提到的，UI 处理视觉设计，这是非常具象的和物理的。 你经常使用Photoshop 和 Illustrator 等数字工具制作一个实际的界面， 而用户体验设计师通常会创建更多的命题。 他们试图创造一种经常不存在的体验。 因此，他们必须制定地图，计划， 并弄清楚那些经验是什么，而不是具体的。

这个图表是有助于你考虑自己适合的位置。 你是用户界面还是用户体验设计师？ 是否主要关注界面和设计技能？ 或者是否更感兴趣地了解如何从用户那里获得反馈，以及如何利用反馈来塑造网站或应用程序的体验？ 如果你想想你在这个图中的位置， 你可以考虑你的重点是成为一个视觉设计师， 或者它是否更多地与像社会科学这样的科目有关。

Coursera 加州艺术学院课程 Visual Elements of User Interface Design

UX强调的是用户对使用产品的综合体验，包括不仅仅视觉，交互，广义的定义包括一切使用该产品的综合反馈。UI确实如楼上所说确定属于UX的一个部分一个分支。

用户使用某一个产品，包括实际产品，软件产品，网络产品，网站等，其实都是需要实现某一个特定功能（社交，购买，工具），让自己增加某一方面体感（游戏等）。在这个过程中，作为用户对产品的一个综合感受我们可以定义为UX，这块从接触产品到完成目标的一个大流程，其中对用户产生的点点滴滴都属于体验的部分。而视觉体验和交互流程体验，我们可以狭义的定义为UI。

传统的ui设计师，GUI设计师从体验角度来讲产品都太过片面。

之前看过一图，发上来和众知友共享。。

简单说：

UX （User Experience）：是对产品和服务的综合体验，可以包括UI。UX可以包含很多，从工业设计（industrial design）到内容架构 (architecture to content)

UI（User Interaction）：是一个特定的组合，包括视觉设计（visual design）和交互设计（interaction design）

UX虽然是Experience的缩写，但我更愿意理解这是一个充满不确定，未知的“X”因素。不管是体验还是交互，全凭着体验师或PM的经验一步步形成方案，有较强的发挥空间。

而UI的结果是导向成为明确的可视化界面（Interface），相对来说“已成定局”且变数较少。

作者：Username

链接：

来源：知乎

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

如果说 UX 设计师是一个站在 4000 米山上远眺产品整体格局的人，那么UI设计师则是一个拿着显微镜检视产品细节部分的角色。UX 设计师关注产品带给用户的感受，着眼整体，UI 关注细节。

一图胜千言，我们整理了来自网络上的 10 张图，告诉你 UI 和UX 到底有何不同？

拿瓶装番茄酱举例，UI 关注产品本身，UX 则是考虑了用户体验和使用情境，最右边则是可用性测试，通过测试效果再不断地对产品体验进行调整和修正。

如果把产品比作人体的话，那么 UI 就是身体，UX 则是心脏，代码是骨骼。

上图从专业分工来看，UX和UI的工作内容有不同之处，但也有重合的部分。

UI 关注产品功能，UX关注用户情感。

从定义来看，UI 是指网页布局的方式。UX 关注网站的交互部分，是对产品和服务的综合体验，UX可以包含很多，从网站地图（site map）到内容架构 (architecture of the content)。好的用户体验不能只停留在介面表层的交互与美观部分，而应该是连贯的旅程、有线上与线下不同接触点。

从工作分工来看，UX 职责包括用户画像，用户故事，用户调研，可用性测试，UI 则是布局设计，视觉设计，品牌形象。连接两者的是线框图。

UI 涉及人机交互、工业设计、视觉和声音设计等。而 UX 则包含信息架构、内容策略在内的更多部分，他需要从整体动态流程上考虑产品是否能解决用户的问题。UI 属于 UX 的一部分。

UX 设计以用户为中心，关注任务流和使用场景。UI 设计重心则是色彩、排版等视觉方面。相似之处是两人都留着大胡子。

UI 是你使用的部分，而 UX 是在你使用时的感受。

UI 设计师关注按钮的颜色，考虑的是视觉的部分，是产品看起来如何。而 UX 设计师则关注按钮放置位置是否合适，最终出发点是用户的感受 ，想要弄清楚人类想要使用的是什么，觉得痛点。

近年来，在「设计思考流程」的趋势下，整体性设计流程越来越受到关注，UX 和 UI 设计师的界限变得越来越模糊，设计师不再关细节部分，而是着眼整体和全局，只为打造以用户为中心的最佳产品体验。

「设计思考流程」，是指一套以人为本的设计思维和方法论，包括「同理心」、「需求定义」、「创意动脑」、「制作原型」、「实际测试」 5 个 步骤。在整个设计思路中，原型制作则是其中一个重要的环节。

一个接近真实的原型设计不必苛求完美，只需要通过它获得想要的测试结果。理想的状态是，以动态界面原型模拟一款产品的完整体验，不仅可触摸，还有动画、手势和等微交互，基于交互原型大家可以对自己最基础的设计想法进行可用性测试和验证，通过测试效果再不断地进行调整和修正。

「墨刀」，和复杂难用的 Axure 不同，作为最易上手的一款原型设计工具，能让你 10 分钟就快速勾勒出一款 app 的原型构想，展示页面连接关系，呈现拟真的互动体验。

一、UI设计与平面设计的区别

UI设计，也称为界面设计，是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface（用户界面）的简称。UI 设计师的职能大体包括三方面:一是图形设计，软件产品的产品“外形”设计；二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等；三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量 UI 设计的合理性。总的来说，UI设计主要是进行用户界面的设计，主要涉及的范围包括高级网页设计、应用程序设计、软件设计等交互和用户体验相关的设计。

平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。平面设计师可能会利用字体排印、视觉艺术、版面（page layout）、电脑软件等方面的专业技巧，来达成创作计划的目的。平面设计通常可指制作（设计）时的过程，以及最后完成的作品。平面设计常用于包括标识（商标和品牌）、出版物（杂志，报纸和书籍）、平面广告，海报，广告牌，网站图形元素、标志和产品包装等视觉形象的设计。

二、UI设计与UX设计的区别

在上面我们已经了解过UI设计与平面设计的区别了，也对UI设计有了一定的了解，那UI设计与UX设计又有什么不同呢？首先，我们先来看一下什么是UX设计。

UX （User Experience ）设计，指的是用户体验设计。一般而言，国内 UX设计师，也称为交互设计师或 UE 设计师（而国外的 UX 设计师指的是用户体验设计师，交互设计师指的是动效设计师）。UX 设计师主要关注用户对产品的体验感受，确保产品逻辑的流程可以跑得通，甚至跑得顺、跑得精彩。UX设计师是设计人与信息产品的流程和关系，归根结底都要研究人、事、物的联系，它是一个囊括计算机工程、心理学、设计的交叉学科。UX设计师主要负责进行利益相关者访谈、用户访谈，挖掘用户需求，提炼用户任务流；完整体验不同产品，挖掘交互设计模式，设计交互模式，撰写交互设计稿，并最终形成交互设计规范/UIspec；跟进视觉设计和开发，确保产品正常上线等日常工作事项。

虽然这样听起来UX设计与UI设计似乎差不多，但是这两者之间还是存在一定区别的。

1、解决问题的视角不同
UI设计与UX设计一样，都是为了解决问题而生的，但是这两者又是从不同的视角切入来解决问题的。UI更多的是解决用户第一印象的问题，简单来说就是用户在看到和使用你的产品时的第一感受，比如这个产品好不好看、交互逻辑是否合理、结构是否清晰、页面功能层次表达是否合理等；UX则更多的是解决产品内部逻辑的问题，比如这个产品的所产生作用的效果流程等。

2、对界面的作用不同
经过上面对UI和UX解决问题视角的探讨后，我们就可以很容易地理解接下来要讨论的两者对界面的不同作用——UI让界面更好看，UX让界面更好用。因为UI更多的是解决用户第一印象的问题，所以UI设计的价值很重要的一部分就是体现在让产品界面更加符合审美的趋势，同时在交互和表达上更符合逻辑；UX则是侧重于让产品的整个流程更好用，更好地引导用户完成任务，增强产品的实用性。

3、完成的品牌任务不同
UI主要需要完成的任务是让用户在使用产品的过程中没有任何的负担、保持心情愉悦，同时界面和交互时候不会感觉冗余，而且用户界面的表达有温度，UI就是建立用户和商业这件的情感品牌桥梁，由此提高品牌的亲和力与影响力；与UI不同的是，UX更多的是帮助产品实现产品目标，前者注重用户感受，后者则专注于品牌本身，实现品牌的商业目标，比如成交额之类的具体目标。

4、核心目标不同
UX的核心目标是引导用户完成用户目标和任务，其实这也是一个产品的内核所在。UI设计更多的是展示交互视觉体验效果，但是很多产品可能不需要特别漂亮的外观，用户更加关注的还是产品的功能。举个例子，比如12306等交通购票软件，大多数人关注的不是软件界面好不好看，而是能不能买到票。如果一个产品光拥有好看的外表而没有能够满足用户需求的功能，那么它只能是一个“花瓶”，没有太大的实际意义。

5、交付成果不同
与上面提到的一样，UI交付的主要是一些视觉方面的成果，包括视觉和交互、视觉设计、品牌设计、动效设计、组件设计和设计语言等，同时也包括一些方案汇报和提案；而UX的输出包括UX体验报告、功能定义、功能规划、项目进度、概念设计、需求评估、市场研究、数据研究、可用性测试、用户体验地图、流程图、交互原型图等功能性成果，当然也有包含方案汇报和提案。

6、设计师的职责不同
相对比UI设计师来说，UX设计师还有一个重要角色就是策略制定和内容设定，拿电商来说：人、货、场，货就是内容非常的主要，这个内容如何和用户互动，同时被用户接受，和用户互动，这个中间UX设计师扮演着非常重要的角色。

三、为什么UX设计要学习UI设计和平面设计

1、在保持产品功能性的同时也提高产品的观赏性
相对比听觉效果来说，很多时候视觉效果对用户产生的冲击力更强并且更为明显。UI设计和平面设计给人的感觉更加侧重的还是做视觉设计，在UI设计和平面设计中，设计师常常利用排版、色彩理论、布局、图标、图片和一般设计理论建立有效的视觉层次结构，或者将很多书面文字语言转换成视觉语言，更能够吸引用户使用。而UX设计更加注重的是给到用户实用性的体验感，设计师在进行设计的过程中有可能会忽略视觉带给用户的效果。

很多时候，产品带给用户的第一感觉很重要。如果是两个功能相类似的产品做比较，用户往往会倾向于选择视觉效果更为美观的产品。而且在用户真正接触到使用功能之前，他们首先会感受到的就是产品带来的视觉冲击，一个具备好的视觉冲击力的产品能够更大程度上吸引用户的使用。
因此，如果UX设计师想要更好地吸引用户使用交互产品，那就需要从UI设计和平面设计中汲取经验，尽可能地在保持产品功能性的同时也提高产品的视觉观赏性。

2、扩充UX设计师的知识体系
UX设计师本身应该具备很多与实用主义相关学科的知识体系，但是作为设计行业的从业人员来说，这只是掌握了一个方面的知识体系，需要提升的空间仍然很大。

相对于较为实用主义化的UX设计师来说，UI设计师和平面设计师则需要掌握排版布局、视觉构成、色彩理论等知识，确保能设计视觉突出、可传达信息的设计作品。所以，UI设计师和平面设计师在日常设计的时候，对于文本的间距、布局的留白、元素排布的韵律感、配色方案的协调性都有着不低的需求，他们需要花费大量的时间来控制这些因素。

对于一个UX设计师来说，这种与视觉效果联系紧密的学科知识还是相对比较缺乏的，如果能够从UI设计和平面设计中学习到相关的专业领域知识，则能够扩充UX设计师的知识体系，能够拥有更多且不同的设计机遇。

四、UX设计的职业前景

由于UX的兴起是伴随着媒体形式的升级，其产品表现媒介从纸质到电脑，再到如今的移动端，只要媒体形式升级的脚步不停止，UX设计的应用前景就是广阔的。

1、产品改进方面的职业前景
随着互联网和新媒体技术的不断发展，越来越多的UX设计产品进入到人们的日常生活中，与此同时，随着用户需求的不断增长，UX的产品设计也将跟随用户的需求而进行不断的改进，因此也将需要越来越多的UX设计师来对产品进行功能改进。

举几个例子，随着未来在一定程度上不断扩大的汽车需求，车载移动设备这些交互产品也将拥有广阔的市场，人们对车载移动设备的质量需求也越来越高，比如人们越来越关注车载音响的音质等；智能家居市场推广普及，智能家居已经成为今后家居领域发展的必然趋势，提升智能家居的功能和质量也日渐重要；新科技设备如VR（虚拟现实）、AR（增强现实），以及可穿戴的电子手环、谷歌眼镜等产品也越来越受到人们的青睐……用户对这些交互产品的需求和质量的要求也越来越高。因此，未来市场对UX设计师的需求也会越来越大。

2、行业类型方面的职业前景
随着人们的需求日益增长，市场对于不同类型的UX设计师的需求也不断扩大。从相对比较大的角度来说，与UX设计相关的岗位主要包括产品经理、交互设计师、UI/视觉设计师、前端工程师这四个大的类别。如果从UX设计领域细分的话，那UX设计的岗位方向可以包括用户研究员（UX Researcher）、用户体验设计师（UX Designer)、UI设计师(UI Designer)、用户体验文案（UX Writee）、用户体验设计经理或者战略家（UX Manager and Strategist） 以及特殊岗位用户体验设计独角兽（UX Unicorn）这七个方向的岗位。

当然，随着交互产品市场需求的更新换代，未来对于UX设计的岗位将会越来越多，而UX设计的就业前景也将越来越可观。

参考资料：
[1] https://www.php.cn/faq/479369.html
[2] https://www.woshipm.com/pd/4187732.html
[3] https://blog.csdn.net/dlfeicui/article/details/78624687
[4]罗霄. UI设计在视觉传达方向的应用前景预测分析[D].武汉纺织大学,2017.
[5] https://www.xiaohongshu.com/explore/6370f100000000001c036f7b
[6] https://www.xiaohongshu.com/explore/61530221000000002103dd2e

UX = ... + UI

互联网公司里

UI = GUI 是做视觉设计的

UE 是做 交互设计的

写代码、DIV、CSS、JS、切图 是“前端工程师” “front end engineer”这个岗位做的

稍微正规一点的公司，这3个职位都得有，且这3个职位 都是在 UED部门内部的。

公司若想做大，做正规、把产品做好，先把UED部门规范起来吧。一岗多职，本来就是荒谬绝伦的事情。

写代码的前端工程师通常都是理工科的，GUI的是艺术类的 这2种能力分别是左半脑逻辑性和右半脑的创造性。公司若要统一在同一个职位身上，是非常荒谬的，公司以为人人都是爱因斯坦？若是爱因斯坦的潜质，也不会来拿这点工资了。。。。。。。。。。。。