热情之红，反抗之心！——《女神异闻录5》界面赏析（上）
书接上回，我们之前已经欣赏了《女神异闻录5》的标题和系统菜单界面，现在让我们一起欣赏
目录
注意
探索
战斗
天鹅绒房间
诊所 武见内科医院
生存游戏专卖店 严禁触碰
印象空间 约瑟
参考资料、来源
Fin.
注意
- 本文基于《女神异闻录5 皇家版》而制作，除标题界面外的主要界面部分和原版是相同的。
- 文中包含大量图片和GIF动图，请确保流量充足或连接WIFI观看。
- 游戏内主角的名称由玩家自定，这里为了指代明确，一些场景中以“雨宫莲“称之。
- 文章中会需要讲述一些游戏剧情相关内容，但不会影响实际的游戏体验。
- 若您拥有《女神异闻录5》或《女神异闻录5 皇家版》，强烈推荐您一边阅读，一边在游戏内操作，可以获得更好的体验。
探索
在现实世界探索时，需要经常使用的两个项目是聊天和地图。
打开聊天的界面时，主角持手机从底部旋转至屏幕内，竖屏显示聊天消息。
查看地图以及快速移动时，主角将手机从底部旋转到屏幕内（横屏），屏幕上显示当前场景地图、地铁线路图（也就是大地图）。在城市中乘坐电车移动时，会通过剪影的人像表现挤电车的感觉，在涩谷大街则换成来往的人流。通过这些动画，既很好的处理掉了读盘时间，又制造出一种在闹市中移动的气氛。
这个界面也非常易于理解。游戏背景设定为现代的日本，我们都知道现在的生活已经离不开手机了。因此，主角用手机查看消息、地图的行为我们也完全能理解，现实中自己也会这样做。
在殿堂中移动，切换场景时：
当前的画面会被从角落像纸一样抽出，然后黑色的画面以同样的方式抽出，显示下一个场景.
雨宫莲会先从屏幕左侧跳进屏幕中央蹲下，同时黑屏（像是有黑色斗篷遮住画面一样），然后向屏幕右侧跳出。
在殿堂中探索时，右下角紧密排布着当前出战人员的头像、HP/SP量表。
此时玩家没有处于战斗状态，只要可以知道大致的体力状态，确定能否支撑继续的探索即可。
战斗
从探索状态切换到战斗时，随着敌人面具被掀掉产生的闪光，游戏偷偷把背景切换到了战斗场景。同时原本紧密排布在右下角的头像如蝌蚪一般跳出展开，显示HP/SP的具体数值。
指令的排布基本按照手柄上各个键位的位置设计，玩家能轻松对应起来去使用各种功能。尽管它们的排版算不得工整，但都指向当前行动角色，当前行动的角色头像也会做出区别。使用技能时，当前选中技能所需要的消耗对应数字会放大。
战斗画面，来自PS4
PS4的控制器DualShock 4
若生命值过低，则HP量表会闪烁、玩家角色做出艰难站立的姿态、同时还有语音“体力较低，快进行恢复”之类的话提醒玩家。（在游戏中会如此做的有摩尔加纳、新岛真、佐仓双叶、明智吾郎）。
主角艰难站立，HP表闪烁，佐仓双叶语音提醒
人对具体的动作、语言等敏感度要高于抽象的数字量表，这样能更生动的展示战斗场景。如果没有这些提示讯息，那么玩家会更频繁的遇到主角”莫名其妙就死了“然后游戏失败的情况，满生命值的表现和生命值低的表现完全相同，本来也不是合理的。这里我要鞭尸另一款游戏，在玩家角色低生命值时没有任何视觉、听觉等方面的表现来突出这个状态。
《猫之城》战斗画面
注意看，玩家角色的生命值均处于较低状态（在左下角），但所有角色仍然向没事人一样正常站立着，也完全没有HP/画面变红之类的效果。我不懂，为什么2022年的游戏还有这种问题？
《猫之城》，番糖网络开发的一款猫拟人都市题材回合制RPG，在2022年7月20日上线公测。
战斗结束时，主角挥手招呼同伴，然后在背景奔跑（印象空间中，是主角们坐上猫车），摄像机在其侧面，同时显示结算详情。
结算画面结束后，镜头转回主角背后，恢复到原本的场景。
天鹅绒房间
可以在天鹅绒房间里合成、获取人格面具，以提升战力。
整体的装饰俨然就是牢房，指代雨宫莲是命运之囚，也暗示游戏的主题“反叛”。
主界面各个选项是带刺铁球，在这里作为刑具出现，和牢房也相对应。
处刑
处刑部分的界面选项，主要围绕着伊戈尔的桌子。
选择处刑的人格面具时，镜头仰视建筑的顶端。
公开处刑时，黑色圆环围绕伊戈尔桌子，一个黑色圆球围绕其运动。
这是联网才能使用的功能，转圈圈的圆也像是很多网页的加载动画。
特训
一颗铁球砸到牢房的墙上，引出特训选项。
登陆、领取
镜头移出牢房，到天鹅绒房间中央。
图鉴在游戏内被称为“囚犯名册”，这里的每个选项都像是一张纸。
诊所 武见内科医院
这是游戏内购买各种恢复药品的重要场所。
主色调是蓝色，画面中有一条DNA的双螺旋。在白色圆环上的空间中，会随机浮动一些药品名和化学式。各个数字的字体是一种手写体，有一种容易亲和的感觉。
点进购买商品后，武见妙会转过身子，手里拿着一张清单，左侧就是可选择的商品。
这里背景的大量蓝色球体像是细胞和细胞核一样，令人能联想到身体。
购买商品后会弹出一个确认画面，这里就像是医生把写好的处方从册子上撕下来，交给患者的感觉。
生存游戏专卖店 严禁触碰
游戏内的“生存游戏专卖店”是玩家获取装备的重要场所，主色调是绿色。
店老板岩井宗久在翘着二郎腿，并且以桌子（屏幕边框）作为支撑。
这给人一种随意、不拘小节的感觉，板着的脸也和其性格相关。
他和屏幕前的我们隔着铁丝网，象征着内心的警戒。
店老板曾经做过黑道，不苟言笑的性格和铁丝网皆为其性格的象征。
卡片上的弹孔，暗示了该处的功能——购买武器。
金钱数字、每个狗牌黑色名字下的底部装饰文字均为镂空喷漆字体。这让人们很容易想到军用品上的喷漆字，和该地点的内容相贴合。
购买武器时，选择需要购买装备的角色时，角色名是写在狗牌上的。
狗牌，也就是军用识别牌，用以军人的身份识别。所有人的狗牌都在同一根珠串链上，珠串链也充当了视觉引导线，让玩家比较容易找到自己所需的选项。
确定购买某道具时，详情部分的纸张掀开，露出下方确定购买的按钮。它们是靶心的形状，如果玩家按下确定，就会有一颗子弹穿过，留下弹孔。
印象空间，约瑟
这是皇家版中新增的内容。印象空间可以收集花朵，在他这里换成有用的道具。
约瑟的界面很美，尤其是和印象空间那越往下越阴间的鬼地方相比。
这里背景是延时摄影的星空，主色调蓝色、副色调是黄色。
由卡通星星构成的星河，作为两个选项的背景，同时充当了视觉引导。雨宫莲和约瑟一起坐在约瑟的车上看星星。
所使用的字体是圆体，给人一种较为柔和的感觉。 约瑟看起来像是小孩子一样，容易让人感到亲近，字体也照应了这一点。
选择“交换道具”时，星河通过旋转移位到屏幕下方，屏幕左侧的星河偏低一些，同时人物右移。这里星河也充当了视觉引导，将有用的选项包了起来。
选择“认知变化”时，星河旋转变换到左上角，向右上流动。人物左移，同时约瑟挥动锤子，认知变化的面板出现。
认知变化的文字排版是略向右上倾斜的，约瑟挥动锤子的动作也相当于视觉引导。
参考资料/来源
浅谈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
它的界面同时做到了风格化和让玩家操作起来有趣。尽管第一眼看上去似乎眼花缭乱，但只要稍微上手就会感觉到妙处所在。而且如果这款游戏使用常规的界面设计，恐怕就没有味道了吧。
几乎每一次操作，游戏界面都会给玩家大量的二级运动动画作为回馈和奖励。《游戏设计艺术》中，作者称这样的系统为“多汁系统”，就像一颗成熟的蜜桃，只要与它有一些互动，就会不断的向你回馈可口的汁水。
虽然以上这些部分中，几乎每一个单独拿出来都微不足道，但游戏本身的高品质正是由它们积累而成的，它的界面也着实“偷走了我的心”。
