UI、UX傻傻分不清楚？来一份清晰详尽的设计师分工指南

设计是一个相当广义而模糊的术语。当有人说“我是一个设计师”时，你很难知道他每天做些什么。

设计涵盖了多领域和多职责，从工业设计（汽车、家具）到印刷设计（杂志，其他出版物），再到科技行业（网站，手机应用），随处可见不同职责的设计师。而随着科技公司不断地涌入人机交互领域，应运而生了许多新的设计师角色 —— UI设计师、UX设计师、视觉设计师、交互设计师、GUI设计师等。

这么多相似的名字，你是否也跟我一样陷入傻傻分不清的迷雾中？下面就让我们一起拨开迷雾，重新认识这些新型设计师们吧。

原文作者：Lo Min Ming  译者：特赞Tezign

本篇介绍的设计师有：

UX设计师/交互设计师 视觉设计师：UI/GUI设计师；平面设计师 互动设计师（动效设计师） 产品设计师 用户研究工程师（用户研究专员） UX设计师 / 交互设计师

UX ，英文为 User Experience ,指的是用户体验。一般而言，国内 UX 设计师，也称为交互设计师或 UE 设计师（而国外的 UX 设计师指的是用户体验设计师，交互设计师指的是动效设计师）。

UX 设计师主要关注用户对产品的体验感受，确保产品逻辑的流程可以跑得通，甚至跑得顺、跑得精彩。正如一千个人眼里有一千个哈姆雷特，一个设计问题往往也没有唯一解。UX 设计师会深入场景，探索多种不同的解决方案，这种深入思考通常能产生创新方案。

一般而言，UX设计师使用一些用户研究方法 & 设计方法作为辅助，通过现场观察、可用性测试、用户访谈等用户研究方法了解用户使用行为，发现产品体验问题。

说到这里，会发现国外 UX 设计师也在做用研，有木有？ 而国内这一点上其实除了有完整 UED 设计部门的较大互联网公司（分工比较明确，UX 设计师很少会去做访谈相关内容，普遍都是用研童鞋来负责这一部分），创业公司和设计咨询公司中的 UX 设计师基本上也都会兼顾用研；UX 设计师们通过头脑风暴、角色扮演、故事版等设计方法探索设计机会点，向着创造出“最好的”用户体验目标而前进，典型案例就是为新用户设计一套令人愉悦的登录流程。

总的来讲，UX设计师是设计人与信息产品的流程和关系，归根结底都要研究人、事、物的联系，它是一个囊括计算机工程、心理学、设计的交叉学科。

“进行利益相关者访谈、用户访谈，挖掘用户需求，提炼用户任务流；完整体验不同产品，挖掘交互设计模式，设计交互模式，撰写交互设计稿，并最终形成交互设计规范/UIspec；跟进视觉设计和开发，确保产品正常上线” 这可能就是UX设计师日常事项。

对于UX设计师，你可能会听到他们很自然的说：“我们应该在用户登录成功后展示一个感谢页面。”

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

工具：axure，OmniGraffle，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop

来自一位 UX 设计师（Neway Lau on Dribbble）的应用界面案例。

视觉设计师

说起视觉设计师，通常会联想到“扣像素”的处女座，相比于UX设计师梳理流程、组织信息架构等内容，他们更在意精美的图标、按钮等视觉元素以及合适的排版。视觉设计师经常在 Photoshop 中 4x 到 8x 的缩放级别中操作，细致刻画容易忽略的小细节。

一般国内而言，诸如UI设计师、GUI设计师、运营设计师、平面设计师等名称各异的设计师头衔，在不同场合也都被称为视觉设计师。听到这里，是不是已经开始迷失在这些形形色色的概念里呢，下面就让我一一来解密这些设计师吧。

1. UI 设计师 / GUI设计师

UI，英文为User Interface，指的是用户界面，也就是人与机器互动的界面。可以理解为UX的一个分支，不同于 UX 设计师需要关注产品的整体感觉，UI 设计师更关注产品以怎样的界面呈现。其实互联网领域中，UI 和 UX 设计师的界限相当模糊，在很多创业公司，这两个设计角色是合二为一的。

国内而言，目前一般把屏幕上显示的图形用户界面（GUI ：Graphic User Interface）都简单称为UI。我们经常听到的UI设计师，其实指的是GUI设计师，也就是图形界面视觉设计师，负责产品或网站的图形、图标、色彩、视觉风格等，决定营造出什么样的视觉体验。从视觉层面把控产品界面设计，确保UI稿在视觉上清晰的传达UX设计师的交互设计稿，也就是高保真视觉稿。

举个栗子，在设计一个数据分析界面时， UI 设计师可以决定使用滑块还是控制旋钮，通过这样的控件来阐述图表带来的直观感受。此外 UI 设计师还负责制定视觉设计规范，确保产品设计的一致性；在规范中，明确一些UI 控件/组件的使用行为，比如错误或警告提示。

“熟悉不同分辨率的多端产品，诸如桌面端，Web 端和手机设备；能够完成高质量的视觉设计稿——从概念设计确定设计风格到详细设计，设计内容包括图标、图形界面等；执行统一的设计语言，撰写并完善网站的设计规范，为产品注入美和生活气息。” 这可能就是UI设计师日常事项啦。

对于UI设计师，你可能会听到他们很自然的说：“登录和注册链接应该移到右上角”、“这个字距不行，那个按钮应该向左移动 1 像素！”

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

工具：Photoshop，Sketch，Illustrator，Fireworks，markman（视觉标注软件）

(编辑：小酷)