1.3 游戏UI设计的准备工作

游戏UI承载的不仅仅是单纯的内容（例如游戏地图、任务等），它还需要传递游戏的基因、世界观。在开始对游戏UI进行设计之前，首先需要了解该款游戏的世界观，以及该款游戏UI的设计风格，这样设计出来的游戏UI才能够与该款游戏相契合。

1.3.1 了解游戏的世界观

判断一款游戏UI好与坏不仅要依据表现上的视觉，而且要根据游戏UI元素与游戏世界观是否贴切来判断。

什么是游戏的世界观呢？游戏的世界观告诉我们这个游戏是什么样式、游戏矛盾是什么，以及发生的背景是什么。在一个游戏中几乎所有的元素都是世界观的组成部分。

世界观在游戏中是普遍存在的，没有不存在世界观的游戏，只有和游戏世界观不匹配的元素。设计师在设计游戏之初都会为游戏搭建一些规则，添加一些元素。有些游戏的世界观表现得比较完整，如《魔兽世界》，也有一些表现得比较隐晦，如《俄罗斯方块》，如图1-10所示。

在对游戏UI进行设计之前，必须要做好功课，认真了解所需要设计的游戏的世界观。只有了解了故事发生的背景、故事的剧情和矛盾，才能有效地寻找相关的素材，提炼相关的视觉元素，为我们的游戏UI设计服务。例如，需要设计一款维京时代的航海类游戏UI，如果连“维京”是什么都不知道，怎么能设计出友好的游戏UI让玩家享受呢？这个时候首先就需要了解维京是什么、维京人是做什么的、故事发生的年代、那个年代的物质生活条件怎么样，以及科学技术的发展怎么样等。使玩家了解到维京人是北欧海盗，维京时代在8世纪到11世纪由天主教会统治，海盗用的是帆船，弯曲船是用一块完整的木头精雕细刻而成的，海盗们用的是冷兵器。这样我们提炼设计元素的时候就有目的和方向了。如图1-11所示为以航海为背景的游戏UI设计，如图1-12所示为以三国为背景的游戏UI设计。

1.3.2 确定游戏UI的设计风格

游戏UI的设计风格并不是由UI设计师决定的，它取决于这个游戏的原画设定。UI设计师基本上是按照已有的游戏原画风格去设计游戏UI的。多变的风格要求游戏UI设计师需要有扎实的设计能力和灵活的应变能力。

从游戏风格角度可以将游戏分为4种类型。

1.超写实风格

超写实风格的游戏画面真实感很强，游戏场景细节表现很细腻，为了防止过多的视觉信息干扰，通常会把游戏界面设计得简洁通透，几乎让玩家感受不到游戏界面的存在，仿佛置身于游戏场景之中。如图1-13所示为超写实风格的游戏UI设计。

2.涂鸦风格

此类游戏画面以涂鸦的感觉为主，画面轻松而自然，让玩家在游戏中回味童年。这类游戏的UI设计，通常采取看似笨拙的涂鸦风格与游戏的内容保持一致。如图1-14所示为涂鸦风格的游戏UI设计。

3.暗黑风格

西方魔幻类游戏，画面色调较暗，局部有绚丽的光线，给玩家一个真实的魔幻世界。这类游戏UI通常用大花纹装饰、厚重的金属框体、破旧的木板和羊皮纸作为设计元素，增加游戏的带入感。如图1-15所示为暗黑风格的游戏UI设计。

4.卡通风格

此类游戏画面轻松活泼，常常使用比较鲜艳亮丽的色彩进行搭配。在符合轻松活泼的气氛下，这种风格的游戏UI设计的形式和颜色相对比较自由，设计师可以更自由地进行发挥。如图1-16所示为卡通风格的游戏UI设计。

1.3.3 游戏UI设计的流程

一个游戏UI界面的设计大体可以分为需求阶段、分析设计、调研验证、方案改进和用户验证反馈5个阶段。

1.需求阶段

游戏UI设计依然属于工业设计的范畴，因此也离不开3W的考虑（Who、Where、Why），也就是使用者、使用环境、使用方式的需求分析。所以在设计一个游戏产品的UI部分之前同样应该明确什么人用（用户的年龄、性别、爱好、收入和教育程度等）、什么地方用（办公室、家庭、公共场所）、如何用（鼠标键盘、手柄、屏幕触控）。上面的任何一个元素改变了，结果都会有相应的改变。举一个简单的例子，当设计一套PC平台的Q版网络游戏界面和一套游戏机平台的动作游戏界面时，由于针对的受众不同，操作习惯与操作方式会有所差别，所以在设计风格上也要体现出相应的变化。

除此之外，在需求阶段同类竞争产品也是必须要了解的。同类产品比我们的产品提前问世，我们要比它做得更好才有存在的价值。那么单纯从UI设计的美学角度考虑说哪个好哪个不好是没有一个很客观的评价标准的，只能说哪个更合适。更适合最终用户也就是玩家的产品就是最好的产品。

2.分析设计阶段

通过分析上面的需求后进入设计阶段，也就是方案形成阶段。可以设计出几套不同风格的界面用于备选。首先制作一个体现用户定位的词坐标，例如以18岁左右的男性玩家为游戏的主要用户，对于这类用户进行分析得到的词汇有：刺激、精美、娱乐、趣味、交流、时尚、酷、个性、品质、放松等。分析这些词汇的时候会发现有些词是绝对必须体现的，例如品质、精美、趣味、交流。但有些词是相互矛盾的，必须放弃一些，例如时尚、放松与酷、个性化等。所以可画出一个坐标，上面是必须体现的品质：精美、趣味、时尚、交流。左边是贴近用户心理的词汇：时尚、放松、人性化，右边是体现用户外在形象的词汇：酷、个性、工业化。然后开始收集相应的素材，放在坐标的不同点上，这样根据不同坐标的风格，设计出数套不同风格的游戏UI界面。如图1-17所示为网络休闲游戏《QQ堂》的游戏UI界面，其主要用户是女性玩家。

3.调研验证阶段

几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观的反馈。

调研验证阶段开始前，我们应该对测试的细节进行清楚的分析描述。

例如，

数据收集方式：厅堂测试/模拟家居/办公室。

测试时间：______年__月__日。

测试区域：北京、上海、广州。

测试对象：某游戏界定市场用户。

主要特征为：

对计算机的硬件配置及相关的性能指标比较了解，计算机应用水平较高。

计算机使用经历一年以上。

玩家购买游戏时品牌和游戏类型的主要决定因素。

年龄：____～____岁。

年龄在____岁以上的被访者文化程度为大专及以上。

个人月收入____以上或家庭月收入____元及以上。

样品：____套游戏界面。

样本量：____个，实际完成____个。

调研阶段需要从以下几个问题出发：

用户对各套方案的第一印象。

用户对各套方案的综合印象。

用户对各套方案的单独评价。

选出最喜欢的。

选出其次喜欢的。

对各方案的色彩、文字、图形等分别打分。

结论出来以后请所有用户说出最受欢迎方案的优、缺点。

所有这些都需要使用图形表达出来，这样更直观、科学。

4.方案改进阶段

经过用户调研，得到目标用户最喜欢的方案，而且了解到用户为什么喜欢，以及还有什么遗憾等，这样就可以进行下一步修改了。这时可以把精力投入到一个方案上，将该UI设计方案做到细致精美。

5.用户验证反馈阶段

改正以后的方案就可以推向市场了，但是设计并没有结束，设计者还需要用户反馈，好的设计师应该在产品上市以后多与用户接触，了解用户真正使用时的感想，为以后的升级版本积累经验资料。

经过上面设计过程的描述，可以清楚地发现，游戏界面UI设计是一个非常科学的推导公式，有设计师对艺术的理解感悟，但绝对不是仅仅表现设计师个人的绘画，所以要一再强调这个工作过程是设计的过程。

以上是整个游戏界面UI设计需要经过的主要流程，但在实际操作中设计师可能还是会面临很多如时间与质量的问题，所以这里并不强调一定要严格地按照这个公式来设计和制作游戏界面。

如图1-18所示为网络游戏《剑侠情缘online》的游戏界面，在该游戏的整个开发过程中，游戏界面的设计尝试了几种不同的风格，从最初华丽炫目的界面设计方案到最后朴实简洁的完成品，可以看到游戏UI设计师的整个创作过程是在不断地进行思维演变的，同时积极地与玩家互动，将玩家反馈的意见加以整理与提取，才把最适合玩家的方案呈现在用户面前。