什么是UI设计

随着移动互联网时代的到来，UI 设计的重要性和稀缺性导致了这一新兴行业的待遇水涨船高，并吸引了大量的年轻设计师从其他行业投身其中。我也是其中的一枚。

许多新人并不知道 UI 设计是什么，他们以为 UI 设计就是画图标、画手机桌面主题，并一关雾水地都忙于临摹各种剪影图标、拟物图标。

其实，图标只是UI设计中很小的一部分，属于最基础的操作。想要学好 UI 设计，并能在今后的 UI 设计中有所成就，就要先知道什么是 UI。

UI,即 User Interface 的缩写，从字面意思上理解就是用户界面。所以，UI 设计就是指用户界面设计。

UI设计不是一个单独的个体，它是指对设备的人机交互、操作逻辑、界面视觉的整体设计。因此，严格意义上的UI设计并不单纯指图形界面视觉设计，它包括3个方面：图形界面设计（GUI）、交互体验设计（ID）和用户研究设计（UE）。

UI和GUI

这两个很容易混淆的概念，狭义上在移动互联网行业，UI 即是 GUI 的简称，这两者没有任何区别。严格意义上来说，我们日常中称呼的 UI 设计，其真正的称谓是 GUI设计。

GUI，即 Graphical User Interface, 翻译过来的意思就是图形用户界面，所以GUI设计就是指对图形用户界面的视觉设计。以移动设备为例手机上的所有图形画面都属于图形用户界面，用户通过这个界面向手机发出指令，并与之产生交互行为。

在设计师领域，从事 PC 端网页设计的人被称为 WUI (Web User Interface)  设计师或者网页设计师，从事手机移动界面被称为 GUI 设计师。但在移动互联网行业里，GUI 设计师也常被称为 UI 设计师，从我们常常看到的招聘职位上也可以看出来。

UE和UED

UE/UX，即 User Experience, 翻译过来就是用户体验，它是指用户在使用产品过程中的个人主观感受，通俗的讲就是用户用的舒服不舒服。UE 设计师关注用户在使用前、使用过程中和使用后的整体感受。并以此作为依据对产品的核心功能设计进行修正，保证其与人机界面之前的协调工作。

UED，即User Experience Design, 翻译过来就是用户体验设计，通过设计来提升用户使用产品的体验。在互联网公司里，通常将用户界面视觉设计、交互体验设计、前端开发设计和用户研究设计都归为用户体验设计。

2006年淘宝设计团队组建了用户体验设计部，这是国内首次提出这个概念，这个部门也被称为 UED，后来，用户体验设计的概念慢慢延伸到其他互联网公司，UED 也逐渐成为互联网公司设计部门的代名词。

ID和UCD

ID，即 Interaction Design, 翻译过来就是交互设计，它考虑的是人、环境与设备的关系和行为，以及传达这种行为元素的设计，通俗的讲就是让用户知道怎么用、并用起来顺手。交互设计就是为了让产品更加易用和高效，让用户在使用产品时感到舒适。实际工作中，交互设计是对接产品经理，将产品流程梳理清晰并最终呈现在交互原型上，交付给下游的 GUI 设计师。

UCD，即User Centered Design, 翻译过来就是以用户为中心的设计。它是一种设计思维模式，强调在产品设计过程中，从用户角度出发来进行设计，让用户成为第一。简单的说，就是在进行产品设计、开发、维护时从用户的需求和用户的感受出发，围绕用户为中心进行产品设计、开发及维护，而不是让用户去适应产品。

成为优秀 UI 设计师应具备的必须知识：

1、基础美学

相对于游戏原画设计、建筑设计、工业设计等设计行业。UI 设计对手绘的要求相对不高，通常用于图标绘制时打的草稿，但在实际 UI 设计工作中，利用手绘稿来进行前期设计和创意实现会更加方便，远比鼠绘快捷和高效。

没有手绘基础的话，可以学习三大基础绘画课程：色彩、素描和速写。

没有良好的手绘基础并不会影响你成为一名优秀的 UI 设计师，在大型互联网公司通常分工很细，分为主界面设计师（负责产品界面、图标）和主视觉设计师（负责手绘、插画、美术），手绘基础薄弱但界面设计能力强的设计师同样可以胜任 UI 设计工作。虽然如此，但空闲的时候还是要多多学习手绘，多一技傍身，总比没有要好，而且手绘也能帮助你的设计工作。

2、平面设计

UI 设计师需要具备良好的视觉表现能力，有较高的审美能力和页面设计创意，不管是色彩、风格、布局、字体编排和图标绘制等都能运用自如。平面设计是 UI 设计的基石，所以很多优秀的平面设计师都能成功的转型成为 UI 设计师。

3、设计规范

iOS 和 Android 都有一套属于自己的设计规范，从界面尺寸到图标尺寸，从系统字体到UI控件、从切片输出到标注适配、从手势交互到界面动效等，UI 设计师都应该熟练掌握这些知识，才能做出符合规范的 UI 设计。

4、设计工具

工欲善其事，必先利其器。仅有好的想法不足以设计出优秀的界面，只有熟练掌握相关软件技能才能将脑海里的概念绘制出来。

例举一下 UI 设计常用软件:

Photoshop, 简称 PS ,功能强大，能胜任所有 UI 设计，不管是矢量图形设计，还是界面绘制或者是图像处理，没有它是不能完成的，在 Sketch 面世之前，PS 长期占领着 UI 设计领域，必须熟练掌握它的基础操作。

Illustrator, 简称 AI, 常用来绘制矢量图标, 操作简单任何矢量图形绘制毫无压力。

Sketch,  是专为 UI 设计量身打造，简单而强大的功能能满足 UI 设计一切需要，相比PS 更高效和方便，绘制矢量图形操作也很简单，在短时间内迅速得到互联网设计师的热宠，目前只有 Mac 版。

Axure RP, 是一款专业的原型设计工具，能快速和高效的创建原型。

After Effects, 简称 Ae,  是一款图形视频处理软件，属于图形后期处理，常用来制作动态的UI效果。

辅助工具

Ps Play, 通过 Wi-Fi 网络，在终端设计上预览电脑上 PS 设计稿，支持 iOS 和Android.

蓝湖，一款高效的设计稿标注，查看原型和切图工具。

Cutter Man, 一款 PS 切图插件，支持各种图片尺寸格式输出，方便在 PC，iOS, Android 平台使用。

5、交互设计

一名优秀的 UI 设计师同时也是一名优秀的交互设计师，UI设计必须了解整个界面流程，才能通过图形界面呈现给用户。

6、动效设计

动效设计让用户体验更加愉悦，动态的展示能让用户感受更直观，现在越来越多 UI 设计师也开始钻研动效设计知识。

7、设计心理学

通过人们的心理状态来研究设计更能够反映和满足人们心理的设计。

总结

UI 设计不仅仅是画点描边，它要求设计师必须具务全面广泛的知识。

首先，你得具备较高水准的审美能力和熟练的软件操作技能，能够绘制出漂亮的视觉稿和切片输出，精通 iOS 和 Android 设计规范和设计原则；

其次，要学会思考，你服务的用户人群是什么样的，他们喜欢什么样的风格产品界面；

最后，还要积极参与产品流程讨论与开发实现和视觉还原，产品上线后还要跟踪用户数据来做为后面设计迭代的参考。

想要成为一名优秀的设计师并非一朝一夕，只要我们坚持，并撑握正确的学习方法，成为一名优秀的 UI 设计师并不难。