游戏设计艺术 第十五章 玩家通过界面玩游戏

游戏设计艺术 摘抄/笔记

20220811 第十五章 玩家通过界面玩游戏

一个界面的目的是让玩家感觉将他们的体验把控在手

59 号透镜：控制

这个透镜的作用不只是用来检查你的界面，因为有意义的控制对沉浸式互动非常重要。问

• 当玩家使用界面时，是否能尽其责？若不能，为什么
• 直观界面给人以控制感。你的界面容易还是难以掌握呢
• 玩家是否感觉他们对游戏的结果有强烈影响力？若不是，如何改变这种情况？
• 感觉强大=掌控感。你的玩家是否感觉强大？是否能设法使他们感觉更强大呢

条分缕析

为了避免混淆并正确理解界面，必须将其分解成组件

首先，我们知道我们有玩家和游戏世界

从最简单的层面而言，界面是存在于玩家和游戏世界间的所有事物

存在位于物理输出、物理输出和游戏世界之间的虚拟界面

以下是一些对上图中的小数字所包含的映射逻辑的例子：

1. 物理输入->世界

如果推摇杆可以让人物跑动，这个映射告诉我们它会跑得多快，以及如果放开的话多久会慢下来
如果更用力地推摇杆，人物会奔跑得更快吗
人物会一直加速吗
双击摇杆会让人物快跑吗

2. 世界 -> 物理输出

若是无法一下子看到整个世界，那可以看到哪个部分，它是怎样呈现的

即 3C 中的摄像机部分的设定

3. 物理输入 -> 虚拟界面

在一个基于鼠标的菜单界面中，单击会达到什么效果，双击呢？是否可以随意拖动界面的任意部分

4. 虚拟界面 -> 世界

当玩家操纵虚拟界面时，对世界有什么影响？
如果选中世界里的一件物品并使用弹出菜单对它实施了一个行为，这个行为会马上生效还是延迟起效

主要涉及打开菜单后，游戏世界的时间流速设定。
常见的做法有：1）继续正常流逝；2）暂停

5. 世界 -> 虚拟界面

世界里的变化如何在虚拟界面上显示
什么时候分数和能量条会变化
世界里的事件会导致界面中出现特殊弹出窗口、弹出菜单或模式改变吗
在玩家进入战斗后，特别战斗菜单会出现吗

6. 虚拟界面 -> 物理输出

会显示哪些数据给玩家，另外它们会在屏幕的哪里出现
显示什么颜色
什么字体
当生命力非常低的时候它是否会像心脏般跳动或发出声音

60 号透镜：物理界面

玩家会和你的游戏产生物理互动。抄袭现有的物理界面是一个很容易跌落的陷阱。通过该透镜以确认你的物理界面是否适合你的游戏

• 玩家捡起和触碰了什么东西？能否把这个过程做得更加令人愉悦？
• 游戏世界内的动作映射是怎样的？这种映射是否可以做得更加直接
• 如果不能创造一个定制的物理界面，当你将输入映射到游戏世界时使用哪种隐喻方式
• 在玩具透镜下，物理界面看上去是什么样的
• 玩家怎么看到、听到和触碰游戏世界？是否有方式可以集成某种物理输出设备使得整个世界在玩家的想象中变得更真实

61 号透镜：虚拟界面

虚拟界面做得不好会成为玩家和游戏世界间的阻碍。做得好，它们会放大玩家在游戏世界中的力量和控制。利用该透镜来确认你的虚拟界面在尽可能加强玩家体验：

• 玩家必须接收哪些光靠观察游戏世界而无法明显获取的信息
• 玩家何时需要这些信息？一直？有时？只在每关结尾？
• 这些信息如何以一种不会打扰玩家与游戏世界互动的方式传递给玩家？
• 游戏世界里是否存在某些相比直接互动更容易通过虚拟界面互动的元素（比如弹出菜单）？
• 对于我的物理界面来说哪种虚拟界面更适合？比如弹出菜单对于游戏手柄来说是一种很差的匹配

想到的是很多游戏中常见的，战斗时才显示人物相关信息（生命、魔法等），平时将这些信息隐藏，以尽可能增加玩家可视范围，增加临境感

62 号透镜：透明

无论你的界面多美丽，它总是越少越好。 —— 爱德华·塔夫特

理想的界面对玩家来说是隐形的，它可以使玩家的想象完全沉浸在游戏世界中。为确保不可见性，问：

• 玩家欲望是什么？界面是否让玩家做了他们想做的事
• 这个界面是否足够简单到玩家通过练习后可以不用思考直接使用
• 新的玩家是否觉得这个界面直观？若不是，它是否可以用某种方法做到更直观？如果让玩家可以定制操作方式会起到帮助还是伤害的作用
• 界面是否在所有情况下都工作良好，是否在某些情况下（靠近角落时，走得非常快，等等）它的行为会使得玩家迷惑
• 在紧张情况下玩家是否可以继续良好地使用界面，或者他们开始笨拙地摸索如何操控/遗漏了关键信息？若是这样，如何改善
• 界面是否有任何迷惑玩家的地方？6 个界面箭头中的哪个会有这种情况
• 当玩家使用界面时是否有沉浸感

其实在看这里的时候想到了曾经学过的有关 tangible user interface （TUI） 相关的概念，这里放个 wiki 的图，简单来说就是一种物理交互设备，有与“世界”相匹配的交互方式

设想一个情境，我们的任务是需要在地图中找到特定位置，而我们正好拥有一个形似地球仪的可转动的物理实体，可用于这一任务，想来会很过瘾
如此一来也可以简单想到，这一方法要普及要面临的第一个问题就是成本——与某些任务情境非常匹配的 TUI 必然是经过特殊设计的，这也意味着其与其他任务的匹配程度就会相对较低
突然想到市面上其实也有相关的成熟产品，即飞行模拟器或是汽车模拟器等等，也有钓鱼游戏专用的模拟钓竿等等
这里其实会设计到另外两个与人机交互相关的学术概念，Gulf of execution 和 gulf of evaluation，前者衡量用户理解系统当前状态的难易程度，如图形 < 命令行（更难理解），后者衡量系统反馈的理解难易度，如进度条 < 无显示 （更难理解）。但这部分有点太偏理论了，有兴趣的朋友可以自行查阅 (￣▽￣)”

互动循环

信息以环状流动。

从游戏返回到玩家的信息会极大影响玩家的下一步行动，这个信息一般被称为反馈。这种反馈的质量可以对玩家在游戏内发生的一切理解和享受程度产生巨大影响。

良好反馈的重要性会被轻易忽视。比如篮筐的网。这个网完全不影响也游戏玩法——但当球从框中落下时其减慢了球下落的速度，也让所有球员可以清晰看见甚至听见球进了

一个不那么明显的例子是速易洁，一个简单设备，设计理念是成为比传统扫帚/簸箕组合更好的清洁地板解决方式

看起来速易洁的设计师使用了 14 号透镜 “陈述问题” 来发明了一个全新解决方案。如果我们用扫帚/簸箕的解决方案来审视其中的某些问题：

• 问题 1 不可能把所有尘土扫进簸箕
• 问题 2 很难在站立的时候使用簸箕。弯着腰却很难使用扫帚
• 问题 3 扫帚无法扫到所有的尘土
• 问题 4 当你尝试把灰尘扫入簸箕时，你的手会弄脏
• 问题 5 将垃圾从簸箕转移到垃圾桶时很危险——它经常会倒得或吹得到处都是

速易洁使用可抛弃式的擦布完美解决了这些问题

• 解决方法 1 不需要簸箕
• 解决方法 2 使用速易洁时不需要弯腰
• 解决方法 3 速易洁擦布比扫帚能扫更多尘土
• 解决方法 4 你的手保持清洁
• 解决方法 5 擦布很容易清理

它同时还具有一个超越这些实际事件的吸引力。它拥有一股强烈的精神吸引力——老实说，它用起来也很有趣。为什么？因为它的设计提出了一个常人不认为是问题的问题

• 问题 6 用户几乎得不到关于他们将地板清洁到了什么程度的反馈

速易洁将这个问题解决得很好

• 解决方法 6 打扫完后你从地板上擦去的尘土在你的擦布上非常明显

这种反馈让玩家迅速明白他们所做的在地面干净程度这件事上起到了很大作用

这会引发各种乐趣——因为做了有用的事而产生的满足感；净化的快乐；甚至还有掌握别人不知道的暗知识的喜悦感（这个指什么嘞）

虽然会泽中反馈直到任务结束才会到来，但玩家能够预见这一点并期待看到一件工作被不错完成后的具体证据

63 号透镜：反馈

一个玩家从游戏中得到的反馈有很多种：判断、奖励、直到、鼓舞、挑战。用该透镜确认反馈回路正在创造想要的体验，随时随地在游戏中问：

• 在该时刻，玩家应该知道什么
• 在该时刻，玩家想要知道什么
• 在该时刻，想要玩家感受到什么？如何给出能够创造这种感受的反馈？
• 在该时刻，玩家希望感受到什么？对他们来说是否有机会创造一个能使得他们获得这种感受的情境
• 在该时刻，玩家的目标是什么？哪种反馈会帮助他们实现这个目标

在游戏中每个时刻都使用该透镜会耗费巨大精力，但这是值得的，因为它会帮助确保这个游戏清晰，富有挑战性，并且是值得的。

通常按照经验来看，如果界面不会在十分之一秒内对玩家输入做出反应，他就会觉得你的界面出了问题

有趣

回到打扫的例子：一条肮脏擦布并不是速易洁给用户的唯一反馈
考虑扫帚/簸箕组合带来的另一个问题

• 问题 7 扫地很无聊

将这里所谓的 “无聊” 进行划分，它所指的是

• 扫地是反复的（机械重复同一动作）
• 需要你集中精神在某件不会带来惊喜的事上（如果不关注那堆尘土，它就会飞得到处都是）

而速易洁也有对应的解决方案

• 解决方法 7 使用速易洁是有趣的！

这可能是速易洁最大的独立卖点

用 17 号透镜 “玩具” 观察一下，速易洁做得很好——它确实好玩，但为什么？它不就是一根棍上的一块布吗？但速易洁的清洁底座所展示的运动是二级运动，即起源于玩家动作的运动——玩家轻轻转动手腕，支撑擦布的底座就会明显转动

当一套系统展示大量一个玩家可以轻易控制的二级运动并且它会给予玩家许多力量与奖励时，我们称之为多汁系统——就像一颗成熟蜜桃，只要与其有一些互动，它就会回馈你连续不断的可口汁水

64 号透镜：多汁

将一个界面称之为“多汁”可能有些蠢，但在你开始使用多汁界面的那一刻起 多汁界面就很有趣，问

• 我的界面对玩家的动作基于持续反馈了吗？若没有，为什么没有
• 二级运动是由玩家动作创造的吗？这个二级运动是否有利且有趣？
• 多汁系统以多种方式立刻奖励玩家。当我给予玩家一次奖励时，我同时以多少种方式在奖励他们？可以找到更多方式吗

趣味通常伴随着意外的愉悦

首要性

有一种界面形式，偏重于和多汁有趣联系在一起——手机和平板的触摸界面

为什么触摸界面容易上手——为什么触摸界面直观——为什么触摸界面容易理解——因为它们原始

直到触摸电脑的出现，每台电脑界面都采取了使用工具的形式。即与一些物理物体（键盘、鼠标、按钮控制板、打孔卡等）互动，以及会发生一些远程的（不在我手边的）反馈。渐渐地，人们逐渐学会这样的工作方式并习惯使用。但使用工具并不是最原始的交互方式。

动物在更长的一段时间里都是以本能来触摸物体的。

这里果然再次涉及到了之前提到的 gulf of execution 和 gulf of evaluation 的概念。简单来说就是人们使用触摸屏幕的时候是直接交互的，即手指的点击位置就是屏幕的交互位置，而若是使用键鼠，中间其实包含手-鼠标-屏幕上的光标的映射关系，多了一层手-鼠标，鼠标-光标的转换。

如图所示，其上包含另外两个概念，语音距离（articulatory distance）和语义距离（semantic distance）。
语义距离的关键在于用户是否能把意图转化为相应的界面语言（idea -> input）
语音距离反映交互行为中为实现交互意图所做的操作（input）与其含义（output）之间的关系（input -> output）

可以确定的是，能使用或涉及越多的大脑原始部分，人们会觉得你的玩法更直观有力，这也帮助说明了为什么那么多游戏包含以下元素：

• 收集水果类元素
• 和有威胁的敌人作战
• 寻路以通过不熟悉的环境
• 克服困难去找到你的伴侣（科学家通常称之为“拯救公主”）

65 号透镜：原始性

一些动作和界面是如此直观，连动物都在几亿年前就在做这些动作。为捕捉到原始性的力量，问：

• 游戏中，哪些部分是如此原始，连动物都可以玩？为什么
• 在游戏中，哪些部分可以做得更加原始？

信息通道

任何界面的一个重要目的是用来交流信息。

为搞明白在游戏中展现信息的最佳方式，尝试以下步骤

步骤 1：列表与排列信息

一个游戏必须呈现大量信息，但它们并不同等重要

以红白机的《塞尔达传说》为例，一个没有优先度的玩家可能看到信息的列表如下：

1. 红宝石数量
2. 钥匙数量
3. 体力值
4. 当下环境
5. 远处环境
6. 其他物品
7. 当前五期
8. 当前宝物
9. 炸弹数量

现在，按重要度重新排序：

每一刻都必须了解：
4. 当下环境

游戏过程中必须不时瞟一眼：

1. 红宝石数量
2. 钥匙数量
3. 体力值
4. 远处环境
5. 当前武器
6. 当前宝物
7. 炸弹数量

有时必须知道：
6. 其他物品

步骤 2：列出通道

一个信息通道只是传递数据流的一种方式。

一些可能的信息通道：

• 屏幕正上方
• 屏幕右下角
• 头像
• 音效
• 音乐
• 屏幕边界
• 逼近的敌人胸部
• 一个人物头上的对话气球

列出你认为也许会用到的通道是个好主意。在《塞尔达传说》中，设计师用到的主要信息通道是：

• 主显示区域
• 屏幕上方的信息控制面板

他们决定玩家可以通过点击“选择”按钮激活“模式改变”，它的信息通道有所不同：

• 辅助显示区域
• 屏幕底部的信息控制面板

步骤 3：将信息映射到通道

每一刻都必须了解 —— 主显示区域
4. 当下环境

游戏过程中必须不时瞟一眼 —— 屏幕上方信息控制面板

1. 红宝石数量
2. 钥匙数量
3. 体力值
4. 远处环境
5. 当前武器
6. 当前宝物
7. 炸弹数量

有时必须知道 —— 主屏幕和子屏幕
6. 其他物品

要注意 7 个信息通道是如何分开的

• 生命——如此重要，以至于占据了三分之一
• 红宝石、炸弹、钥匙——虽然作用不同，但都需要传递两位数信息，所以被归类到了一起
• 当前武器、当前宝物——如此重要，所以有小框包围，且有 “A”/“B” 提示按键
• 仓库——注意如何利用剩余空间给予玩家如何使用的提示

步骤 4：检验维度的使用

游戏中一条信息通道可以拥有许多维度

例如，如果决定把“对敌伤害”映射到“从敌人飞出的数字”，那么在该通道上需要处理的维度有：

• 显示的数字
• 数字的颜色
• 数字的大小
• 数字的字体

在一条通道上使用多维度来强调一则信息是使得该信息非常清晰（同时也多汁）的一种方法

也可以使用另一种方法将不同信息放在不同维度上。
如也许在数字上标识不同颜色来表示朋友（白色）和敌人（红色）
也许用数字大小表示人物还差多少会被击败——小号数字表示人物还剩大量体力，大号数字表示他们快死了

这种技巧可以是有效而优雅的。通过使用一个简单数字，传递了三种不同信息。风险在于需要教育玩家这一条信息通道所展示的不同维度内容。

66 号透镜：通道和维度

选择如何将游戏信息映射到通道和维度是设计游戏界面的核心。问：

• 哪些数据需要在玩家这里往来
• 哪个数据是最重要的
• 可以用哪些通道来传输这些数据
• 哪些通道对于哪些数据最合适？为什么
• 这些不同通道上哪些维度可用
• 该如何使用这些维度

模式

简单来说，界面模式是界面图里映射箭头（1~6）其中之一的改变。比如，按下某个按键后，原本的交互方式发生了改变，就是模式切换。模式切换可以作为 6 个箭头中任意一组映射改变的结果出现。

模式是增加游戏多样性的好办法，但必须非常小心，如果玩家不能意识到模式切换了，就可能很疑惑

以下是一些避免让界面模式陷入麻烦的建议：

• 模式建议 1：使用尽可能少的模式

模式越少，玩家可能困惑的可能性就越小
同时拥有几个模式并不是坏事，但要谨慎添加模式，因为每个模式都需要玩家学习并理解

• 模式建议 2：避免模式叠加

简言之，同一个界面模式最好只干一件事
如果重叠模式不可避免，务必确认它们在使用界面的不同信息渠道

• 模式建议 3：制作尽可能不同的差异模式

换言之，用 63 号透镜 “反馈” 和 62 号透镜 “透明” 来观察你的模式
如果玩家不清楚身处何种模式，他们会沮丧和疑惑
vim 就是会让用户十分迷惑的其中一种界面模式

确实

以下是几种能让模式看上去不同的好办法：

• 改变屏幕上巨大且可视的东西

  • 在《光晕》及大部分 FPS 游戏中，当你切换武器，是非常明显的。
  • 此外，你剩下的弹药数量通过一条有趣通道给出——枪的背部

• 改变人物所采取的行动

  • 在经典街机《丛林之王》中，从摆动藤蔓模式切换到游泳模式时，模式明显变化（头发颜色甚至都变了——可能有些过了）

• 改变屏幕上的数据

  • 在《最终幻想》系列游戏以及大部分 RPG 中，当你进入战斗中，许多作战数据和菜单会突然出现，很明显，模式改变了

• 改变镜头视角

  • 作为模式变化的一个标志经常被忽略，但它可以非常有效

67 号透镜：模式

任何复杂度的界面都需要模式。为确保你的模式让玩家感到有力和控制感，且不使得他们疑惑或不知所措，问：

• 游戏中需要什么模式，为什么
• 有些模式是否可以折叠或合并
• 是否有些模式重叠了？若如此，是否可以把它们放入不同输入频道
• 游戏改变模式后，玩家怎么知道？游戏是否可以用不止一种方式来传递模式改变的信息

其他关于界面的建议

以下是一些关于制作优秀游戏界面的常用建议

界面建议 1：偷窃

更礼貌一点的说法是“自顶向下方法”。

可以从一个已知的成功作品开始着手，将其改变成适合你游戏中独特之处的界面，好处：

• 节省大量设计时间
• 是对于玩家而言熟悉的界面

小小的变化可以慢慢产生化学变化，避免克隆

界面建议 2：定制

也被称为自底向上方法，是偷窃的对立面。

通过列出信息、通道、维度来从头设计界面：是一种让你的界面看上去独特以及对你的特别游戏专门适配的好办法

界面建议 3：围绕物理界面设计

不同的界面平台：触摸界面、动态界面、键鼠、游戏手柄、混合现实 HMD …

尝试设计一个独立于任何一类界面的游戏往往会产生一个无趣游戏

愤怒的小鸟的巨大成功一部分是因为它很好利用了触摸界面

如果游戏的核心互动是利用了某种物理界面独特性的独特玩法，它会得到足够多的注意而值得让你放弃其他平台

界面建议 4：主题化你的界面

用 11 号透镜“统一性” 来审视界面，寻找方法将游戏界面和游戏世界以及其他体验关联起来

界面建议 5：将声音映射到触摸

游戏中使用声音时，考虑的是创造一个音响范围来

• 给予玩家一个场所感——草地上叽叽叫的小鸟
• 让动作看上去更真实——看见玻璃破碎同时听到声音
• 给予玩家关于他们在游戏内进度的反馈——捡起宝物时的声音

但音乐上总有一些与界面直接有关的方面会被忽视：人脑会容易地将声音映射到触摸

在触感交互完全实现之前，使用音乐来模拟触感是很好的选择

界面建议 6：用层级平衡选项和简单度

平衡：给予玩家尽可能多选项 vs. 将界面做得尽可能简洁

创造平衡的好方法：通过模式和子模式创造层级

界面建议 7：使用隐喻

简言之就是，给一些玩家理解起来有困难的现象添加一个他们所熟悉的（通常也是游戏更早阶段已经出现过的）合理说法

67.5 号透镜：隐喻

游戏界面经常模仿玩家熟悉事物的界面。为确保你使用的隐喻有助于玩家理解，不令玩家困惑，问

• 界面是否已经是对其他事物的隐喻
• 若是隐喻，是否发挥了其最大作用，还是令其成为了阻碍
• 若不是隐喻，让它变成隐喻会更符合直觉吗

界面建议 8：若是看上去不同，行为也要不同

不要仅仅因为视觉多样性而增加变化，若是它们没有功能区别，会让玩家感到困惑和失望

同时也不要为完全相同的视觉符号增加多种不同含义，也会让玩家感到迷惑

界面建议 9：测试，测试，测试！

早期可以使用纸面原型等对界面进行测试，在此过程中了解玩家意图

界面建议 10：打破不能帮助玩家的法则

这一段主要讲的是不要囿于一些经验法则，有时候也需要做一些变通。
比如鼠标左键一般作为主键，经验法则是说右键一般不该做任何事，除非有特别目的。但是在简单游戏，如儿童游戏中，有些游戏完全不使用右键，一些设计师倾向于将其完全禁止，这样所有玩法都通过左键进行交互。但儿童使用鼠标时因为手小经常会误触，一些设计师打破了这条经验法则，为左右键映射了同样的行为，这样按下任意键后的操作都是正确的。
关键就是，天下文章一大抄，看你会抄不会抄吧哈哈

---