熱情之紅，反抗之心！——《女神異聞錄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
它的界面同時做到了風格化和讓玩家操作起來有趣。儘管第一眼看上去似乎眼花繚亂，但只要稍微上手就會感覺到妙處所在。而且如果這款遊戲使用常規的界面設計，恐怕就沒有味道了吧。
幾乎每一次操作，遊戲界面都會給玩家大量的二級運動動畫作為回饋和獎勵。《遊戲設計藝術》中，作者稱這樣的系統為“多汁系統”，就像一顆成熟的蜜桃，只要與它有一些互動，就會不斷的向你回饋可口的汁水。
雖然以上這些部分中，幾乎每一個單獨拿出來都微不足道，但遊戲本身的高品質正是由它們積累而成的，它的界面也著實“偷走了我的心”。
