「明日方舟」里的美學(xué)-葉子學(xué)堂骨頭獨(dú)家揭秘

《明日方舟》自從2019年5月1日上線以來(lái),獲得了大量玩家的喜愛(ài),《明日方舟:終末地》的出現(xiàn)自然又一次吸引了大家的關(guān)注。
今天骨頭老師和大家一起探討一下「明日方舟」里的美學(xué)!
《明日方舟:終末地》部分概念設(shè)定:
《明日方舟:終末地》里的玩家不再是博士,而是有了新身份管理員,帶領(lǐng)的是終末地工業(yè)的專(zhuān)業(yè)人員而非羅德島干員。

所以我們可以看到《明日方舟:終末地》中的場(chǎng)景設(shè)計(jì)未來(lái)感更強(qiáng)。

各處都有“基建中”的影子


沒(méi)有看過(guò)概念片的寶子們感受一下:



角色在環(huán)境里的跑動(dòng)效果:

即使是環(huán)境里的一個(gè)小魔物也做的很有趣~

天氣系統(tǒng)里的質(zhì)感表現(xiàn)也是相當(dāng)感人~

一. 動(dòng)物擬人的角色設(shè)定
明日方舟的設(shè)定是全員獸人。

Furry指的是特別喜歡擬人化動(dòng)物的一類(lèi)人。
譬如瘋狂動(dòng)物城,索尼克,

還有...《西游記》

獸人的設(shè)定讓《明日方舟》里的人物立繪更有辨識(shí)度。

我們從頭部的視覺(jué)識(shí)別能很明顯看出他們不同的動(dòng)物屬性。
在設(shè)計(jì)上會(huì)保留他們的形象識(shí)別,比如頭上的犄角,身后的尾巴,或者是同動(dòng)物幼崽露出。

同時(shí)由動(dòng)物這個(gè)主題《明日方舟》還在2020年3月3日宣布了和WWF、OPF和bilibili游戲的聯(lián)動(dòng)“萬(wàn)類(lèi)共生”。

2022年1月6日《明日方舟》發(fā)布了游戲與上海美術(shù)電影制片廠《九色鹿》聯(lián)動(dòng)的PV。

該視頻很快就在B站突破了百萬(wàn)播放,并積累了上萬(wàn)條評(píng)論。甚至有用戶驚呼“這風(fēng)格震撼我一百年”,并獲得了萬(wàn)人贊同。
二. “舟”味十足的符號(hào)化
明日方舟中最明顯的特征之一就是符號(hào)化。
從明日方舟的LOGO本身,

到職業(yè),到時(shí)裝的系列,

以“源石”為主導(dǎo)的圖標(biāo)設(shè)計(jì),

延續(xù)了許多以三角形為主的圖標(biāo)。

包括到《明日方舟:終末地》的場(chǎng)景里也延續(xù)了三角形的設(shè)定。

符號(hào)化的存在可以說(shuō)為玩家對(duì)于方舟更有印象。
同時(shí)也加強(qiáng)了品牌化,無(wú)形中潛意識(shí)里增加了我們對(duì)方舟的記憶。
三. 功能為主導(dǎo)的機(jī)能風(fēng)格
說(shuō)到《明日方舟》,大家想到的另一個(gè)特點(diǎn)便是機(jī)能風(fēng)。
《明日方舟》是一個(gè)架空的世界觀,所以“明日方舟”風(fēng)格里涵蓋了解構(gòu)主義,街頭潮流,未來(lái)戶外,城市機(jī)能,賽博朋克以及機(jī)甲元素。

比如寒武紀(jì)系列的時(shí)裝設(shè)計(jì),更偏向于御寒類(lèi)的戶外運(yùn)動(dòng)風(fēng)格。

但本身戶外運(yùn)動(dòng)和城市機(jī)能風(fēng)格其實(shí)是有設(shè)計(jì)上共通的理念--以功能為主導(dǎo)。
01 機(jī)能風(fēng)格是什么?
咱們可以看到機(jī)能風(fēng)格大致的表現(xiàn)——

黑色為主/灰、軍綠色等輔色調(diào),飄帶夠長(zhǎng),口袋立體且大。
02 Errolson Hugh
當(dāng)然,說(shuō)到機(jī)能風(fēng)格不得不提到一個(gè)人:

他是ACRONYM品牌的主理人之一。


ACRONYM 針對(duì)年輕化的市場(chǎng), ACRONYM 的靈感多來(lái)源于軍裝和工裝元素,簡(jiǎn)約的剪裁看似簡(jiǎn)單但卻融合了品牌的極其精湛的技術(shù)。
03 機(jī)能風(fēng)的舒適與實(shí)用性
既然被稱(chēng)之為機(jī)能,那軍品配件、科技面料、coretex涂層,防風(fēng)、防水、透氣輕薄、保暖等詞匯,就是針對(duì)不同用途的機(jī)能服飾的常住標(biāo)簽。

同時(shí)為了對(duì)抗未來(lái)城市中的工業(yè)酸雨等惡劣的天氣條件,機(jī)能風(fēng)的服飾都有較高的戶外功能。


在同樣是未來(lái)架構(gòu)下的游戲《殺出重圍》和小島的游戲《死亡擱淺》中,主角都穿著acr設(shè)計(jì)的服裝。

比如死亡擱淺里的設(shè)計(jì),因?yàn)樵O(shè)定是一個(gè)快遞員,所以背部這塊設(shè)計(jì)就是為了緩解背部壓力而設(shè)計(jì)。

四. 科技風(fēng)不只有賽博朋克
01 少即是多|磁帶盒未來(lái)主義
之前看到《明日方舟》的UI,一直不知道為什么設(shè)計(jì)里很喜歡用黑色的長(zhǎng)條型來(lái)做主視覺(jué)設(shè)計(jì),現(xiàn)在終于明白了。
背景材質(zhì)里也會(huì)選用透明且干凈的塑料材質(zhì)。

這種風(fēng)格,有一個(gè)小眾的名稱(chēng)叫磁帶盒未來(lái)主義。
磁帶盒未來(lái)主義通常風(fēng)格簡(jiǎn)約,少即是多為設(shè)計(jì)宗旨。

形式追隨功能,產(chǎn)品弱化外在表現(xiàn)形式,更加注重內(nèi)部合理性與邏輯,表現(xiàn)主義弱化。


這種風(fēng)格主要表現(xiàn)在:
8090年代科幻、鐳射激光、幾何外形、故障藝術(shù)、合成器浪潮、個(gè)人電腦、大按鍵、符號(hào)化排列、捆扎帶、塑料外殼、半透明。

于是我們?cè)倏吹健睹魅辗街邸酚螒蚶锏膹棾鼋缑?,在按鈕的設(shè)計(jì)上沿用了這種極簡(jiǎn)風(fēng)格。

02 HUD界面|復(fù)古與未來(lái)感共存
《明日方舟:終末地》設(shè)定中的場(chǎng)景中可見(jiàn)各種LED屏幕中的HUD可視化設(shè)計(jì)。

可以從物料中看到,界面中偏2.5D構(gòu)圖,同時(shí)模擬了全息投影

和周?chē)h(huán)繞按鈕的形式

類(lèi)型于早期諾基亞手機(jī)按鈕的設(shè)計(jì),更有操控感。

整體的布局為中間顯示屏,可及時(shí)現(xiàn)實(shí)數(shù)據(jù)信息。
HUD設(shè)計(jì)

HUD設(shè)計(jì)技術(shù)的實(shí)現(xiàn)很簡(jiǎn)單:主要是由高強(qiáng)度的LED進(jìn)行提供信息,然后又通過(guò)儀表盤(pán)后處的鏡片進(jìn)行反射,將導(dǎo)航的圖像信息反映出來(lái),然后直接傳輸?shù)今{駛員的視野中。
因?yàn)橥冻龅男畔⑹窃谄聊坏南路?,有一股圖像飄浮在前路的感覺(jué),因此被人稱(chēng)之為懸浮的“儀表盤(pán)”。
《光環(huán)》里HUD風(fēng)格結(jié)合到UI里的設(shè)計(jì):

西部世界里的操作系統(tǒng)中也有類(lèi)似的等高線設(shè)計(jì),更有“規(guī)劃中”的感覺(jué)。

預(yù)測(cè)一波,可能游戲會(huì)帶領(lǐng)的一陣科幻風(fēng)格:
未來(lái)的科技風(fēng)格會(huì)更多虛擬與現(xiàn)實(shí)結(jié)合HUD界面的表現(xiàn)形式出現(xiàn)。


呼吁大家多了解不同的科技風(fēng)格和亞文化,科技風(fēng)格不僅僅只有“賽博朋克”。
骨頭老師的筆記
動(dòng)物擬人的角色設(shè)定,“舟味”十足的符號(hào)化設(shè)計(jì),功能為主導(dǎo)的機(jī)能風(fēng)格,構(gòu)成了自身很有辨識(shí)度“明日方舟”風(fēng)格。
同時(shí)由磁帶盒未來(lái)主義和HUD界面風(fēng)格構(gòu)成了引領(lǐng)著未來(lái)科技感風(fēng)格走向。
本次有幸也采訪到了《明日方舟:終末地》的制作團(tuán)隊(duì)中的神秘人,TA這樣說(shuō)道:
“在做明日方舟這個(gè)過(guò)程中,更明白了UI設(shè)計(jì)對(duì)一個(gè)游戲的重要性。UI不僅僅只是輔助,做好了可以達(dá)到功能和美觀的高度統(tǒng)一,同時(shí)能增加游戲的辨識(shí)度,讓大家記住這款游戲?!?/strong>
作為已經(jīng)是國(guó)內(nèi)頭部的二次元游戲,隨著市場(chǎng)上二次元游戲增多,方舟本身也面臨各種挑戰(zhàn)。
讓我們一起期待《明日方舟:終末地》最終上線的呈現(xiàn)吧!
