图形交互界面_交互设计丨UI、UX 像你女朋友一般难以捉摸又迷人的存在

Part 1. UI概述

UI的英文全称是User Interface，翻译过来就是用户界面，泛指的就是用户的界面操作，其中包含移动端、APP、智能穿戴设备等。

它是用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还可以包括特定的机器设备和复杂的工具等。UI设计就是指设计界面的样式和美观程度。

一个好的UI不仅可以让软件变得有趣、个性，也能让软件的操作变得更加的舒适、流畅、简单、自由，同时对于他自己本身来说，也能够体现它的定位与特点。

一般的软件设计工作者，可以大致分为两种，一种是编程设计，一种是UI设计。

编程设计：就是我们日常所说的“码农”；

UI设计：从它的英文组成来看，可能很多人会以为它只包含“用户”和“界面”两个相互独立的部分，但其实不是的，它还包括“用户与界面间的关系”。

在人与机器的交互过程中，有一个连接人与机器的最重要的东西，我们将它称为界面。从心理学上来讲，可以将它分为“感觉”与“情感”两个层面。

在界面设计这个概念被人们提出来之前，界面是非常不受重视的，但其实一个软件的界面就好像是工业产品的造型一样，也是非常重要的一个组成部分，有时候甚至会成为一个商家推销的卖点之一。

界面设计不是单纯的美术绘画或设计，它需要设计师定位使用者、使用环境、使用方式，然后队最终的目标进行设计。这是一门纯粹的、科学性的艺术设计学科。

一个好的界面的标准，不是指某个项目开发的领导的建议，已不是项目中参与设计者决定的，而是由最终的使用者，即最终受益人来决定的。

所以说，界面设计是一个紧密结合用户，并为了用户需求不断完善的设计过程。一个好的界面，会给人带来舒适的视觉享受，可以拉近人与计算机间的距离，同时潜在的也为商家创造了卖点。

用户界面设计是一个复杂的、需要不同学科参与的过程。其中会涉及到认知心理学、设计学、语言学的内容。用户设计的三大原则：

1、置界面于用户的控制之下

2、减少用户的记忆负担

3、保持界面的一致性

其实当我们纵观整个UI的历史，我们会发现，随着市场经济的逐渐激烈，设计成了产品很重要的一个竞争点。

最初当UI刚被大众所认识的时候，很多人就将它单纯的视为平面设计，基本就是体现在网页设计上，后来随着flash的产生和流行，很多设计师就开始慢慢的思考用户与产品之间的互动性了，于是人们这才开始慢慢研究，知道发现了人与机器间的千丝万缕的关系，才开始对UI重视。

到了现代，产品之间的科技含量已经越来越趋于同水平线了，UI设计就变成了市场竞争中非常重要的一部分，有时候甚至会关键。很多大型公司开始将UI划分出来，作为一个独立的部门。

因为现阶段整个社会都还处于对UI设计师急需的阶段，所以UI设计师的就业前景是非常光明的。

UI设计师的工作方向可以根据UI的三个因素来打置划分为三个方向，首先三个因素分别是：研究工具、研究人、研究人与界面的关系。

研究工具——图形设计师

研究工具，就是研究界面，我们将相对应的职业称为图形设计师。其实就是大部分口中的“美工”。但其实这个美工并不是单纯意义上的美术工人，而是软件产品的外形设计师，这些设计师大部分都是艺术专业毕业，有美术设计教育背景。

研究人——用户测试研究工程师

我们将他称为UE，工作就是对UI设计进行测试，主要测试交互设计的合理性。与图形设计和编码都没有关系。一般工作就是对目标用户进行分组调查，来衡量UI设计的可行性、合理性、流畅性及舒适度。其实这个职业可以称他为测评师，是整个系统中非常少哪个重要的一个部分，这个职位一般由有心理学、语言学背景的人来担任。

研究人与界面的关系——交互设计师

长期以来UI设计师其实就是指交互设计师。工作内容就是设计软件的操作流程、梳状结构、软件结构、操作规范等，一个软件在编码之前需要做的就是交互设计，除了上述这些工作内容，交互设计师还需要确立交互模型、交互规范等。一般交互设计师的出身背景以工程师居多。

Part 2. UI设计

设计原则

1、明确目标客户群体

如果做不到这一点，界面设计就会非常模糊不明确，用户就无法在其中体验到很好的使用效果，同时也会用想到用户对整个产品的印象。

2、简洁

UI设计出了清晰还不够，还需要一目了然的简洁。如果界面上充斥了太多乱七八糟的东西，会让用户在查找内容的时候非常的困难、乏味。

3、熟悉

这里所说的熟悉是指设计规范的内容，以便操作和掌握。

4、响应

良好的界面设计一定要响应迅速，不能让用户体验到一种响应非常慢的感觉，比如加载页面缓慢等。在这一部分其实可以适当的加入一些小操作，比如当由于网络原因，加载不稳定的时候，可以跳出提示框提醒用户等。

5、一致性

保持整个界面风格的一致性是整个设计中最重要的环节，其实说白了就是要保持统一的风格，不会让用户有非常凌乱、错愕、跳跃的感觉，这样对客户会有一定的安全感。

6、美观

美好的事物总会带给人们很愉悦的感觉，所以在页面设计中，美观就是在绘制、数据、控件中做好调和。

设计规范

1、一致性

坚持以用户体验为中心，设计直观的界面和见解的操作方式，方便用户使用软件过程中，对界面一目了然，不需要太多的培训就可以自如的操作。

2、字体

一定要保持颜色、格式的一致，避免多个主题下出现多种字体。

3、对齐方式

在没有特殊情况时，应避免同一页面出现多种数据对齐方式。

4、表单录入

在包含“必须”与“选填”的这种页面中，必须在提示框胖给人以醒目的标识。

5、鼠标手势

可点击的按钮链接需要切换成鼠标手势到手机。

6、功能及内容

功能及内容要保持一致性，避免同一功能描述多个词汇。

7、标识

标识一定要保持一致，比如不同的颜色显示不同的功能划分，可以明确块面和信息。

8、语言

语言的一致性。

9、布局

布局的一致性可以保证用户操作简单，多做减法，将不常用的功能尽量隐藏起来。

10、菜单

菜单一定要尽可能的简洁，保证分类的准确性，避免过多过杂的不准确分类。

Part 3. UX概述

UX是User Experience的缩写，中文就是用户体验，UX设计就是以用户体验为中心的设计。对于交互设计师来说，研究与评估一个系统的用户体验应该关注与这个系统的易用性、价值体验、实用性、高效性等，同时设计师也要关注一个系统之下的子系统或流程。

最初”用户体验“是由一个认知科学相关的专家提出的概念，他首次提出了亿用户为中心进行设计的重要性。他认为如果在设计上给予无限多的时间的话，理论上应该是可以给出所有问题的最优解决方案的。但在现实生活中我们的时间必然是有限的，所以在设计探索中，我们应该给用户体验优先权。

概念细化

UI：User Interface Design，是一个非常广泛的定义，其中包包括了软、硬件的设计，也包括了ID、GUI与UE三个方面，下面就来具体看一下ID、GUI和UE。

ID：Interface Design，简单来说ID就是只人与电脑之间的互动过程。这个方向的工作主要由软件工程师负责，虽然也包括在设计领域，但更多的是一些代码编程上的设计。

GUI：Graphical User Interface，是指用户图形界面，也就是我们通常所所说的“界面美工”，GUI设计师在日常工作中只负责软件视觉的界面设计。它的覆盖面相对UI较窄，与ID一同涵盖在UI设计内。国内大部分交互设计师所做的工作都涵盖在GUI中。

UE：User Experience，这个领域所关注的就是用户的行为习惯和心理感受，即：怎样让实用软件和变得更加得心应手。在现实生活中，工作在这个领域的人被成为产品经理，主要负责测试软件，并完成用户调研、体验报告、用户实验等。

对比以上几个缩写词汇，我们可以发现，其实用户体验设计的目的就是提高产品的可用性和易用性。这其中也包含了传统的人机交互，解决了所有用户感受相关的问题。用户体验设计师需要通过相框图原型设计来清理整个产品的逻辑，使用的软件和方式也非常多。

除了上述这些内容，交互中还包含互动设计，比如互动作品GIF格式的视频等。用户研究也涵盖了很重的一个角色，比如研究设计方案、了解用户行为态度，大量的定性研究和少量的定量研究，比如问卷调查、组织用户参与研究等。有的时候UX设计师偶尔也会兼顾调研的角色。

比如下面这个UI概念设计的雏形：

接下来是一些交互报告~比如问卷调查、搜集调研等：

基于表格结论，做出产品图形：

基于产品图形，给出具体的模块：

确定软件相关图：

规范UI：

将UI与相关图结合：

最后通过一张图来总结今天的内容吧～

因为很多同学对交互设计都是似懂非懂的，所以都是非常基础的内容，帮大家纠正了很多相关概念和设计步骤～

有什么关于艺术留学类的问题，请随时私信小More哦～