細節控的極致體現

眾所周知，《女神異聞錄》系列的UI可以算是游戲的一大亮點，尤其是《女神異聞錄5》，不僅飽受業界好評，獲得了2017年TGA最佳藝術指導獎的提名，也收獲了玩家的喜愛，“P5天下第一”的梗之所以能快速傳播也有其美術風格助力。

珠玉在前，著手游戲開發的UI設計師難免會遇到一個問題：要做類似《女神異聞錄》的UI嗎？

國內廠商方面，獲得IP授權的完美世界在做《女神異聞錄：夜幕魅影》時，選擇了沿襲P5風格。有玩家覺得，米哈游《絕區零》有一種《女神異聞錄5》既視感，不過這或許是因為兩者都是日式風格。

對于Atlus本家，這個問題也曾困擾了《暗喻幻想：ReFantazio》（以下簡稱《暗喻幻想》）的首席UI設計師伊勢浩二。

最終，伊勢浩二找到的答案是做獨一無二的UI。這樣的UI只有在特定游戲里才能實現，需要具有象征意味，又能吸引眼球，需要打動人心，又能和游戲體驗一起激活玩家情緒。

在今年的GDC上，伊勢浩二分享了為《暗喻幻想》創建UI設計的歷程，將早期開發階段中的迷茫、具體的UI設計方法、最終設計中的UI含義都娓娓道來。

碰壁的早期開發階段

伊勢浩二在早期開發階段就為UI團隊定下了三個目標。

首先，建立一種新的、獨特的、能夠脫穎而出的藝術風格。其次，創建一個能夠引領游戲整體藝術方向、推動整體游戲體驗的UI設計。最后，要保證這種UI只有在《暗喻幻想》中才能實現。

在這三個目標驅動下，伊勢浩二開始帶著團隊創建設計概念，在早期過程里，他們嘗試了五種不同的UI設計。

第一種是羊皮紙風格的UI，加入了旅行元素，為玩家在這個幻想世界中進行的旅程增添色彩。第二種是復古風格的UI，旨在回到RPG的根源。第三種UI意在模仿主人公經歷的不確定感，第四種UI重在明快多彩的時尚設計，第五種UI用彩色墨水代表角色特征。

盡管這些方案都有其優點，但不幸的是，上述五種UI最后都被廢棄了。

在設計第四種UI的過程中，伊勢浩二開始認為，他們可能需要一個類似《女神異聞錄》那樣的易于使用的UI。但等到第五種UI落地，他懷疑這是否真的是正確方法。

這些UI不夠獨特，缺乏靈感，不能獨立成為一種風格，對游戲本身也不夠忠實，無法和《女神異聞錄》的UI相提并論，伊勢浩二一度陷入迷茫。

游戲總監橋野桂的話打破了他的迷茫，橋野桂告訴他：“不要再聽別人的意見了，作為我們的UI團隊，你想要實現的才是首選。”

正是這句話，讓伊勢浩二發現了自己陷入的誤區。此前，他試圖接受每個人的意見和反饋，導致他專注于未被發現的想法，反而忘記了自己最初的目標。

認識到這點后，伊勢浩二決心回到繪圖板上，尋找一種獨特的《暗喻幻想》風格。

獨特的“超時尚”風格

團隊的第一步是重新確立UI藝術方向的核心概念，最終，他們將這個概念確定為“超時尚”（Hyper Stylish）。

為了實現這個概念，伊勢浩二及其團隊確立了四項指導方針：Cool、Immersive、Intriguing、Buzzworthy。

Cool是讓人“一見鐘情”的特質，人們見到它的第一眼就會被吸引，Immersive代表讓人無法移開目光的新鮮和驚喜，Intriguing能夠擴展玩家的想象邊界，Buzzworthy則是游戲帶給玩家的自豪感，玩家會產生向他人介紹游戲的渴望。

在這四項指導方針下，團隊確立了具體的設計方法，首先就是建立一個能充當游戲“臉面”的具有強烈象征價值的獨特設計，正如《暗喻幻想》的主菜單。

第二，伊勢浩二回到了最初的目標上，追求一種只有在《暗喻幻想》中才能實現的UI設計。他們盡可能消除了可以輕松用于其他游戲的設計，并將游戲中的獨特故事元素融入到設計和動畫中。

伊勢浩二舉了一個具體的例子，游戲中包含一個獨特的俯瞰視角設定，左邊這張圖就體現了這一設定，右邊的構圖雖然很吸引人，但他們最終決定放棄這個設計，因為它在任何游戲中都得以成立。

第三種方法是創建能夠打動人的UI動畫，UI成為了情感催化劑，在玩家的情緒高漲時再助推一把，把情緒提升到最大。

伊勢浩二認為，在RPG中，UI是直接與玩家溝通的最佳工具之一。UI可以對玩家的游戲輸入做出適當的反應，可以提供情感影響，提升玩家的興奮感。

最后一種方法，就是在各種UI元素之間營造統一感。團隊會將每個元素都打印在紙上，放在會議室里，每位成員都能瀏覽這些作品，這有助于團隊快速識別出不協調的區域，并檢查UI是否引領了游戲整體的藝術方向。

讓UI成為視覺標識

通過這四種方法，團隊得出了最終的設計。

主菜單必須成為整個游戲的象征，基于這個觀念，《暗喻幻想》的主菜單由橫躺的主人公和從腦海中溢出的信息構成。

伊勢浩二覺得，如果玩家在跟朋友談論到《暗喻幻想》時，能脫口而出“那個從主人公頭上發射出字母的游戲”，對于他們來說就是成功了。

團隊還設計了更多激起玩家操作興趣的元素，在美學因素之外，《暗喻幻想》的UI包括更多獨特價值。伊勢浩二團隊并不將UI看作一個獨立的、與游戲世界分離的元功能，而是將其看成橋梁，連接玩家與游戲世界。

為了實現這一點，他們使用油漆效果代表主角微妙的情感流動，用幾何線條代表思維過程，用排版表現想法的可視化，主菜單中仰面躺著的主角也有其深意，不過為了防止劇透，在此就不多作說明了。

在戰斗場景中，《暗喻幻想》用鮮明的動態視覺效果和動畫來表達戰斗中的情感沖動。在面板里，玩家可以看到飛濺的油漆效果和極具沖擊力的排版形式，快速而清晰的UI動畫也呼應了戰斗的快節奏風格。

伊勢浩二團隊設計的UI融合了許多《暗喻幻想》中的獨特設定和故事要素，成為了游戲體驗的一部分?？梢哉f，在《暗喻幻想》里，故事和UI的視覺效果相輔相成。

從結果來看，這一探索無疑是成功的，《暗喻幻想》不僅拿下了2024年TGA最佳藝術指導獎，在用戶側也是好評如潮。伊勢浩二透露，有些玩家甚至提到，游戲的UI設計是激發他們興趣的原因，或者說是購買游戲的決定因素。

讓UI藝術成為游戲的視覺標識，是伊勢浩二團隊為《暗喻幻想》做的，或許也會成為游戲開發的一種新解法。

＊爆料丨合作丨招聘：點擊或戳微信號 luoxuanwan111