1.1 UI设计与GUI设计

UI（用户界面）是广义概念，包含软、硬件设计，囊括UE（用户体验）、GUI（用户图形界面）及ID（交互设计）。UE（用户体验）关注的是用户的行为习惯和心理感受，就是琢磨人怎么使用软件或硬件才觉得顺畅。GUI（用户图形界面）就是界面设计，只负责应用的视觉界面，目前国内大部分的UI设计师其实做的就是GUI。ID（交互设计）简单来讲是指人和应用之间的互动过程，一般由交互工程师来做。

1.1.1 什么是UI设计

UI设计是指对应用的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让应用变得有个性，有别于其他产品，还要让用户便捷、高效、舒适、愉悦地使用。

在人们的交互中，有一个层面叫界面。从心理学的角度来讲，我们可以把它分为两个层次：感觉（视觉、触觉、听觉）和情感。人们在使用某产品时，第一时间直观感受到的是屏幕上的界面，它传递给人们在使用产品前的第一印象。一个友好、美观的界面能给人带来愉悦的感受，增加用户的产品黏度，为产品增加附加值。通常，很多人会觉得界面设计仅仅是视觉层面的东西，这是错误的理解。设计师需要定位用户群体、使用环境、使用方法，最后根据这些数据进行科学的设计。

判断一款界面设计得好与坏，不是由领导和项目成员决定的，最有发言权的是用户，而且不是一个用户说了算，是一个特定的群体。所以UI设计要时刻与用户研究紧密结合，时刻考虑用户会怎么想，这样才能设计出让用户满意的产品。如图1-1所示为出色的游戏UI设计。

1.1.2 什么是GUI设计

GUI英文全称为Graphical User Interface，中文称为图形用户界面，是指使用图形方式显示的计算机用户操作界面。GUI设计的广泛应用是当今计算机发展的重大成就之一，它极大地方便了非专业用户的使用。人们从此不需要死记硬背大量的命令，取而代之的是可以通过窗口、菜单、按键等方式来方便地进行操作。

图形用户界面是一种人与计算机通信的界面显示格式，允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项，以选择命令、调用文件、启动程序或执行其他一些日常任务。与通过键盘输入文本或字符命令来完成例行任务的字符界面相比，图形用户界面有许多优点。图形用户界面由窗口、下拉菜单、对话框及其相应的控制机制构成，在各种新式应用程序中都是标准化的，即相同的操作总是以同样的方式来完成，在图形用户界面，用户看到的和操作的都是图形对象，应用的是计算机图形学的技术。

UI设计包括可用性分析、GUI设计及用户测试等。GUI设计是UI的一种表达方式，是以可见的图形方式展现给用户的。用户体验是用户在与产品的交互过程中所获得的感受，同GUI相比它是不可见的。GUI与UE是UI设计过程中最为重要的组成部分，它们是相互影响、紧密联系的。在UI设计过程中，GUI设计的目的就是为了提高和改善人机交互的过程，使用户操作更为直接和方便。如果整个人机交互过程可以理解为一个系统的话，那么用户体验就是一个系统反馈，有了这个反馈，系统就可以不断修正自身误差，以达到最佳的输出状态。如图1-2所示为出色的游戏GUI设计。

1.1.3 关于用户体验

近几年来，计算机技术发展日新月异。用户体验设计越来越被众多游戏设计开发企业所重视，这也使得所设计的游戏与玩家的行为特点越来越匹配。

用户体验（User Experience，UE）是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，带有不确定因素。因为每个个体在使用同一个产品的时候都有自身的感受，这个差异化也决定了这种体验没法一一再现。但是设计师可以根据某个特定的使用群体做一个概括性的总结分析。

用户体验主要是来自用户和人机界面的交互过程。它是伴随着计算机兴起来的。在早期的产品开发中，用户体验通常不被企业看中，他们觉得用户体验只是产品制造中一个很小的环节，而作为用户体验的表现层（GUI）也只是被看作是产品的外包装，往往等到产品核心功能设计达到尾声的时候才让UI设计师介入。这样使得用户体验设计被框死在现有的功能之中，产品得不到应有的改善。如果发现了很大的体验问题，产品核心功能面临再次修改或强制性地推向市场，这样无疑让企业承受了很大的风险。

当前很多公司越来越注重以用户为中心的产品观念。用户体验的概念从开发的最早期就已进入，并贯穿始终，其目的主要有以下几点：

对用户体验有正确的预估。

认识用户的真实期望和目的。

在功能核心还能够以低廉的成本加以修改的时候对设计进行修正。

保证功能核心与人机界面之间的协调工作，减少错误。

1.1.4 认知心理学与UI设计的关系

认知心理学是关于认知的。人类认识客观事物主要通过感觉、直觉、思维想象等来进行，凡是研究人的认知心理过程的都属于认知心理学范畴。

认知心理学家关心的是作为人类行为基础的心理机制，其核心是输入和输出之间发生的内部心理过程。知觉是由看和听构建的，人被特定的图像和声音刺激后产生某种特征，并以抽象的方式被编码，把输入和记忆中的信息进行对比得出对刺激的解释，这一过程就是认知。心理学家们经常使用类比、模拟、验证的方法去研究计算机的使用人群。要让计算机的行为符合人类行为，开发人员就得想办法让程序和逻辑符合人类的认知。

通常在设计UI的过程中，会把UI与认知心理学结合起来进行思考。基于用户行为基础做设计，在用户预期和UI设计实现之间实现兼容，这样才能保证所设计的UI不是“残品”，而是美观、易用、友好的。

1.1.5 游戏UI与UI设计的区别

UI设计承载的是其内容，而游戏UI设计承载的是其内容与玩法，性质上都是引导用户或玩家进行更流畅的操作。游戏UI设计与其他类型的UI设计有许多相似的地方，但由于游戏本身的特点也决定了游戏UI设计与其他类型UI设计的不同。

1.视觉风格不同

其他类型UI设计的视觉风格可以独立于其内容，而游戏UI必须结合游戏本身的风格进行设计，所以在视觉层面上其他类型的UI设计自由度相对比较高一些，如图1-3所示为应用程序UI设计。游戏UI设计需要在已有游戏美术范围内做设计，相对于其他类型的UI，在设计上会困难点、复杂点，同时对设计者的设计能力和美术理解力要求也更高一些，如图1-4所示为游戏UI设计。

2.表现形式不同

UI设计仅仅只是考虑视觉层面的效果，更多的还需要兼顾到逻辑层面的交互与功能。与其他类型的UI相比，游戏UI需要多考虑玩法的表现，不仅仅是需要一个美观、表意明确的游戏界面，还必须考虑到表现形式与游戏玩法的相互结合。以摄像头为例，应用程序UI首先要考虑的是它的功能，无非就是拍照、滤镜、摄像，而游戏UI里就会衍生出无限的玩法，比如大头贴、打飞碟等一大堆基于摄像头感应交互的游戏，而这些游戏看似都是以摄像头为基础的游戏互动，但是稍微变换一下或者添加一个玩法，这个游戏的性质就会不一样，而游戏UI就需要考虑到这种无限的变化性。如图1-5所示为游戏UI的表现形式。

3.复杂程度不同

因为游戏本身逻辑的复杂性，一般大型游戏的界面数量都会多达上百个，因此在视觉、逻辑和数量上都比其他类型UI的设计要复杂得多，是UI设计领域中一个非常重要的一部分。如图1-6所示为复杂的网络游戏UI设计。