細節控的極致體現


眾所周知,《女神異聞錄》系列的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融合了許多《暗喻幻想》中的獨特設定和故事要素,成為了遊戲體驗的一部分。可以說,在《暗喻幻想》裡,故事和UI的視覺效果相輔相成。


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


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


‍‍
*爆料丨合作丨招聘:點擊閱讀原文戳微信號  luoxuanwan111

點分享
點收藏
點點贊
點在看