系统讲述UI设计师和UX设计师的区别【百科全说】

这篇文章我会详细介绍一下：

用户界面设计师（UI）和用户体验设计师（UX）的区别，这些内容可以帮你在工作中更好地自我定位，有针对性地得到专业提升。

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

UI设计和UX设计到底是什么？他们之间有什么具体的区别呢？

简单来讲，UI解决的是产品看上去是什么样的，UX解决的是产品是如何使用的；UI是可交付的产品效果，UX专注的是产品流程设计。

下面我们来更详细地看一下两者的区别：

用户界面设计

UI的领域很大，理论上讲，它包括了：

① 内容：文件、文本、图像、视频等；
② 形态：按钮、标签、文本填写区域、复选框、下拉列表、平面设计等；
③ 还有表现形式：如果我点击/拖拽/输入会呈现出怎样的效果。

这就需要设计师有一双好眼睛，经过很多的联系、很多的尝试、撕掉很多错误的设计稿后得到最满意的效果。

作为一位UI设计师，你的目标是把你的产品设计得迷人、漂亮，能让用户沉浸进来，爱上它。我初入UI这一行时，从一位前辈身上学到了一个很好的习惯——把你的产品想象成为一段旅程。

每一位用户从 App Store或网页上下载了这个 App开始，经历了使用它，并通过这个App达成了某个目标，或者完成了某个任务，这整个过程是完整的旅程，而这段旅程全程都应该是令人身心愉悦的。而你作为整个App的导游，为了使这段旅行充满趣味，你需要有能力把控用户的注意力，将他们的注意力从一个地方指引向另一个地方。

设计不仅仅只是去学习设计工具如何使用，虽然这些技能很重要。设计工具是设计师的武器，你需要武器去帮你战斗，但是这不是全部，你还需要学习能够帮你获得战斗/游戏胜利的策略、流程、技巧、秘诀。

在UI设计中，你需要善用头脑风暴、需要、反复的测试、懂你的用户并了解用户使用产品的整个流程。一款工具如果有一套非常棒的UI设计，那么会得到比较高的用户留存率。

在UI设计中需要注意的事项

1. 用户的点

在一个屏幕上，人们首先看到的是最大的、最粗的、最闪耀的元素。作为一位设计师，你需要善用各种格式来引导用户的注意力。

2. 排列对齐的重要性

排列对齐是UI设计的基础技巧，UI设计中有一条非常重要的原则：对齐线最少化。这条原则提升了页面的易读性，且对用户的观感比较友好。

上面的两张图中，左边的只有1条对齐线，而右边的有2条。

下面我再给一个例子：

展示越少的对齐线，能让你的设计图越好看。

左边的页面有太多的对齐线，而右边也只有1条，对视觉感官非常友好。

通常来讲，我们有两条关于对齐的基础知识点：边对齐和中心对齐

边对齐指的是所有元素某一侧，连线排列对齐；
中心对齐指的是所有元素中心点，连线排列对齐。

根据实际情况，你可以适当选择用那种。不过通常情况下，边对齐会好一些。

3.要产品构架

具体解释分为两点：

① 你需要用你的设计去抓住用户的注意力；
② 你需要你设计中每一个细微的元素。

如果想成为一名优秀的设计师，这两点你都需要做到。而其中只有做好了第①点，才能实现第②点。

UI设计师通过引导用户将注意力不断地转向不同的很重要的元素/功能上来，为用户定制使用体验。

利用文本吸引用户注意力方式汇总：

① 文字尺寸放大或缩小；
② 把字体加粗，或颜色调亮；或者（如果整个页面是明亮的）把字体颜色调暗；
③ 利用字体本身的规格来变化字体线条的粗细。
④ 善用斜体、大小写；
⑤ 适度增加每个字母之间的间距，这样能使整个文本所占据的空间加大。

最最重要的一点是：

整个设计过程其实就是一个不断测试的过程，你需要确定你在这个过程中尝试过所有不同的方式：颜色、字体、字号、色调、角度、对齐方式、布局等等。

只有尝试过不同的设计，你才能从中找出最佳方案，能使你的用户在使用你的产品时身心愉悦。

用户体验设计师

UX设计师就是为了为用户设计无痛的、好的产品体验。

这里有7方面的问题供你参考，去审核你的产品的UX设计是否优秀：

1.适用性

① 用户使用我的产品是要做什么？
② 我的产品主要功能是什么？
③ 为了让用户使用，哪些功能是必须有的？
④ 我应该怎样尽量减少用户使用我的app去达到他的目的的步骤？
⑤ 我应该怎样让用户体验更顺畅、更快、让用户用起来更愉快？

2.用户分析

你需要知道你的用户是谁，他们使用你的产品要达成什么目的？这时候你就需要进行用户分析了。首先你需要分析你的市场，缩小目标用户范围。

有一个关键的问题你需要反复地询问自己：

我的产品最核心的功能是什么？经过不断地用户分析后，你同时也需要不断地重新评估这个问题。

3.权限授权

如果你的手机app需要推送通知信息，需要定位服务、与社交媒体打通、发送E-mail等等，那么你需要得到用户的授权。当他们使用手机时，你推送的信息可以自动出现在他们手机的屏幕上。不要一上来就向用户索要所有的授权，这样会让用户产生抵触心理。

利用本杰明·富兰克林效应：

在请求别人帮你一个大忙之前，先请他帮你一个小忙。即温水煮青蛙,，确保你的请求授权消息是在用户在使用相应功能的时候发出的，而不是在他一运行app便一股脑发出的。

4.形式与功能

设计不光要考虑形式：漂亮的色彩、字体、布局这些，还要考虑功能性。

通常来说，功能性要高于形式。

5.一致性

① 我的app设计有保持一致性吗？
② 我的app和其品牌保持了一致性吗？
③ 如果设计上出现不一致的情况，会导致使用者认知混乱。

因此，保持设计一致性并不单纯为了好看，也是为提高产品功能性体验。

6.简洁

我能让它更简洁一些吗？

确保你的app即使是年纪很大的爷爷、奶奶也可以很轻松上手。

一个让人产生困扰的app：一般会有成排成排的按钮、五花八门的颜色和拥挤不堪的界面。

7.别让用户思考

我的app会让我的用户在使用时觉得困难吗？

人们不喜欢遭遇困惑的感觉。

当我们在编程时，我们会尽量让我们的代码尽量轻量、尽量高效。

当我们在设计时，我们会尽量让界面简洁、尽量让用户不要遇到产生疑惑的地方，当然，还要漂亮！同时，也尽量让你的文案精简下来。

给UX设计师的一些建议：

1.别在用户一打开app时就给出一个长长的使用教程。

而是应该当用户需要使用哪个功能时，给出相应的引导。利用用简短的贴士和指引，让用户很快地了解app的使用方法。

2.有一些手势/指令在用户的概念里已经根深蒂固。

比如上下拉刷新，再比如双指缩放画面，那么在你的app里也要延续这些规则，不要给这些手势赋予新的含义。

3.不要把用户完全当成一个白痴。

不要在用户进行操作行为时频繁地弹出“确认”按钮框。只有当用户的行为可能会造成有害后果时，才需要给出警示，让用户再次确认，比如：删除某些东西、付款等。

不必要且频繁的弹窗会打断用户使用的流程，用户体验会变得很糟糕。

总结

我希望这篇文章能帮助你理解UI设计师和UX设计师的基本概念，还有二者之间的区别，也希望能为你的职业规划带来帮助。

译文地址：蓝湖产品设计协作(公众号)

作者：Harshita Arora

译者：蓝湖产品设计协作

系统讲述UI设计师和UX设计师的区别