【雷火UX体验设计】开放世界地图设计的秘诀:图标的多维应用

      提示标记:提示玩家有未完成的任务或未领取的道具。


  •       用户自定义标记:部分游戏中,玩家可以选择地图系统提供的某一图标去标记某个位置。
  •       方向指示:在广阔的场景中方向至关重要,部分地图中有类似罗盘功能的图标。
  •       准星和光标:选中地点的工具,常见于用手柄或键盘移动的地图中。
  •       地图外部信息提示:交代经纬度、天气、时间等信息。


      保证沉浸体验的前提:如何提高图标易用性?游戏中的虚拟场景和现实场景相似,均通过各种“触点”(touch point)实现与人的交互。

      在游戏场景中,触点可能是各类特殊的场景、物体或角色(如NPC等)。地图通常将游戏中的触点以2D或2.5D形式呈现给玩家,在玩家从地图界面回到3D游戏场景中时,难免会产生体验到割裂感。因此,图标的易用性越高,玩家越能够将注意力集中在游戏场景中,所获得的沉浸体验越强

      易于理解:快速准确传达含义

为了避免玩家在地图和场景界面之间反复切换来确认信息,保证游玩体验的连续性,开发人员需要让玩家轻松明白地图图标与游戏场景中触点的联系。图标设计的本质在于符号的选取,合适的符号让玩家更容易理解图标的含义,从而能够使其含义更加易于理解。同时,图标的选材还应符合游戏世界的背景设定,保证易理解的同时兼顾叙事。以具有“传送”功能的图标为例,《赛博朋克2077》中的传送图标(快速移动)是类似现代地图中的地点定位标记;《塞尔达传说:王国之泪》中的传送图标是取材于海拉鲁大陆中的神庙;而《艾尔登法环》中的传送图标(赐福点)是取材于游戏世界中真实的赐福点场景。这些图标在能够让玩家快速明白其含义的同时,也让游戏的叙事更加完整。

上图依次截取于《赛博朋克 2077》、《塞尔达传说:王国之泪》、《艾尔登法环》

      易于学习:一看就会,一用就对

部分游戏地图中的图标具有更加复杂的信息交互功能,为图标添加文字提示是最简单的增强易学性的手段。

      首先,文字内容应尽可能做到去除冗余信息,因为一切额外的文字内容在现实世界中均不存在,过多的文字介绍将会破坏玩家真实、沉浸体验。

《塞尔达传说:王国之泪》中仅用键盘图标+传送二字作为指示

      其次,要保证提示文字在视觉上充分易读,从减轻玩家在阅读时的视觉负荷,提升阅读效率;与此同时,文字的呈现应尽量与游戏中其他界面的文字在设计规范上保持一致,确保文字系统作为一个整体易于玩家理解。

《赛博

      朋克2077》:相似的文字内容采用类似的配色与字体

      易于操作:适配不同设备

      与现实中的纸质地图不同,玩家需要与游戏地图的图标交互才能够获取关键信息。玩家主要通过三种方式接触图标:鼠标键盘手柄滚轮(平板上的游戏暂不考虑),因此图标的大小是决定图标易操作性的核心因素。

      显然,越大的图标越容易选中,而为了尽可能呈现更多的信息,同时避免过大的图标影响玩家的视觉与操作体验,图标设计首先要确定其激活范围

      在最常见的通过移动鼠标选择图标的界面中,由于鼠标具有较高的精确性和移动速度,图标可以通过减少激活范围,来换取地图界面整体的信息丰富度;而通过键盘或手柄滚轮来选择图标的过程更加复杂,图标需要更大的激活范围;

《赛博

朋克2077》:使用鼠标选择与使用滚轮选择的激活范围对比

      此外,额外的辅助功能可以让玩家更轻松地选中图标。比如《塞尔达传说:王国之泪》中,在地图中心有不会消失的选择框,在靠近某个图标时会自动放大或吸附。

《塞尔达传说:王国之泪》中的辅助选择设计

      吸引性:引人注目,但不喧宾夺主

      吸引性自然不可或缺,然而过度的吸引性会破坏某一界面的沉浸感与视觉平衡。开发者首先需要在传达信息和提供沉浸体验之间找到一个平衡,再确定该如何赋予图标整体的吸引性

      例如,《艾尔登法环》和《荒野大镖客2:救赎》中的图标吸引性较低,地图中的图标与背景的结合相对紧密,玩家需要将更多的注意力放在地形元素(如山脉、河流)的识别上,从而在不经意间获得更多对游戏场景的宏观记忆;

《艾尔登法环》地图

《荒野大镖客:救赎》地图

      而在《赛博朋克2077》中,图标的吸引性远高于背景,玩家可以快速将注意力锁定到目标地点上,而在背景中相似度较高的各种建筑,也会在浏览地图过程中被忽略。

《赛博朋克 2077》地图

      同时,不同类别图标的吸引性也应做到有所区分,应根据访问频率、对游戏进程的贡献等因素划分不同的等级,但这类等级并不是多多益善。设置过多的等级可能会引起排序混乱;同时更多的等级意味着更大的视觉权重跨度,会使部分图标过于刺眼或隐蔽,加重玩家视觉负担。通常图标的吸引性等级不超过4级。

《赛博朋克2077》中图标的吸引性等级划分

      此外,不同的视觉权重决定了图标之间吸引性的差异。通常,不规则的造型,与背景强烈的色彩搭配,以及发光、阴影或运动的特效会增加某一图标的视觉权重。

不只于符号:如何赋予图标功能?图标的功能决定了玩家探索游戏世界的效率,甚至影响到了游戏的机制玩法。开放世界中存在丰富的细节供玩家探索;而地图作为辅助玩家的关键道具,需要为玩家提供合理的功能,为其体验锦上添花。

      解放玩家定制权,实现探索自由

      游戏与电影有着相似的核心构成元素——向玩家/观众呈现故事。传统游戏中的线性关卡设定更像是由“导演”剪辑后呈现给观众的电影,玩家更像是在被动接受故事的输出;而开放世界则需要玩家主动探索故事,每个玩家都有属于自己的探索方式与历程,这也是开放世界游戏的魅力所在。

开放世界游戏与传统游戏探索故事方式的不同(示意),右侧为开放世界

      在开放世界中,地图不仅传达位置信息,也需标明关卡信息,为玩家提供任务清单;同时为了能让玩家获得自由的探索体验,地图界面中有时要允许玩家添加属于自己的标注,赋予玩家定制目标、决策进程的权利。

      《塞尔达传说:王国之泪》中,玩家可以在某个特殊的地点(如锅炉、火山)中添加图章以便于后续寻找,且有不同类型的图章供玩家选择。

《艾尔登法环》中的标记图标

      在探索世界的过程中,不同的玩家最终会得到不同的地图——玩家将自己的性格、喜好与情感投射到地图上,并获得了属于自己的画像。有些玩家会用图章将重要的资源点标注出来,而有些玩家热衷于标注所有风景优美或者有趣的地方。每位玩家的独一无二的地图,也将成为通关后承载其体验与回忆的载体

      与游戏场景联动,打破界面隔阂

      依据地图图标和玩家在游戏场景中行为的关联程度分类,关联性最弱且最常见的图标提供地点信息,通常以图文形式向玩家呈现场景中的信息;其次是使用传送点移动,玩家选中并点击图标即可来到对应的地点;而关联性最强的图标通常是地点标注图标,由于玩家需要在场景中找到在地图中标注的地点,这类图标的设计需要与场景中的标记紧密结合

      在《塞尔达传说:王国之泪》中,玩家总共有6枚不同颜色的地图钉来标注地图中的地点,当玩家切换至场景中时,使用望远镜便可找到对应颜色的光柱,来指引角色走向地点。

      如前文所说,这一类图标的造型便取材于场景中光柱的造型,增强易理解性的同时,也很好地与场景进行联动;此外,图标中的发光特效也沿用了场景中的光效。

《塞尔达传说:王国之泪》中地图钉在地图界面与游戏场景中的呈现方式

游戏图标的设计过程不仅是简单的艺术创作与界面排版,更是开发人员不断深入游戏世界与玩家内心的过程——不仅要实现美观的界面与高效的信息传达,也要与游戏世界的世界观一脉相承,共同触达玩家的内心世界。

      只有从多个维度打磨图标的设计,才能为玩家提供最为沉浸、独特而难忘的游戏体验。



       推荐阅读 

体验设计

       战斗快感提升妙手:天下武功,唯慢不破!

       游戏中的飘字设计艺术

       调动玩家情绪的利器——快速时间事件(QTE)

       “禅意”的游戏体验击中玩家之心

       UI控件+体验:如何从落地出发拆解微动效

用户研究

       “能来帮帮胡桃吗”——游戏中的女性角色真的很弱吗?

       为何钟爱年货游戏?——从《使命召唤》系列说起

       那些年,“断层出道”的时装们

       当玩家说“爆率低”的时候,你应该想到什么?

       怎样让玩家在游戏中成为一个“好父亲”?

      全球本地化

       不朽还是变革?法语本地化的困境与突破

       助力中国游戏出海乘风破浪——《永劫无间》本地化实践分析

      《极乐迪斯科》:独特的瓷器活儿还得专用的金刚钻

       从市场到开发,探秘阿拉伯语游戏

       泰国游戏市场分析及游戏本地化流程