【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)


3楼猫 发布时间:2022-12-20 20:09:01 作者:Jake-Fu Language

热情之红,反抗之心!——《女神异闻录5》界面赏析(上)

书接上回,我们之前已经欣赏了《女神异闻录5》标题系统菜单界面,现在让我们一起欣赏

探索、战斗、天鹅绒房间以及商店的界面吧。本人才疏学浅,必定会造成一些错误和遗漏,就请各位多指教了。


目录

注意

探索

战斗

天鹅绒房间

诊所 武见内科医院

生存游戏专卖店 严禁触碰

印象空间 约瑟

参考资料、来源

Fin.


注意

  1. 本文基于《女神异闻录5 皇家版》而制作,除标题界面外的主要界面部分和原版是相同的。
  2. 文中包含大量图片和GIF动图,请确保流量充足或连接WIFI观看。
  3. 游戏内主角的名称由玩家自定,这里为了指代明确,一些场景中以“雨宫莲“称之。
  4. 文章中会需要讲述一些游戏剧情相关内容,但不会影响实际的游戏体验。
  5. 若您拥有《女神异闻录5》或《女神异闻录5 皇家版》,强烈推荐您一边阅读,一边在游戏内操作,可以获得更好的体验


探索

在现实世界探索时,需要经常使用的两个项目是聊天和地图

打开聊天的界面时,主角持手机从底部旋转至屏幕内,竖屏显示聊天消息。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第0张

查看地图以及快速移动时,主角将手机从底部旋转到屏幕内(横屏),屏幕上显示当前场景地图、地铁线路图(也就是大地图)。在城市中乘坐电车移动时,会通过剪影的人像表现挤电车的感觉,在涩谷大街则换成来往的人流。通过这些动画,既很好的处理掉了读盘时间,又制造出一种在闹市中移动的气氛。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第1张

这个界面也非常易于理解。游戏背景设定为现代的日本,我们都知道现在的生活已经离不开手机了。因此,主角用手机查看消息、地图的行为我们也完全能理解,现实中自己也会这样做。


在殿堂中移动,切换场景时:

当前的画面会被从角落像纸一样抽出,然后黑色的画面以同样的方式抽出,显示下一个场景.

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第2张

雨宫莲会先从屏幕左侧跳进屏幕中央蹲下,同时黑屏(像是有黑色斗篷遮住画面一样),然后向屏幕右侧跳出。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第3张

在殿堂中探索时,右下角紧密排布着当前出战人员的头像、HP/SP量表。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第4张

此时玩家没有处于战斗状态,只要可以知道大致的体力状态,确定能否支撑继续的探索即可


战斗

从探索状态切换到战斗时,随着敌人面具被掀掉产生的闪光,游戏偷偷把背景切换到了战斗场景。同时原本紧密排布在右下角的头像如蝌蚪一般跳出展开,显示HP/SP的具体数值。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第5张

指令的排布基本按照手柄上各个键位的位置设计,玩家能轻松对应起来去使用各种功能。尽管它们的排版算不得工整,但都指向当前行动角色,当前行动的角色头像也会做出区别。使用技能时,当前选中技能所需要的消耗对应数字会放大。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第6张

战斗画面,来自PS4

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第7张

PS4的控制器DualShock 4

生命值过低则HP量表会闪烁玩家角色做出艰难站立的姿态、同时还有语音“体力较低,快进行恢复”之类的话提醒玩家。(在游戏中会如此做的有摩尔加纳、新岛真、佐仓双叶、明智吾郎)。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第8张

主角艰难站立,HP表闪烁,佐仓双叶语音提醒

人对具体的动作、语言等敏感度要高于抽象的数字量表,这样能更生动的展示战斗场景。如果没有这些提示讯息,那么玩家会更频繁的遇到主角”莫名其妙就死了“然后游戏失败的情况,满生命值的表现和生命值低的表现完全相同,本来也不是合理的。


这里我要鞭尸另一款游戏,在玩家角色低生命值时没有任何视觉、听觉等方面的表现来突出这个状态

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第9张

《猫之城》战斗画面

注意看,玩家角色的生命值均处于较低状态(在左下角),但所有角色仍然向没事人一样正常站立着,也完全没有HP/画面变红之类的效果。我不懂,为什么2022年的游戏还有这种问题?

《猫之城》,番糖网络开发的一款猫拟人都市题材回合制RPG,在2022年7月20日上线公测。


战斗结束时,主角挥手招呼同伴,然后在背景奔跑(印象空间中,是主角们坐上猫车),摄像机在其侧面,同时显示结算详情。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第10张

结算画面结束后,镜头转回主角背后,恢复到原本的场景。


天鹅绒房间

可以在天鹅绒房间里合成、获取人格面具,以提升战力。

整体的装饰俨然就是牢房,指代雨宫莲是命运之囚,也暗示游戏的主题“反叛”

主界面各个选项是带刺铁球,在这里作为刑具出现,和牢房也相对应。


处刑

处刑部分的界面选项,主要围绕着伊戈尔的桌子。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第11张

选择处刑的人格面具时,镜头仰视建筑的顶端。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第12张

公开处刑时,黑色圆环围绕伊戈尔桌子,一个黑色圆球围绕其运动。

这是联网才能使用的功能,转圈圈的圆也像是很多网页的加载动画。


特训

一颗铁球砸到牢房的墙上,引出特训选项。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第13张

登陆、领取

镜头移出牢房,到天鹅绒房间中央。

图鉴在游戏内被称为“囚犯名册”,这里的每个选项都像是一张纸。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第14张

诊所 武见内科医院

这是游戏内购买各种恢复药品的重要场所。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第15张

主色调是蓝色,画面中有一条DNA的双螺旋。在白色圆环上的空间中,会随机浮动一些药品名和化学式。各个数字的字体是一种手写体,有一种容易亲和的感觉。

 

点进购买商品后,武见妙会转过身子,手里拿着一张清单,左侧就是可选择的商品。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第16张

这里背景的大量蓝色球体像是细胞和细胞核一样,令人能联想到身体。

购买商品后会弹出一个确认画面,这里就像是医生把写好的处方从册子上撕下来,交给患者的感觉


生存游戏专卖店 严禁触碰

游戏内的“生存游戏专卖店”是玩家获取装备的重要场所,主色调是绿色

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第17张

店老板岩井宗久在翘着二郎腿,并且以桌子(屏幕边框)作为支撑。

这给人一种随意、不拘小节的感觉,板着的脸也和其性格相关。

他和屏幕前的我们隔着铁丝网,象征着内心的警戒。

店老板曾经做过黑道,不苟言笑的性格和铁丝网皆为其性格的象征。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第18张

卡片上的弹孔,暗示了该处的功能——购买武器。

金钱数字、每个狗牌黑色名字下的底部装饰文字均为镂空喷漆字体。这让人们很容易想到军用品上的喷漆字,和该地点的内容相贴合。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第19张

购买武器时,选择需要购买装备的角色时,角色名是写在狗牌上的。

狗牌,也就是军用识别牌,用以军人的身份识别。所有人的狗牌都在同一根珠串链上,珠串链也充当了视觉引导线,让玩家比较容易找到自己所需的选项。

确定购买某道具时,详情部分的纸张掀开,露出下方确定购买的按钮。它们是靶心的形状,如果玩家按下确定,就会有一颗子弹穿过,留下弹孔。

印象空间,约瑟

这是皇家版中新增的内容。印象空间可以收集花朵,在他这里换成有用的道具。

约瑟的界面很美,尤其是和印象空间那越往下越阴间的鬼地方相比。

【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第20张

这里背景是延时摄影的星空,主色调蓝色、副色调是黄色

由卡通星星构成的星河,作为两个选项的背景,同时充当了视觉引导。雨宫莲和约瑟一起坐在约瑟的车上看星星。

所使用的字体是圆体给人一种较为柔和的感觉。 约瑟看起来像是小孩子一样,容易让人感到亲近,字体也照应了这一点。

选择“交换道具”时,星河通过旋转移位到屏幕下方,屏幕左侧的星河偏低一些,同时人物右移。这里星河也充当了视觉引导,将有用的选项包了起来。

 选择“认知变化”时,星河旋转变换到左上角,向右上流动。人物左移,同时约瑟挥动锤子,认知变化的面板出现。

认知变化的文字排版是略向右上倾斜的,约瑟挥动锤子的动作也相当于视觉引导。


参考资料/来源

浅谈Persona5 UI #1:How Pop X Punk?!

https://indienova.com/indie-game-development/p5-ui-design/


Persona5UI 解析视频 记录

https://cowlevel.net/article/2012502


ExaminingPersona 5's Menus - Video Notes on P5's UI

https://www.youtube.com/watch?v=DxOGkhLfPf8


Fin.潮到出水的UI

它的界面同时做到了风格化和让玩家操作起来有趣。尽管第一眼看上去似乎眼花缭乱,但只要稍微上手就会感觉到妙处所在。而且如果这款游戏使用常规的界面设计,恐怕就没有味道了吧。

几乎每一次操作,游戏界面都会给玩家大量的二级运动动画作为回馈和奖励。《游戏设计艺术》中,作者称这样的系统为“多汁系统”,就像一颗成熟的蜜桃,只要与它有一些互动,就会不断的向你回馈可口的汁水。

虽然以上这些部分中,几乎每一个单独拿出来都微不足道,但游戏本身的高品质正是由它们积累而成的,它的界面也着实“偷走了我的心”。


【PC游戏】热情之红,反抗之心!——《女神异闻录5》界面赏析(下)-第21张


© 2022 3楼猫 下载APP 站点地图 广告合作:asmrly666@gmail.com