基于沉浸体验的手游界面设计研究

摘要：本文从界面设计入手，探究提升游戏沉浸体验感的方法，寻找手机游戏界面设计未来优化方向，以期增进游戏用户黏度与产品竞争力。本文通过文献分析法、案例分析法整理分析手机游戏界面设计的相关文献，并从用户体验角度对几款高品质手游界面设计进行研究分析，发现可以通过加强游戏界面交互的高效性、代入感、流畅感、爽快感来营造沉浸式氛围，提升游戏界面品质与用户体验。本文为提升游戏沉浸体验，优化游戏界面设计提供参考。

关键词：手机游戏;游戏界面设计;游戏视觉;沉浸体验

中图分类号：TB472 文献标识码：A 文章编号：1004-9436（2021）08-0-03

0 引言

信息时代，智能手机日益普及，手机性能也日渐提升，手游在我们日常娱乐生活中的比重日益增长。据统计，中国游戏总收入已位列全球第一，其中2020年收益达2096.76亿元，约占整体游戏市场的75%，庞大的玩家数量和较高的收益吸引了各互联网厂商抢夺市场。在如今这个注重创新性与用户体验的时代，沉浸感的强弱越来越成为玩家选择游戏的标准。游戏系统作为一个动态的多层次模型系统，其界面是提供给用户最直观的展示[1]，因此一款能够提升游戏沉浸体验的游戏界面是改款游戏在行业竞争中脱颖而出的重要因素之一。然而就目前手游市场而言，许多手机游戏界面设计仍驻足于以满足功能需求为目的的阶段，缺乏让人眼前一亮的设计。如何通过游戏界面设计提升游戏沉浸体验是目前面对的重要课题。

1 沉浸体验概述

“沉浸体验”是指人在全身心投入某项活动时，随着时间的流逝而产生的一种忘我状态[2]，它往往伴随着积极的心理状态与情绪。在交互活动中，用户保持完全的专注和被引导而产生的心理愉悦，是沉浸体验的两个主要特征[3]。近年来，“沉浸体验”作为热门研究，被众多领域所应用，如博物馆、游戏、影视音乐、教学等，其中游戏里设计者常常通过视觉、听觉、嗅觉、触觉为游戏设计介入多感官设计，以排除外界干扰，引导玩家全身心投入其中，使玩家体验到沉浸式享受，获得满足感。

2 基于沉浸体验的游戏界面设计方法

随着移动端硬件运算能力与图形技术的发展，游戏画质今非昔比，这对游戏界面设计也提出了更高的要求。游戏通过游戏界面的元素与玩家进行信息交换，建立起玩家沟通的桥梁，信息沟通的流畅度和准确性是影响玩家沉浸体验和用户数量的重要因素。游戏界面设计通常需要遵循7个原则：简洁性原则、熟悉性原则、一致性原则、安全性原则、高效性原则、响应性原则、美学性原则[4]。通过对市场热门游戏进行调查，分析如何通过界面设计加强游戏沉浸体验。

2.1 清晰的信息排布

在游戏玩法日益丰富，游戏体量不断扩大的同时，游戏界面所需承载的信息量直线上升，大量的信息承载容易破坏玩家对信息感知的准确度和高效性。用户在接触新的产品和界面时，往往会经历三个阶段的情绪变化——陌生到习惯再到疲劳，糟糕的用户体验、令人费解的界面、不符合用户习惯的使用方式很容易让用户失去耐心，直接由陌生阶段跳转至内心疲劳的阶段[5]。根据游戏界面设计原则，优秀的游戏界面设计往往会控制界面单一屏信息量，并根据信息优先级、視觉规律等来编排界面内容，设置定制化交互模型，保证界面简洁高效，提高玩家界面信息接收效率。

据研究，游戏主界面UI占比超过20%时，复杂的功能入口和战斗系统会挤占玩家的游戏视角，致使游戏游离感严重，相比之下，UI占比较小的游戏界面信息一目了然。在游戏设计时，设计师想要通过对主界面部分功能做一定取舍来保证界面整洁，扩大游戏视角，提高玩家的界面信息接收率与游戏专注度，就要注重以下4点：一是抓准游戏核心玩法，弱化辅助功能;二是角色拆分，分散技能区域容量（建议每个角色的技能控制在2～3个）;三是改变传统技能释放方式，运用手势或图标不同状态处理技能（点击、长按蓄力、能量累计等），减少技能图标占比;四是对大部分次要功能进行收纳。

除控制界面单一屏信息量外，与格式塔心理学相结合也是提高游戏界面信息传达率、提升沉浸体验的有效手段。格式塔心理学是研究人的视知觉系统的理论，人的视觉认知习惯是整体的，人的视觉系统能自动输入并构建结构，对形状、图形和物体等视觉元素进行整体组织[6]。设计师通过格式塔心理学设计方法，巧妙利用格式塔的接近性、相似性原则对界面元素及信息进行排列，将关联信息设计成相似控件安排在同一区块，组成不同功能区，这种方式可以让玩家快速识别界面功能分区，让庞杂的界面信息变得清晰可读，减弱游戏割裂感。此外，信息在界面中的位置、大小、颜色也是一种有趣变量，利用视觉规律按照界面交互逻辑确定界面分区，让信息呈现在视觉上存在先后顺序，可以减少玩家学习成本，使玩家拥有流畅的操作体验。

2.2 界面载体融入游戏世界

在传统游戏中，游戏UI往往被独立于游戏之外。而近年来，越来越多的游戏开始尝试将界面UI融入游戏世界中，使界面与游戏世界成为一个有机整体，加强游戏情感化表达，通过营造真实的游戏氛围让玩家认同并融入世界观。

游戏界面设计有故事内界面和故事外界面两种表现形式，可通过信息是否能被玩家所扮演的角色在游戏世界中看到来区分。故事内界面使玩家在使用界面时不产生脱离感，有助于玩家情绪代入，这种面向角色的设计思路使界面呈现变得合理化，能让玩家快速代入角色，强化玩家情绪体验。然而，纯故事内界面实现难度大，耗费成本高，更多游戏界面设计会选择局部故事内界面的表现形式，即故事内界面与故事外界面相结合的界面。这种界面既带有故事内界面的高沉浸感，也具有故事外界面的高延展性。局部故事内界面设计形式众多，主要有3种形式。

一是全屏界面，与传统的游戏公式化界面框架不同，将扁平的UI元素与游戏三维动态模型相结合，可以明显提升游戏沉浸效果，而部分后期迭代需求较大的信息解释部分作为故事外界面根据格式塔原理进行排布，规避传统的底板承载信息设计形式，减少界面切割，弱化界面感，提升沉浸效果。二是半透明全屏界面，定格游戏内场景并做模糊处理，模拟毛玻璃样式，给玩家拟造一直处于游戏世界的错觉。如此可以减轻玩家的思维在游戏世界和现实中来回切换的游离感，再结合规范化的界面框架，是最具性价比的一种设计形式。三是半屏界面，半屏信息界面结合半透明遮罩，呈现信息的同时保留游戏交互对象和场景，让玩家不会因为打开界面而缺失真实感。

从整体来看，在设计游戏界面时，游戏核心概念不可忽视。设计师需要根据世界观设定，掌握游戏设计核心概念，再以这个核心概念为原点进行界面设计才能使游戏所有系统界面创意可以彼此融合，保证游戏的整体性与统一性，构成一个和谐的故事。

2.3 流畅的界面变化

数字化技术与手机硬件设备的快速发展赋予了手游更多可能性，手游设计越来越追求电影质感，开始融入大量电影符号或电影叙事手法以加强游戏沉浸体验感。根据调查，手游越来越注重游戏的流畅性，运用特殊的镜头技巧或巧妙的运镜方式是目前大多游戏提升界面转换流畅度的主要方式。游戏中的镜头运用与电影叙事手法具有相似性，能够通过规则设定和参数调整摄像机镜头放大、的美术呈现，明显提升游戏沉浸感和游戏品质。下面通过几款优秀的手游案例来介绍一些镜头机制。

第一，交互体验升级。游戏中不同功能界面的切换可以通过镜头的摇摆推拉来实现，如图1从左至右，角色培养信息的变化直接由摄像机运动表现，过渡平滑自然，使玩家不再停留在以往平面、生硬的界面元素替换或繁杂的界面切换中，沉浸效果更显著。

第二，流程指引與目标聚焦。在游戏中，利用镜头在游戏世界中设置隐晦的流程指引，可以让玩家保持专注度的同时了解任务提示，为玩家提供沉浸体验。如玩家在控制角色向前方跑动，到达目标点附近时，会自动触发镜头聚焦来传达关键场景视觉信息，类似于电影叙事拍摄手法。一般有两种呈现形式：一是镜头自动校正，当目标终点在玩家所扮演角色左侧时，在向前奔跑过程中镜头会自动进行校正，向左偏移，指引玩家向正确目标点行动;二是动画镜头聚焦，玩家在到达触发点时，画面开始上下切边，同时镜头转动聚焦目标，完成指引。这两种方式的画面呈现能让游戏具有电影质感的同时能最大限度地降低玩家对强制指引的排斥感。综上所述，建议在未来的游戏界面设计中多采取轻UI的界面设定，尽可能减少游戏中的控件信息，通过镜头偏移与少量3DUI来完成游戏指引与信息传达。在保证功能性的前提下，尽可能地为游戏沉浸体验而服务。

2.4 多维度的信息呈现

游戏中存在庞大的信息量，快速有效的传递信息是防止玩家产生疲惫感，增加游戏沉浸体验的重要途径，因此，如何在庞大的信息中快速传达给玩家此阶段所需信息是进行游戏界面设计时需要考虑的首要因素。多维度的信息呈现能更好地提升玩家游戏兴趣，吸引玩家注意力，游戏中通常借由3种维度呈现信息：视觉、听觉、触觉.其中视觉又有动、静之分。按照视觉规律，眼睛对画面的识别顺序一般为：动态>颜色>图形>具体物件，因此在游戏中，动态信息能够更好地引起玩家视觉关注，增加游戏操作上的连贯性。一般情况下，动态信息主要用于游戏内目标位置指示、状态变化以及游戏外界面控件交互反馈和界面背景动效。此外，听觉也是玩家接收信息的一个重要维度，游戏可以通过音效来烘托氛围或增加交互反馈丰富度，常规声音信息大多为游戏内背景音乐和界面触发音效。一方面，玩家在游戏中可以通过游戏内背景音乐来感受不同场景和主题氛围，强化游戏沉浸感;另一方面，在触发交互过程中给予不同音效反馈有助于强化玩家的操控感受，丰富界面交互反馈。

3 手游界面设计优化方向

3.1 高效性

在快消时代，信息传达的高效性是留住用户的关键。当游戏因信息传达过于繁杂破坏游戏沉浸感时，就会被大多数玩家遗弃，因此具有高效信息传达性的信息架构和内容框架是提升游戏沉浸感，保证用户留存的基础。在信息架构设计上，应注意界面层级的权衡，层级过深容易使玩家在一层层交互中迷失方向;层级过浅则会导致一个层级信息量过多，玩家需花大量时间识别入口，导致时间成本过大，难以获得对应的收益，游戏体验感就会下降。因此在进行游戏设计前期应明确游戏核心玩法，评估系统信息总量，做出合理取舍以权衡设计层级以及每个界面的信息承载量。在内容框架设计上，设计者应多利用格式塔原理，根据游戏信息优先级建立清晰的视觉层级，引导玩家快速了解和获取同一层级的信息和功能。杨洁认为建立信息视觉层级最重要的是设计出可以被用户理解的视觉差异系统[7]。通过简单的颜色、大小、位置、形状等对信息进行模块化设计和优先级划分可以降低玩家学习成本，高效传达游戏想要玩家了解的信息和玩家需要的信息。

3.2 代入感

游戏代入感是增强游戏沉浸感的核心要素，增强玩家情绪体验是实现代入感的关键路径之一。在游戏设计中，代入感主要表现为角色与环境之间的互动带给玩家的情绪，往往需要界面UI去完成，即将UI融入游戏场景，使其成为角色能接触的一部分。考虑到设计成本，建议手游界面以局部故事内界面为主，量运用设计成本较高的故事内界面少，这可以在增强界面品质的同时提升游戏界面丰富度。在设计局部故事内界面时，需保证玩家尽可能地处于游戏世界中，减少信息提示带来的打断感和跳脱感。同时，在保证当前系统界面视觉核心合理化的情况下，需要与游戏所有系统界面创意逻辑自洽，确保系统间界面跳转不突兀，引导玩家情绪沉浸于故事中，形成闭环。

3.3 流畅感

一个流畅的游戏体验可以增加玩家在游戏操作中的连贯度，避免玩家被拉扯出沉浸游戏体验中。设计者可以通过赋予镜头更多的功能化价值与细节填充，达到更流畅的游戏体验这一目标。就目前手游市场而言，大多数镜头表现仍是作为简单的“信息获取”窗口，建议在未来的游戏界面设计中适当介入摄像机摇杆，缓解或替代界面间生硬、不含感情的切换。根据用户体验数据分析，信息数据提示的学习成本往往高于镜头指引，建议以镜头指引替代弹窗提示，减少游戏中玩家被打断的次数。

3.4 爽快感

游戏体验的爽快感是游戏得到美誉度的重要因素之一，因此设计师需格外关注UI反馈对玩家情感的抒发，借由恰当的UI反馈刺激玩家神经，使玩家在不同状态下的情绪得到依托与抒发，让界面情景体验更加生动。相较于单纯的静态信息，不同维度的信息呈现方式可以更好地完成对玩家的注意力导向，提升游戏的沉浸体验，动态视觉信息相较于静态信息更易吸引注意力，听觉信息具有很强的方向性和辨识性，触觉信息能让玩家更直接地感受到对游戏的操控感。建议在进行游戏界面设计时，适时适量地运用动态、听觉和触觉信息，增强游戏体验，把控游戏氛围。

4 结语

在互联网产业经济大潮的推动下，手游市场蓬勃发展，但作为高收益产业，品质参差不齐。游戏作为“第九艺术”，其艺术性是备受争议的话题，在发展的过程中，设计师们不仅需要关心其商业收益，还需思考如何转变人们对游戏的偏见，传达出更好的价值观。目前，通过游戏界面带来的沉浸体验只是游戏发展的冰山一角，游戏仍有无数可能性未被挖掘与试验。未来应着重考虑手游界面设计为玩家带来的情绪体验，通过完整、系统的游戏界面设计提升游戏沉浸体验，并在此基础上不断完善，形成全新的游戏界面设计风格。

参考文献：

[1] 董欢.色彩在游戏界面设计中的应用研究[J].工业设计，2020（06）：95-96.

[2] 张博，胡莹.基于沉浸体验的标签式导航转场方式研究[J].包装工程，2020，41（06）：205-210.

[3] 郭伏，于聪，丁一.网页交互任务的用户情感测量方法[J].东北大学学报（自然科学版），2014（1）：131-134.

[4] 张晓明，李娜.扁平化风格在游戏界面设计中的应用[J].美术大观，2018（07）：122-123.

[5] 左腾嘉，辛向阳，肖菂.游戏化体验，一个突破性和重塑性的行为模型——以DOTA2为例的MOBA游戏交互模式案例分析[J].设计，2018（15）：54-56.

[6] 郭鹏飞，钟厦，肖丹.基于格式塔心理学的手机游戏界面设计研究[J].工业设计，2020（03）：71-73.

[7] 陈雪，周美玉.基于用户体验的界面设计因素分析[J].设计，2019，32（01）：81-83.

作者简介：詹钰（1995—），女，浙江绍兴人，硕士在读，研究方向：视觉传达设计。