游戏中的数据可视化设计分析

以下文章由公众号:聂永真可视化设计实验室整理。

数据可视化的出现就是为了增强人的认知能力,同时提供给人们认识世界一些全新的视角。游戏也是一个基于视听体验的认知过程,游戏通过教程或自由探索让玩家认识游戏世界。

游戏分为很多种类型,如射击游戏(STG)、动作游戏(ACT)、角色扮演游戏(RPG)等等。限于本文篇幅,就不将这些种类的游戏分别讨论,仅以作者比较熟悉的部分游戏举例讨论。

游戏中往往会使用大量的可视化元素来帮助玩家更好地探索游戏世界、认知操控角色与周围环境,以此提升玩家的游戏体验。同时,游戏本身会产生一系列的数据,如玩家控制指令数据、角色移动轨迹数据等。游戏设计者与玩家需要对这些数据进行信息挖掘与理解,借此提升游戏体验或游戏水平。本文就尝试分析一下游戏内外的各种可视化元素,以及可视化在提升游戏设计与游戏体验中的重要作用。

在不同的游戏当中,可视化的作用有很大的差异。游戏中的可视化可以向玩家展示所控制人物的一些属性,如角色的血量、法力值、升级进度、游戏货币数量等。还有一部可视化展示了周围环境的信息,如游戏隐藏空间、游戏区域边界、副本难度、路径导航等等。

大部分游戏在游戏结束后会提供一个全面的游戏数据统计及玩家表现评价的可视化展示,让玩家来评估自己的游戏表现、激励玩家取得更好的成绩。在游戏之外,一些挑战性较强或有职业竞赛的游戏,还会开放出一段时间内服务器或职业联赛中玩家的游戏数据,游戏爱好者或职业从业者可以根据这些开放数据进行更加深入地数据分析及数据可视化展示,以挖掘有趣故事或提升竞技水平。

根据使用场景及使用方式的不同,可以将游戏中的可视化分为以下几种:

1.状态可视化

状态可视化是游戏中最为常见的可视化方式,它可以展示玩家角色及友方、地方角色的一些状态属性,辅助玩家根据敌我双方的状态进行决策。

以游戏《求生之路2》为例,玩家可以在屏幕下方看到自己和队友的血量,在右方看到自己的主副武器状态、剩余弹药量、投掷武器种类和数量等信息。

《求生之路2》中游戏画面可视化展示了一些玩家与队友的基本属性信息

游戏《英雄联盟》中的玩家界面会展示所有玩家视野内游戏角色的状态:血量、法力值等信息,以及自己控制角色技能的冷却情况、攻击力、护甲值等信息。所有游戏中呈现出来的信息能够为双方游戏玩家提供非常重要的判断依据。

《英雄联盟》游戏画面展示玩家和队友血量、技能冷却时间等信息

对于沉浸感的保持也是很多游戏设计时需要考虑的问题,部分游戏因为玩法、设计策略不同,不会在玩家界面上过分详细地展示玩家状态数据。

如《黑暗之魂3》这款游戏,虽然玩家使用不同的装备及武器会有不同的护甲、移动速度及攻击力等属性,但是在玩家界面上却只是简单展示了玩家的血条、精力、当前武器等少数几个信息。

《黑暗之魂3》界面可视化设计较少且是较为简单的柱图形式

而游戏《死亡空间》系列则将沉浸感发挥到了极致,该系列是一个经典的恐怖类第三人称射击游戏。设计人员巧妙地根据第三人称射击游戏的画面特点,将所有的交互可视化信息设计为游戏内部世界的物体:将血条设计为玩家装甲背后的灯柱,菜单与枪械采用全息影像的方式展现。

这些设计方式保留了游戏世界的“第四面墙”,充分给与玩家更多的游戏沉浸感,能够使得玩家能够更多地将注意力投入到游戏本身。

《死亡空间》完全没有设计任何不属于游戏空间的可视化形式

2.环境可视化

游戏中的环境是对于现实或虚拟环境的抽象呈现,其对现实的拟真程度根据游戏的类型又有所区别。一般来说3A大作对环境的呈现更加真实,而部分独立游戏或像素风格的游戏环境则更加抽象化。在环境中使用可视化元素可以辅助游戏玩家更好地探索游戏世界。《后汉书·马援传》中记载:

援因说隗嚣将帅有土崩之势,兵进有必破之状。又于帝前聚米为山谷,指画形势,开示众军所从道径往来,分析曲折,昭然可晓。帝曰:「虏在吾目中矣。」明旦,遂进军至第一,嚣众大溃。《后汉书·马援传》

这里马援将实际战争中的环境进行了可视化展示,以此提升战争指挥者对于战场的信息了解程度,为决策者做出正确的判断提供依据。对于游戏中的玩家而言,熟悉游戏中的环境对于能够正常游戏也十分重要。关于游戏中环境的可视化大致可分为以下两种。

环境状态展示

对于环境状态进行可视化展示也是游戏中可视化的一个重要应用,部分游戏本身即是一个可视化的过程,如模拟制作致命瘟疫毁灭世界的《瘟疫公司》、模拟911接线员工作的《911operator》等。

以《瘟疫公司》为例,游戏使用了地图展示地理空间信息,以时间轴或时间字段来展示游戏的时间变化特征,以柱状图、饼图、列表等可视化方式展示游戏进度与瘟疫进化过程,以变化散点图展示瘟疫的传播区域与传播进度。此外,大部分的策略类游戏基本也都对环境状态做出了可视化地呈现

《瘟疫公司》本身就是一个展示病毒传播过程的可视化系统

音乐游戏作为游戏中的一个分类,受到了很多玩家的喜爱,这类游戏本质上是将音乐数据可视化呈现为环境信息,让玩家观察并与之交互。这类游戏名义上是关于音乐,但是其本质是为玩家提供了音乐的视觉化呈现,所以这也造成了一个尴尬的处境:大部分音乐游戏视觉障碍玩家不能玩,听觉障碍的玩家却可以玩。

获得了2019年Steam年度最佳VR游戏奖的音乐类游戏《Beat Saber》 对音乐数据的可视化呈现

玩家与环境交互

部分游戏由于地图宏大、场景复杂,玩家常常不能很好地发现如何与环境进行交互,如什么地方可以攀爬、哪条路线为正确路线等,这种情况下就需要游戏为玩家提供一些交互方面的指导。

育碧开发的《全境封锁》将美国纽约街道与著名地标进行了完美地还原,这款游戏对于玩家与环境的交互设计也十分优秀,玩家与掩体之间的交互、路径导航等设计都能够给予玩家更佳的游戏体验。在游戏中,系统会根据玩家的动作、周边的环境绘制出玩家可能的前进路线,供玩家参考。

《全境封锁》中玩家与掩体的交互指导

《古墓丽影:崛起》将可以攀爬的墙壁或其他物体设计为白色,与周围环境有明显区别,方便玩家能够及时发现可以攀爬的位置,加快玩家游戏进度。

《古墓丽影:崛起》对于可交互的环境做了明显的可视化呈现

在较为开放的游戏世界中,系统往往会为玩家提供一副小地图以方便玩家找到正确的前进路线。赛车类游戏(如《极品飞车》)或角色扮演游戏(如《巫师3》)中,这种设计十分常见。但这种设计在玩家游戏过程中会给玩家造成一定的干扰,玩家往往需要分心去观察小地图的路线走势。

《极品飞车》小地图设计

《全境封锁》的地图设计非常出色,其地图采用3D设计,在一众采用2D地图设计的游戏中脱颖而出,给人耳目一新的感觉。而其导航设计则采用悬浮在空中的一根折线,来指引玩家的前进方向。

《全境封锁》3D地图设计

《全境封锁》路线导航设计

3.游戏过程与结果可视化

很多游戏由于其对抗性、观赏性很高,逐渐发展出了一系列电竞比赛,如《DOTA》、《英雄联盟》等。这些游戏对于玩家的操作要求很高,需要玩家不断提升自己在游戏中的发挥,所以往往会在游戏后为玩家提供游戏过程与结果的数据可视化,以辅助玩家不断提升自己的游戏经验与技巧。

此外,电竞比赛后也会为观众提供一份比赛的总结性可视化呈现,帮助玩家速览比赛的过程、加深对于比赛的印象。如《英雄联盟》会在玩家结束比赛后提供一份可视化图表,来呈现比赛的经济变化、击杀发生时间与地点、每个玩家对于比赛的贡献等信息。

《英雄联盟》比赛后的比赛数据可视化呈现

《英雄联盟》季中邀请赛决赛RNG对阵KZ第四场赛后数据可视化,本场比赛RNG完成了惊天大逆转

此外,游戏本身是软件的一种,在用户使用的时候会产生大量的数据,这些数据记录了玩家的游戏过程与结果,也隐含了玩家在游戏各个时间段的不同体验。当将大量用户的数据综合到一起后,这些数据也会变成一个非常有用的信息宝藏,对这些数据的可视化呈现往往能为我们提供很多的帮助与乐趣。

外国网友DriftItem制作的《黑暗之魂》20000个血迹与信息点位置可视化


作者 孔令远

文中图片来源大部分为作者游戏过程截图,极少量来源为游戏STEAM官网或采集自网络



转载于知乎@孔令远

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,258评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,335评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,225评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,126评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,140评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,098评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,018评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,857评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,298评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,518评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,678评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,400评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,993评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,638评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,801评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,661评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,558评论 2 352

推荐阅读更多精彩内容