大酷樂
  • 汽車
  • 理财
  • 軍事
  • 科技
  • 遊戲
  • 互聯網
  • 娛樂
  • 财經
  • 科學
  • 社會
  • 親子
  • 電影
  • 健康
  • 教育
  1. 首頁
  2. 遊戲

單日銷量破百萬、拿獎到手軟,制作組揭秘:如何做出比肩P5的UI‌?

2025-04-09 简体 HK SG TW

今天小編分享的遊戲經驗:單日銷量破百萬、拿獎到手軟,制作組揭秘:如何做出比肩P5的UI‌?,歡迎閱讀。

看一眼就着迷。

譯 / 依光流

如何做出比肩《女神異聞錄 5》的 UI?這個問題對于無數模仿 P5 的團隊來說近乎無解,而前不久舉辦的 GDC 大會上,P5 開發商 ATLUS 就用旗下新作《暗喻幻想》做出了解答。

還記得,《暗喻幻想》在 2024 年 10 月 11 日發售當天,全球銷量就突破了 100 萬套,成為 ATLUS 歷史上銷售速度最快的 RPG 遊戲。在過去這段時間裡,它還陸續收獲 TGA 最佳藝術指導、最佳叙事獎、最佳角色扮演遊戲獎,以及 IGN 年度最佳遊戲和最佳 RPG 獎,可謂名利雙收。

遊戲首日銷量火爆的原因有很多,其中最重要的兩條無疑是 "P5 掀起的美術潮流、UI 風格潮流 ",以及 " 正統 JRPG"。《暗喻幻想》的美術風格、UI 風格乍看很有 P5 的味道,但細品又與 P5 有着本質上的不同,這導致很多玩家第一眼看到遊戲就產生了購買欲、分享欲。

為什麼《暗喻幻想》能讓人第一眼就喜歡得緊,它的美術和 UI 風格到底如何設?ATLUS 旗下 Zero 工作室(負責開發《真 · 女神轉生》系列、《女神異聞錄》系列)的 UI 設計師 Ise Koji 分享了他在設計《暗喻幻想》UI 時的經驗。以下為具體分享,部分内容有潤色:

Ise Koji(左)

在開發《暗喻幻想》的早期階段,UI 組确立了三個目标:其一是構建一個新的美術風格;其二是 UI 需要呈現并引導遊戲美術整體的方向;其三是設計出獨一無二的、僅屬于《暗喻幻想》的 UI。

對我而言,UI 并不僅僅是傳遞信息的媒介,更應該是遊戲世界給玩家帶來第一印象的叙述者。

在制作流程上,我們首要考慮的是遊戲主界面的設計,因為它能夠影響遊戲整體的 UI 風格。早期我們構思了 5 種設計方案,雖然它們聽起來很棒,但後來都因為種種原因被放棄了,分别是:

1、羊皮紙風格的幻想系 UI

2、NES 風格的古典懷舊風 UI

3、能呈現出不安和迷茫的心理暗示系 UI

4、從思緒的海洋裡打撈某種意義的彩色 UI

5、用彩色水墨呈現情感的潮流系 UI

這些 UI 的設計嚴格來說并非一無是處,按照各自的風格延伸開來勢必能創作出有趣的畫面表現,但本質上來說,它們都無法體現出《暗喻幻想》絕無僅有的獨特性。與此同時,這些 UI 設計與遊戲故事中的氛圍相比,要麼顯得普通、要麼顯得灰暗、要麼顯得張揚,并不完全契合。

在早期,我們的 UI 設計總是會下意識地向 P5 靠攏,這讓我們十分苦惱,甚至越聽取别人的意見越迷茫。就在我們迷茫如何設計 UI 的過程中,遊戲總監橋野桂的一句 " 現在沒必要聽别人的意見,更重要的是想清楚自己想做成什麼樣 ",讓我們撥雲見日。

我們再次開始設計 UI 的關鍵詞是 " 超 · 時尚 "。這意味着我們不是單純地呈現時尚潮流的 UI 風格,而是融入一種超越的意義。具體來說,新的設計不僅需要給玩家帶來 " 移不開視線的視覺衝擊感 ",也需要成為遊戲的門面,為整個作品塑造雛形。為此我們找到以下四個關鍵詞:

・Cool(第一印象足夠有吸引力)

・Immersive(具備奪人眼球的沉浸感)

・Intriguing(能夠刺激玩家的想象力)

・Buzzworthy(有着讓人忍不住分享的魅力)

下面再看遊戲具體的 UI 設計。舉例來說,在遊戲的戰鬥結算界面,為了符合遊戲設定以及遊戲獨有的表現手法,設計 UI 的時候,我們刻意采用了 " 能更好地看清角色面孔的俯視角度 "。

而且遊戲中的設定,是 " 王始終從天空注視着主角 ",于是最終我們采用了下圖左側的設計方案,而非使用右側這種适用于任何遊戲的方案。與之類似,在《暗喻幻想》中,我們始終貫徹了這種 " 只有在這個世界中才成立的構圖方案 "。

此外,在戰鬥中的潑墨風特效演出、簡短文字表情組成的情緒化頂部 UI,都是從視覺和觀感上烘托 " 拼命戰鬥 " 的氛圍,帶給玩家情緒化體驗的設計。如我之前提到的,UI 的作用不僅僅是傳遞信息,還是讓玩家的情緒加速醞釀的媒介,就像戰鬥一開始呈現出的華麗 Cutin 和特效,也是為了一口氣給玩家帶來高昂的情緒。

大家都知道 ATLUS 的遊戲都有戰鬥難度很高的特征,一個失誤就可能讓整個隊伍陷入危機。基于這種特征,我們在 UI 設計上,也融入了這種具有 " 嚴肅感和殺意 " 的要素,最終形成了現在的遊戲演出效果。

戰鬥中,畫面上方呈現出來的 " 王的面孔 ",也有契合遊戲世界觀和劇情的意思,給人一種 " 俯瞰主角戰鬥身姿 " 的感覺。

除此之外還有一點,盡管可能涉及遊戲核心我無法詳細透露,但我還是想強調,UI 是 " 與玩家的軌迹不同的,對于主角的刻畫方式 ",這也是我們設計《暗喻幻想》時的一大特征。就拿主界面裡,主角仰天躺着的面部特寫場景來說,就有不少細節飽含深意:

1、油彩的波動→感情的變換

2、幾何學的線條→思考的途徑

3、字體的排版→内心的文字表現

在遊戲發售以後,《暗喻幻想》的 UI 設計在全球内評價頗高,因此我們也拿到了 TGA 最佳藝術指導等諸多獎項,各類媒體也對遊戲的 UI 設計報道頗多。從我們得到的反饋來看,有很多玩家也給出 " 對 UI 有興趣 "" 看到遊戲主界面就決定購買 " 的評價。

市場發行和周邊衍生品逐漸鋪開的過程中,遊戲的 UI 設計也被廣泛運用,正如開篇我們預想的,UI 也成為了遊戲的門面,成為《暗喻幻想》的象征。

這次分享的最後,我還是想強調 " 構建遊戲美術個性 " 時最重要的幾點:

其一、獨一無二的表現:創造出在其他遊戲中不成立,在自己的遊戲中絕無僅有的表現。

其二、能烙印在記憶中的象征性:要拿出看一眼就能留在人們心中,具備象征性的設計。

其三、觸動人們情感的力量:制作出能然玩的人内容觸動、忍不住分享給其他人的 UI。

跨越傳遞新的邊界,承接世界觀、角色,觸動玩家的情緒,這就是《暗喻幻想》的 UI。通過 UI 去塑造遊戲的美術個性,而非單純依賴原畫、角色,這或許也是《暗喻幻想》給遊戲開發帶來的另一種可能性。謝謝。

遊戲葡萄編譯整理

原文鏈接:

https://www.4gamer.net/games/367/G036702/20250322013/

遊戲葡萄招聘内容編輯,

熱門排行
  • 王治郅:楊瀚森主要的問題是速度 他的速度跟不上現代籃球的節奏 王治郅:楊瀚森主要的問題是速度 他的速度跟 郟君昊 | 2025-05-05
  • 貿易戰燒進電影院:特朗普拟重稅打擊外國電影 逼好萊塢等回美拍片 貿易戰燒進電影院:特朗普拟重稅打擊外國電影 習又夏 | 2025-05-05
  • 貸款追高炒黃金的人後悔了!有人一天虧掉6年工資,賣掉舍不得,不賣扛不住 貸款追高炒黃金的人後悔了!有人一天虧掉6年 寸飛蘭 | 2025-05-05
  • 手機電池突破8000mAh?矽碳技術的回旋镖:「折壽」換容量 手機電池突破8000mAh?矽碳技術的回旋镖:「折 衛青柏 | 2025-05-05
  • 貸款追高炒黃金的人後悔了!有人一天虧掉6年工資,賣掉舍不得,不賣扛不住 貸款追高炒黃金的人後悔了!有人一天虧掉6年 繁綺文 | 2025-05-05
  • 任天堂對Genki提起Switch 2商标侵權訴訟,後者回應稱将嚴肅對待 任天堂對Genki提起Switch 2商标侵權訴訟,後 郜萌運 | 2025-05-05
  • 哪吒汽車APP和官網恢復正常 知情人士:之前斷網因流量欠費 哪吒汽車APP和官網恢復正常 知情人士:之前斷 袁曼雁 | 2025-05-05
  • 極越汽車 CEO 夏一平名下青島/義烏兩家公司被列入經營異常 極越汽車 CEO 夏一平名下青島/義烏兩家公司 集玲琳 | 2025-05-05
  • 全國經濟第一大省明确,推動組建農商聯合銀行 全國經濟第一大省明确,推動組建農商聯合銀行 佼昌翰 | 2025-05-05
  • 桑保利:亞馬爾有配合意識&有點像梅西 姆巴佩更專注進球&更像C羅 桑保利:亞馬爾有配合意識&有點像梅西 姆巴佩 甄正浩 | 2025-05-05
  • 高露現身上海虹橋機場 黑色外套點綴亮色愛心裝飾俏皮亮眼 高露現身上海虹橋機場 黑色外套點綴亮色愛 惠惠君 | 2023-05-02
  • 《歧路旅人2》:向光而生 《歧路旅人2》:向光而生 衛青柏 | 2023-05-02
  • vivo X90S曝光:處理器更新為天玑9200+ 安卓最強芯 vivo X90S曝光:處理器更新為天玑9200+ 安卓最 袁曼雁 | 2023-05-05
  • “懶癌”發病率上升,定期體檢别忽視 “懶癌”發病率上升,定期體檢别忽視 幸聽楓 | 2023-05-02
  • 宋慧喬獲百想視後 韓素希發圖手動加愛心表情慶祝 宋慧喬獲百想視後 韓素希發圖手動加愛心表 賁芳蕤 | 2023-05-02
  • 曹操墓,裡面都有啥? 曹操墓,裡面都有啥? 衛青柏 | 2023-05-02
  • 十年了,他們終于要HE! 十年了,他們終于要HE! 惠惠君 | 2023-05-07
  • 中央部署經濟工作,釋放5大信号 中央部署經濟工作,釋放5大信号 郜萌運 | 2023-05-02
  • 高德上線手機彎道會車預警功能 高德上線手機彎道會車預警功能 習又夏 | 2023-05-02
  • 陳自瑤抱病為愛女做蛋糕慶生,王浩信點贊沒露面 陳自瑤抱病為愛女做蛋糕慶生,王浩信點贊沒露 賁芳蕤 | 2023-05-02
  • 等比例長大的童星,李蘭迪算一個 等比例長大的童星,李蘭迪算一個 郟君昊 | 2023-05-02
  • 這些被抓來做實驗的流浪狗,最終拯救了無數糖尿病人 這些被抓來做實驗的流浪狗,最終拯救了無數糖 集玲琳 | 2023-05-02
  • 高端國產車:軍車血統,目前電動車越野的“天花板”? 高端國產車:軍車血統,目前電動車越野的“天花 謝飛揚 | 2023-05-02
  • 《雲襄傳》終于抬上來啦,男O女A讓人好上頭! 《雲襄傳》終于抬上來啦,男O女A讓人好上頭! 集玲琳 | 2023-05-02
  • 21家A股遊戲公司2022年收入651億 今年“遊戲+AI”能否逆風翻盤? 21家A股遊戲公司2022年收入651億 今年“遊 衛青柏 | 2023-05-04
  • 與周立波夫婦鬧糾紛成老賴,唐爽被司法拘留15日 與周立波夫婦鬧糾紛成老賴,唐爽被司法拘留15 寸飛蘭 | 2023-05-05
  • 信用風險釋放趨緩,結構性風險需重點關注 ——2023年一季度債市信用風險回顧與下階段展望 信用風險釋放趨緩,結構性風險需重點關注 — 袁曼雁 | 2023-05-02
  • 普京籤署總統令,批準對俄刑法典相關法條的修正案 普京籤署總統令,批準對俄刑法典相關法條的修 集玲琳 | 2023-05-02
  • 解除資格!停止一切合作 解除資格!停止一切合作 佼昌翰 | 2023-05-02
  • 中銀證券給予南京銀行增持評級 中銀證券給予南京銀行增持評級 袁曼雁 | 2023-05-03
  • 3699起 聯想小新mini主機上架 13代酷睿标壓處理器 3699起 聯想小新mini主機上架 13代酷睿标壓 習又夏 | 2023-05-05
  • 前董事長被免,天山生物全面進入“中植系”時代?股價曾在一月内暴漲超400% 前董事長被免,天山生物全面進入“中植系”時 惠惠君 | 2023-05-02
  • 瘋成這樣,怎麼還能被全網吹捧? 瘋成這樣,怎麼還能被全網吹捧? 郜萌運 | 2023-05-02
  • 狂吼11次“讓一下”!交警咆哮開道嘶吼到吐 狂吼11次“讓一下”!交警咆哮開道嘶吼到吐 寸飛蘭 | 2023-05-03
  • 摩根大通收購美國第一共和銀行 摩根大通收購美國第一共和銀行 謝飛揚 | 2023-05-02
  • 台劇赢麻了,又來一部8.9 台劇赢麻了,又來一部8.9 衛青柏 | 2023-05-02
  • 下降45分,上漲35分!34所自劃線院校復試分數線漲幅匯總 下降45分,上漲35分!34所自劃線院校復試分數線 袁曼雁 | 2023-05-07
  • 事關農村土地承包和農民權益,《農村土地承包合同管理辦法》5月1日起施行 事關農村土地承包和農民權益,《農村土地承包 郟君昊 | 2023-05-02
  • "三高"已盯上青少年,做好這件事是關鍵 "三高"已盯上青少年,做好這件事是關鍵 習又夏 | 2023-05-05
  • 五一檔沒一個能打的 五一檔沒一個能打的 集玲琳 | 2023-05-05
  • 恐怖韓劇下神壇,這次膽小可入 恐怖韓劇下神壇,這次膽小可入 袁曼雁 | 2023-05-05
  • 這劇是不是用ChatGPT寫的呀? 這劇是不是用ChatGPT寫的呀? 惠惠君 | 2023-05-02
  • 200戶連夜疏散,原因讓人憤怒!“損失超一億”,官方通報 200戶連夜疏散,原因讓人憤怒!“損失超一億”, 袁曼雁 | 2023-05-03
  • 性騷擾慣犯,滾出娛樂圈 性騷擾慣犯,滾出娛樂圈 謝飛揚 | 2023-05-05
  • 48歲何炅自曝已老花眼,黃磊睡前認老,《向往的生活》證實将停辦 48歲何炅自曝已老花眼,黃磊睡前認老,《向往的 佼昌翰 | 2023-05-02
  • 一個《長月燼明》倒了,《狐妖》《長相思》《與鳳行》…在路上了 一個《長月燼明》倒了,《狐妖》《長相思》《 惠惠君 | 2023-05-02
  • 張天愛假期曬“酷”存照 卷發披肩穿黑色吊帶裙大秀好身材 張天愛假期曬“酷”存照 卷發披肩穿黑色吊 嬴覓晴 | 2023-05-02
  • 當年輕人開始不随份子錢 當年輕人開始不随份子錢 袁曼雁 | 2023-05-02
  • 畢滢用8年時間成功逼宮?曾被傳已婚生子的她,不容小觑 畢滢用8年時間成功逼宮?曾被傳已婚生子的她, 幸聽楓 | 2023-05-03
  • 宋慧喬獲視後首次曬照,拿獎杯笑容溫柔 宋慧喬獲視後首次曬照,拿獎杯笑容溫柔 郜萌運 | 2023-05-02

©2022 大酷樂 版權所有

隱私政策 | 服務條款 | 聯繫我們