摘要：第四次產(chǎn)業(yè)革命背景下，數(shù)字制圖技術(shù)的進步，審美偏好的遷變，既向傳統(tǒng)國畫傳承提出了嚴峻挑戰(zhàn)，也為之提供了新的表現(xiàn)對象、表現(xiàn)形式以及更廣泛的傳播渠道，新山水創(chuàng)作理念應(yīng)運而生。后現(xiàn)代美學(xué)思潮下，電子游戲逐漸成了獨立于傳統(tǒng)八大藝術(shù)之外的某種藝術(shù)形式，前景可觀，但國產(chǎn)游戲發(fā)展面臨復(fù)雜的內(nèi)外部環(huán)境，如何設(shè)計和創(chuàng)造出具有中國特色和價值的作品是值得游戲美術(shù)設(shè)計師深思的問題。本文以國產(chǎn)手游《明日方舟》“將進酒”活動的UI設(shè)計為例，探討其成功將古典山水意蘊融入游戲界面的過程，試圖為雙方解決發(fā)展困境提供可借鑒思路。

關(guān)鍵詞：游戲美術(shù)；UI設(shè)計；當(dāng)代藝術(shù)；數(shù)字山水

自數(shù)字技術(shù)出現(xiàn)以來，國內(nèi)藝術(shù)家對中國傳統(tǒng)繪畫與其結(jié)合應(yīng)用的探索從未停止。以姚璐及楊泳梁等為代表的一批人就開創(chuàng)了一種新的、利用數(shù)字技術(shù)制作的“新山水集錦攝影”風(fēng)格，引起了攝影界的興趣。[1]但出乎意料的是，并沒有太多結(jié)合中國古典美學(xué)或后現(xiàn)代美學(xué)理論的探討，更不用說有所推廣，形成一套完備的創(chuàng)作體系。為傳統(tǒng)繪畫叫衰的聲音始終甚囂塵上。與之相對應(yīng)的，還有或可視為“新興藝術(shù)”的電子游戲的發(fā)展，盡管中華文化博大精深，傳統(tǒng)水墨特質(zhì)、山水畫繪制技法在視覺效果設(shè)計中具有其他風(fēng)格難以比擬的獨特優(yōu)勢，我國游戲美工人員也非常樂于從中汲取養(yǎng)分，創(chuàng)作出了諸多群眾喜聞樂見的作品。但相當(dāng)數(shù)量的作品對其應(yīng)用的理解往往只是流于淺表——形式上要么是簡單甚至是草率粗陋的水墨風(fēng)或者是山水背景平貼，要么只是將水墨形式等作為特效使用，缺乏形式上的新意。就游戲內(nèi)核表現(xiàn)而言，也很難體現(xiàn)背后的意蘊，有時甚至發(fā)生美術(shù)內(nèi)容的矛盾。

2018年開始，國產(chǎn)游戲行業(yè)陷入版號寒冬，制作內(nèi)容表達題材處處受限，為了從激烈的競爭中脫穎而出，對美術(shù)形式也提出了更高的要求。[2]2—4因其中正平和，符合主流價值觀倡導(dǎo)，傳統(tǒng)美術(shù)風(fēng)格獲得了越來越多創(chuàng)作者的青睞。作為現(xiàn)象級作品的《原神》《明日方舟》等就是成功運用的典范。但《原神》更多地借鑒于青綠山水以完善其游戲副本地形設(shè)計，且體量過大，難以作為其他游戲設(shè)計的有效借鑒。作為小體量作品，且在游戲設(shè)計過程中采取畫師導(dǎo)向，《明日方舟》結(jié)合其游戲世界觀，利用新山水風(fēng)格設(shè)計的新年活動收獲了廣泛好評，“將進酒”活動導(dǎo)入CG動畫及游戲內(nèi)部尚蜀背景的設(shè)計也具有行業(yè)內(nèi)較高的美學(xué)價值。其優(yōu)質(zhì)的UI設(shè)計模式值得推廣，既有助于傳統(tǒng)水墨山水繪畫在數(shù)字時代進一步創(chuàng)新發(fā)展，以及更廣泛的傳播，同時也有助于為國產(chǎn)游戲利用好豐富的傳統(tǒng)美術(shù)資源，跟上美學(xué)發(fā)展思路，擺脫現(xiàn)下設(shè)計困境，實現(xiàn)雙贏利好。

一、 中國新山水風(fēng)格的流變及特征

事實上，中國當(dāng)代藝術(shù)一直試圖在自身文化傳統(tǒng)基礎(chǔ)上構(gòu)建自身的現(xiàn)代性。具有后現(xiàn)代特征的山水畫建構(gòu)起源甚早。郎靜山（1892年—1995年）可以被稱為“新山水”現(xiàn)象的先驅(qū)者。他是最早將中國山水畫藝術(shù)與攝影技術(shù)結(jié)合起來的人，為山水畫發(fā)展開辟了新的表現(xiàn)渠道。郎靜山擅長運用靜態(tài)的山水畫影像來構(gòu)建一個不真實的畫面，創(chuàng)造出獨特的個人語言。在他的影響下，相當(dāng)一批藝術(shù)家運用國畫中的散點構(gòu)圖、留白等技巧，利用攝影構(gòu)造自己的山水語境，或懷悼故里，或追古問今。隨著時代進一步發(fā)展，數(shù)字圖像處理技術(shù)得到推廣運用，以姚璐、楊泳梁為代表的一批人，綜合利用傳統(tǒng)國畫構(gòu)圖技巧與后現(xiàn)代藝術(shù)創(chuàng)作的手法，通過裁剪、粘貼、挪用、置換、隱喻等等，或?qū)⒔ㄖD(zhuǎn)置為青綠山水，或模仿傳統(tǒng)山水繪畫皴法，表現(xiàn)城市山林的景象?！坝脴欠康氖杳荜P(guān)系營造山水畫中的山石效果，用電線桿電網(wǎng)替換了山水畫中的樹林，以城市的窨井蓋圖案換國畫畫面上的落款簽章”，反思高速城市化對山水自然領(lǐng)域的侵占，表達對破壞人與自然和諧共存的隱憂，賦予了山水畫題材新的表現(xiàn)內(nèi)容以及追古懷舊以外的深刻意義。[3] [4]

將傳統(tǒng)文人畫審美與當(dāng)代藝術(shù)表現(xiàn)形式結(jié)合起來，并賦予其新的批判意義，無疑是新山水流派對中國藝術(shù)的獨特貢獻。其對山水形式的轉(zhuǎn)寫闡釋，也應(yīng)當(dāng)對商業(yè)美術(shù)設(shè)計有所啟發(fā)。

?

圖1，《蜃市山水叁-冊頁01》，2006

二、 水墨山水風(fēng)格于游戲設(shè)計的普遍應(yīng)用形式

電子游戲綜合運用多種視聽媒介，組合了舊藝術(shù)門類中的絕大多數(shù)，并且形成了自己獨有的表現(xiàn)形式。盡管不是所有的游戲都稱得上是藝術(shù)，但優(yōu)秀的商業(yè)游戲具備優(yōu)秀藝術(shù)作品的特征是毋庸置疑的，普通游戲設(shè)計也或多或少需要用到藝術(shù)創(chuàng)作的原理原則。大眾審美觀念的數(shù)字傾向化也促進了游戲產(chǎn)業(yè)的發(fā)展。

含有水墨元素的游戲作品或CG動畫作品向來不少，可從國內(nèi)國外兩個維度進行考慮。隨著中國國際地位的上升和海外華人群體影響力度擴大，國外運用中國水墨元素的優(yōu)秀作品逐漸增多，迪士尼動畫電影《花木蘭》《功夫熊貓》就是經(jīng)典例證。但例證之所以是例證，是因為大多數(shù)作品并沒有將水墨元素與中國文化很好的結(jié)合起來，相反倒有不少是與日式風(fēng)格混淆起來了。[2]4-7日本水墨風(fēng)游戲較多，且多數(shù)是小體量RPG游戲，有效實現(xiàn)了成本與效益的統(tǒng)一，這一點正逐漸為我國游戲廠商所學(xué)習(xí)。

國內(nèi)運用水墨元素設(shè)計的作品也有相當(dāng)?shù)臄?shù)量?！断蓜Α贰断蓚b道》等就是比較成功的案例。但絕大多數(shù)水墨風(fēng)作品，存在盲目借鑒國外作品的傾向，或是行業(yè)內(nèi)抄襲換皮成風(fēng)。固然有資本逐利性的因素在內(nèi)，但游戲美術(shù)設(shè)計人員缺乏創(chuàng)作自覺也是不可否認的事實。

目前水墨山水多作為國產(chǎn)風(fēng)游戲背景，或是作為人物動作特效。很少有充分將美術(shù)形式與游戲內(nèi)容很好結(jié)合起來的，更不要說有什么獨到創(chuàng)新之處了。正因如此，《明日方舟》“將進酒”活動的UI設(shè)計才更具有深刻意義。

三、“將進酒”活動的UI設(shè)計思路及實現(xiàn)

（一）游戲簡介及活動特征概述

《明日方舟》是鷹角網(wǎng)絡(luò)公司出品的一款二次元塔防手游，世界觀獨特。玩家扮演失憶博士，帶領(lǐng)羅德島干員，領(lǐng)略泰拉大陸的風(fēng)土人情，救助受難人群,處理源石爭端,以及對抗未知阻礙，取得策略戰(zhàn)斗勝利。

該游戲最大的特征是人物立繪精美，場景背景設(shè)計頗有講究，充分發(fā)揮了畫師導(dǎo)向的優(yōu)勢，最大程度地尊重了美工的創(chuàng)作自主性。正因如此，其美術(shù)設(shè)計總能給人以驚喜，“將進酒”活動就是一條很好的例證，很難說設(shè)計尚蜀時沒有參考新山水風(fēng)格，而在國產(chǎn)手游里運用此類美術(shù)設(shè)計理念是極為罕見的。

（二）活動UI設(shè)計理念及思路

1.導(dǎo)入CG動畫

CG動畫特指用計算機創(chuàng)作的動畫，屬于CG插畫的一種特殊形式。優(yōu)秀的CG插畫通常具有程序的“規(guī)則性”、表現(xiàn)的“隨機性”、視覺的真實性、色彩數(shù)字性和現(xiàn)實的超越性。[5] 導(dǎo)入CG通常起構(gòu)建游戲場景與主題的作用?！皩⑦M酒”動畫不僅采用雙線敘事構(gòu)成了一個精妙的時間閉環(huán)，其圖像語言的巧思也值得深究。

動畫開頭呈現(xiàn)崇山峻嶺，隨后畫面向下一轉(zhuǎn)，一葦孤舟航行于茫茫江面上，與山水畫留白構(gòu)圖相似的大片模糊化背景處理營造出了寂寥感，完成了對場景的初步建構(gòu)。

?

圖2-1，“將進酒”導(dǎo)入CG截圖

在給了雪岸江蘆幾處動態(tài)特寫，進一步加深對清寂環(huán)境氛圍的塑造后，畫面縮小，轉(zhuǎn)成小舟窗外山水。就鏡頭語言而言成功完成了觀察主體的轉(zhuǎn)變，由此開始對舟上人物形象的建構(gòu)。其中，窗外山水的構(gòu)圖應(yīng)該參考了園林風(fēng)景的設(shè)計技巧。

?

圖2-2，“將進酒”導(dǎo)入CG截圖

隨著人物的運動，畫面又轉(zhuǎn)向小舟全景，舟子吹笛引燈，燈光次第亮起。打破了對清寂山水氛圍的塑造，由自然環(huán)境向人境進一步轉(zhuǎn)變。

?

圖2-3，“將進酒”導(dǎo)入CG截圖

枯枝簌雪而動，人物驚覺抬頭，看到藏在崇山峻嶺的城市，尚蜀形象初步構(gòu)建。

?

圖2-4，“將進酒”導(dǎo)入CG截圖

再次以船動表現(xiàn)尚蜀第十八峰從隱藏到乍現(xiàn)的突然。隨后畫面給到神人隱居的十八峰特寫。場景的真境向幻境進行轉(zhuǎn)變。

?

圖2-5，“將進酒”導(dǎo)入CG截圖

短片用一分鐘左右寫意形式表現(xiàn)了神人夢里飲酒，與天災(zāi)抗爭的故事主題。夢醒黃昏，天地清朗，神人起身下山買酒。從十八峰頂轉(zhuǎn)到山下千家萬燈，完成了尚蜀真幻二境的銜接構(gòu)建。

?

圖2-6，“將進酒”導(dǎo)入CG截圖

可以看見，“將進酒”導(dǎo)入CG在構(gòu)建尚蜀這一場景時，廣泛運用了傳統(tǒng)山水畫的構(gòu)圖技巧，體現(xiàn)了水墨山水的意蘊。表現(xiàn)形式為數(shù)字動畫，表現(xiàn)內(nèi)容為泰拉虛構(gòu)世界觀下的移動城市尚蜀，具有較為突出的后現(xiàn)代特征。而這些后現(xiàn)代的表現(xiàn)形式也與游戲主題相一致，實現(xiàn)了美術(shù)內(nèi)容與形式的統(tǒng)一。

2.關(guān)卡總覽界面及副本地圖

UI即用戶界面，是人機交互最主要的渠道，也是游戲作品的關(guān)鍵構(gòu)成部分。它包攬了絕大部分情感的設(shè)計、承接與表達的職責(zé)。優(yōu)質(zhì)的 UI 設(shè)計會給予用戶高層次的產(chǎn)品使用體驗，正向的情緒認知，增強產(chǎn)品的用戶黏度，大局上看能更進一步推動應(yīng)用市場的經(jīng)濟效益。[6]

當(dāng)下UI設(shè)計的趨勢是以用戶體驗為中心的UI情感化設(shè)計，中國傳統(tǒng)圖案在UI設(shè)計里則講究“言簡意豐”。[7] “將進酒”活動利用山水這一中國傳統(tǒng)意象進行設(shè)計，采用祥龍圖案、山石圖案等作為蝕刻章或關(guān)卡障礙物組成部分。既契合游戲運用的中國傳統(tǒng)神話母題，又可以給用戶嶄新的美學(xué)體驗。

?

圖3，蝕刻章界面展示

注：上圖文字為“我做了一個怪夢，夢里，我在山峰頂上尋人”

?

圖4，活動獎勵界面

?

圖5，副本地圖設(shè)計

此外游戲關(guān)卡背景圖設(shè)置也頗有巧思。以尚蜀移動城市及“三山十七峰”概念圖作為背景，玩家在闖關(guān)過程中仿佛也與劇情人物一同游覽尚蜀風(fēng)物，有較強代入感。

?

圖6-1，關(guān)卡背景圖

?

圖6-2，關(guān)卡背景圖

?

圖7，仿廬山高瀑（右）與關(guān)卡背景圖（部分）對比

另外，畫師可能模仿《仿廬山高瀑》（楊泳梁）的設(shè)計理念，采用方形拼貼構(gòu)造尚蜀移動城市群概念圖。利用新山水常用的轉(zhuǎn)置、挪用等手法，有效呈現(xiàn)出了一個同時具備高科技感與古典美感的，古典風(fēng)尚與現(xiàn)代氣息并存的虛擬城市。

?

圖8-1，游戲?qū)嶋H視覺效果

?

圖8-2，游戲?qū)嶋H視覺效果

3.劇情背景及立繪

“將進酒”美術(shù)設(shè)計對新山水利用還不僅于此，在一定意義上還對其創(chuàng)作意義進行了進一步升華。以姚璐、楊泳梁為代表的新山水設(shè)計理念主要是表達城市無序擴張對自然山水領(lǐng)域侵蝕的隱憂。但尚蜀的設(shè)計者卻反其道用之?！睹魅辗街邸繁尘爸?，泰拉大陸步入以源石為能源驅(qū)動的移動城市階段。作為大炎一城，尚蜀風(fēng)高，撥云弄月，自古多山。修建移動城市殊為不易。但當(dāng)?shù)厝瞬]有為了發(fā)展而破壞地形地貌，更不愿為修筑移動城市自己逃生，放任自己的故鄉(xiāng)被天災(zāi)摧毀。而是將城市地塊融入群山，帶著家鄉(xiāng)一起在泰拉大陸上求生，形成了獨特的移動城市風(fēng)貌。

同樣采用了新山水手法，但這次設(shè)計則表達了人與自然和諧共存共榮的理念。一定程度上是對后現(xiàn)代山水意象的進一步闡釋升華。

?

圖9-1，尚蜀全景（局部）

?

圖9-2，尚蜀全景（局部）

?

圖9-3，尚蜀全景（縱覽）

此外，作為新春活動，場景設(shè)計還充分利用中國傳統(tǒng)水墨，造型設(shè)計上有著十分鮮明的特征，用寥寥幾筆勾繪出物象的基本形態(tài)，傳承了水墨畫的寫意精神，運用意象性元素造型，使場景造型呈現(xiàn)出鮮明的中國特色。[8]

?

圖10-1，婆山鎮(zhèn)

?

圖10-2，婆山鎮(zhèn)

?

圖10-3，婆山鎮(zhèn)

背景立繪的設(shè)計也遵循了關(guān)注人文與審美價值的設(shè)計理念，注重產(chǎn)品情緒傳遞。[9]除了給出宏觀的概念搭建，還給出了劇情人物生活的具體時空細節(jié)，便于玩家進一步理解其世界觀。結(jié)合劇情，加入抽象元素，利于游戲表現(xiàn)。

?

圖11，尚蜀街景

?

圖12，十八峰頂

四、結(jié)論與啟示

《明日方舟》“將進酒”活動成功以新山水形式將具有后現(xiàn)代特征的山水意象融入游戲UI設(shè)計，固然本身是小體量作品，有更多精力用來完善美術(shù)設(shè)計。但更重要的是游戲設(shè)計師有創(chuàng)作的自覺，利用天馬行空的概念設(shè)定，充分發(fā)揮了自己的才學(xué)能力。聯(lián)想到數(shù)字時代山水創(chuàng)作陷入困境，“將進酒”活動給美術(shù)從業(yè)人員的啟示是，可以運用傳統(tǒng)山水技法參與概念設(shè)計架構(gòu)，賦予其新的傳播活力。

至于游戲設(shè)計如何充分利用好中國傳統(tǒng)美術(shù)這一財富，則需要更多的從業(yè)者發(fā)揮主觀能動性，像“將進酒”那位美術(shù)設(shè)計師一樣，提升自己的美學(xué)素養(yǎng)，理解傳統(tǒng)國畫的精神意蘊，并將之用于實際設(shè)計，闡發(fā)獨特的感悟思考。高校UI設(shè)計教學(xué)已經(jīng)將中國精神融入產(chǎn)品設(shè)計，[10]可以進一步關(guān)注用新技巧進行闡釋。

參考文獻：

[1]李潤澤.后郎靜山時代的中國山水集錦攝影[D].上海師范大學(xué),2014.

[2]黃翔.水墨元素在游戲美術(shù)中的應(yīng)用分析與創(chuàng)作研究[D].深圳大學(xué),2020.

[3]蘇海音(Susana Sanz Giménez).中國當(dāng)代攝影與影像藝術(shù)中的“新山水”現(xiàn)象[D].清華大學(xué),2015.

[4]溫京京.華麗的夢境變黑白[D].南京師范大學(xué),2019.

[5]劉華年. 后現(xiàn)代背景下CG插畫的藝術(shù)特征探究[D].湖南工業(yè)大學(xué),2008.

[6]陳越紅,王爍堯.UI設(shè)計中的視覺心理認知與情感化設(shè)計分析[J].藝術(shù)設(shè)計研究,2021(02):74-79.

[7]梁黎.中國傳統(tǒng)圖案在手機UI界面中的設(shè)計應(yīng)用研究[J].藝術(shù)評論,2016(03):159-161.

[8]戴勇紅.水墨元素在中國動畫中的運用[D].湖南工業(yè)大學(xué).2012.

[9]高維. 面向情緒設(shè)計的產(chǎn)品造型對顧客情緒及行為影響的研究[D].天津大學(xué),2012.

[10]李鑫力,趙光澤.最美中國精神——UI設(shè)計課程文化創(chuàng)新教學(xué)實踐[J].設(shè)計,2022,35(03):90-93.