超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

黑神話的界面如何詮釋東方美學(xué)?

2024-10-8    資深UI設(shè)計(jì)者 隨筆的一些文章

 
 
??當(dāng)我們提到《黑神話:悟空》,大多數(shù)人首先想到的是其極致的角色和場(chǎng)景美術(shù),確實(shí),它的建模和渲染效果無可挑剔。然而,很多人可能沒注意到,《黑神話》在界面設(shè)計(jì)上同樣有著驚人的細(xì)節(jié),堪稱細(xì)節(jié)狂魔!
 
作為從業(yè)多年的游戲視覺設(shè)計(jì)師,今天,我們就來聊聊《黑神話》的界面視覺設(shè)計(jì),看看它是都用到了哪些”表面功夫” 來詮釋東方美學(xué),以及它是如何用
東方元素
去暗示
游戲功能
的。
黑神話的界面如何詮釋東方美學(xué)?
 
 
相信大家已經(jīng)不止一次見過這張《黑神話》的媒體評(píng)分匯總圖。
黑神話的界面如何詮釋東方美學(xué)?
 
 
作為主機(jī)游戲彰顯榮譽(yù)的喜報(bào),一般來說,游戲公司都會(huì)根據(jù)游戲風(fēng)格進(jìn)行一定的視覺化設(shè)計(jì)。
 
比如《戰(zhàn)神5》的評(píng)分匯總圖中,媒體評(píng)分?jǐn)?shù)字就仿照盧恩符文的字符結(jié)構(gòu)。和《戰(zhàn)神5》的北歐主題形成了視覺化的統(tǒng)一。
黑神話的界面如何詮釋東方美學(xué)?
 
 
而《黑神話》媒體評(píng)分?jǐn)?shù)字的邊框設(shè)計(jì)則直接取材自游戲中的靈光點(diǎn)(升級(jí)加點(diǎn))
黑神話的界面如何詮釋東方美學(xué)?
 
 
周圍乍一看像樹枝的圖形元素,取材于咱們中國傳統(tǒng)圖形中的火紋。
 
古人認(rèn)為火焰就是天空中太陽的象征,是自然力量的體現(xiàn),比如《周禮·冬官· 考工記·畫繢》中提到:“火以圜”,這里的“圜”即指圓環(huán)的形狀,也象征天體。
 
所以在許多諸如青銅器,壁畫和工藝品上,我們都能看到這種環(huán)繞圓形的火焰圖紋裝飾,這種帶圓的火紋也被叫做“火焰珠紋”或者“火焰龍珠紋”,其火焰的方向往往與龍的動(dòng)勢(shì)相對(duì)應(yīng),呈東南方向。
黑神話的界面如何詮釋東方美學(xué)?
 
 
但其實(shí)還有有一種火勢(shì)向正上方的
摩尼火紋
,從名字上不難看出是從
佛像背光
上汲取的靈感,讓這一圖形充滿了佛教的象征意義。
黑神話的界面如何詮釋東方美學(xué)?
 
 
在佛教中,火焰象征智慧,而佛像背光中的火焰紋則象征佛陀的光輝與佛法的普照。
 
在技能樹的界面上,三個(gè)階段的技能圖標(biāo)同樣被設(shè)計(jì)成這種樣式。
黑神話的界面如何詮釋東方美學(xué)?
 
 
不僅如此,游戲中還隱藏著很多你可能玩了幾周目都不太可能發(fā)現(xiàn)的設(shè)計(jì)細(xì)節(jié)。
 
仔細(xì)看看靈光點(diǎn)數(shù)字背后的圖案,三個(gè)重復(fù)的圖形,每個(gè)圖形是不是有點(diǎn)像是如意的形狀。
黑神話的界面如何詮釋東方美學(xué)?
 
 
這種圖形紋樣全稱為
“如意式云頭紋”
,因形似靈芝的頭部,又稱“靈芝云”。古代靈芝被視為仙草,象征吉祥長(zhǎng)壽,因此如意的頭部設(shè)計(jì)往往采用靈芝的造型。
 
此外,仔細(xì)觀察已開悟的按鈕,你會(huì)發(fā)現(xiàn)其中暗藏著
回形紋
,中心的圖形巧妙地構(gòu)成了佛教的萬字符。
黑神話的界面如何詮釋東方美學(xué)?
 
 
黑神話的界面如何詮釋東方美學(xué)?
 
 
這些精妙的設(shè)計(jì)不僅體現(xiàn)了游戲滿滿的誠意和
“表面功夫”
,還體現(xiàn)了游戲界面在扁平風(fēng)格下極高的完成度和文化背景。因此,在界面視覺設(shè)計(jì)中,
圖形
其實(shí)是我們深入細(xì)化界面的一個(gè)絕佳載體,并且也能夾帶一些文化背景的“私貨”進(jìn)去。
 
若繼續(xù)深挖黑神話中的圖形,我們會(huì)發(fā)現(xiàn)其設(shè)計(jì)的
“里子”
同樣耐人尋味,其設(shè)計(jì)絕非是
“繡花枕頭”
。
黑神話的界面如何詮釋東方美學(xué)?
 
 
《黑神話》設(shè)計(jì)的
“里子”
正是游戲中使用的視覺元素與功能暗示上的完美結(jié)合。它的設(shè)計(jì)并不僅僅追求美觀,還暗示了界面或圖形的功能與意圖,體現(xiàn)了設(shè)計(jì)師對(duì)傳統(tǒng)東方元素意義的挖掘。
 
例如,加成道具的背景底板圖案被設(shè)計(jì)為桃子的剪影,這并非隨意為之。
 
桃子在中國傳統(tǒng)文化中象征健康與長(zhǎng)壽,這與加成道具提升血量和體力的功能完美契合。
黑神話的界面如何詮釋東方美學(xué)?
 
 
再看
“靈光點(diǎn)”
,也就是游戲中的技能點(diǎn)圖標(biāo)。從圖形上來看,它與道教中的“三花聚頂”概念相呼應(yīng),三個(gè)水滴狀圖形向中心匯聚。
黑神話的界面如何詮釋東方美學(xué)?
 
 
三花聚頂指的是通過修煉精、氣、神,使三者能量在頭頂匯聚,達(dá)到身心統(tǒng)一與升華的境界,這恰好契合游戲中技能點(diǎn)用于提升角色能力的功能。
 
除此之外,圖標(biāo)旁的三個(gè)裝飾點(diǎn)也象征著孫悟空在
三星洞
中學(xué)習(xí)各種神通法術(shù),這與技能點(diǎn)用于提升技能的設(shè)定不謀而合。
 
同時(shí),該圖標(biāo)也和下圖佛教中心的三太極標(biāo)志有著幾分相似。這巧妙融匯了道教與佛教的元素,也與《西游記》中多宗教融合的文化內(nèi)涵相呼應(yīng)。
黑神話的界面如何詮釋東方美學(xué)?
 
 
界面背景上的每幅畫也都十分考究,例如在
修行界面
中,背景使用了菩提老祖教授孫悟空本領(lǐng)的壁畫,這讓背景所傳達(dá)的含義與界面提升角色技能的功能相契合。
黑神話的界面如何詮釋東方美學(xué)?
 
 
畫家王怡新繪制的壁畫:《盤中之謎》
畫家王怡新繪制的壁畫:《盤中之謎》
 
在第二關(guān)獅駝嶺的隱藏地圖中,我們也能看到這幅壁畫。這幅畫運(yùn)用工筆重彩技法,線條細(xì)膩、設(shè)色典雅。
黑神話的界面如何詮釋東方美學(xué)?
 
 
而在
游記界面
,也就是游戲的故事圖鑒系統(tǒng),背景畫名為
《真經(jīng)有價(jià)》
,再現(xiàn)了唐僧師徒四人在靈山為阿儺、伽葉奉上賄賂后,換得真經(jīng)卻發(fā)現(xiàn)經(jīng)書是空白的,最終返回靈山,用紫金缽換取真正有字的經(jīng)書的典故。也表示了師徒四人歷經(jīng)九九八十一難,最終取得真經(jīng)的情景。
黑神話的界面如何詮釋東方美學(xué)?
 
 
畫家王宇為繪制的:《真經(jīng)有價(jià)》
畫家王宇為繪制的:《真經(jīng)有價(jià)》
 
 的確《黑神話》的視覺設(shè)計(jì)充滿了無數(shù)的細(xì)節(jié)與隱喻,但一個(gè)優(yōu)秀的設(shè)計(jì)真的只是簡(jiǎn)單地往上
堆疊元素
嗎?
黑神話的界面如何詮釋東方美學(xué)?
 
 
答案當(dāng)然是否定的,《黑神話》的設(shè)計(jì)可以說是十分克制且思路清晰。
 
在此前的試玩版中,我們看到的界面有些雜亂,物品欄和角色屬性的配色過于花哨,還顯得有些凌亂,稱不上優(yōu)秀。然而,在正式版中,這些問題得到了極大的改善,而這一切都?xì)w功于設(shè)計(jì)的克制。
上圖為測(cè)試版
上圖為測(cè)試版
 
設(shè)計(jì)師克制了不同色相的使用。在道具欄中,未選中的道具不再像之前那樣色彩斑斕,而是僅用一個(gè)小橫條來表示品質(zhì)。(想起了被策劃拿槍指著讓把品質(zhì)底板做顯眼的恐懼)
 
只有當(dāng)?shù)谰弑贿x中時(shí),才會(huì)顯示完整的品質(zhì)顏色,并且用色也變得更加干凈、清新。
上圖為正式版
上圖為正式版
 
這樣的設(shè)計(jì)不僅讓玩家能夠更加專注于當(dāng)前選中的道具,還提升了視覺的高級(jí)感,同時(shí)提升了功能的體驗(yàn)和視覺的效果。
 
這也體現(xiàn)了設(shè)計(jì)師在用戶體驗(yàn)上做
“減法”
的清晰思路。
 
在戰(zhàn)斗界面的迭代上我們也能看到類似的
“減法”
 
老版本在角色變身后,界面左右都有特殊的圖形裝飾。
左圖為碧塵、右圖為廣智變身后的血條
左圖為碧塵、右圖為廣智變身后的血條
 
在正式版中,左邊血條上的特殊圖形被去掉了,換成了統(tǒng)一的煙云效果。
上圖為正式版的統(tǒng)一煙云血條
上圖為正式版的統(tǒng)一煙云血條
 
 
為什么設(shè)計(jì)師要這樣做呢?
 
老版本中左下角的圖標(biāo)表意不明,幾乎只是起到了裝飾作用,無法提供有價(jià)值的功能提示。而右下角的變身角色圖形則已經(jīng)具備了展示當(dāng)前變身角色的功能,半身像的設(shè)計(jì)也有更強(qiáng)的角色辨識(shí)度。
黑神話的界面如何詮釋東方美學(xué)?
 
 
新版本在此基礎(chǔ)上進(jìn)一步優(yōu)化,明確了界面各區(qū)域的功能分布。玩家只需關(guān)注左下角的血條信息,右下角則專注于變身角色的狀態(tài),這種清晰的界面布局大大提升了游戲的用戶體驗(yàn)。
黑神話的界面如何詮釋東方美學(xué)?
 
 
 
‍那為什么設(shè)計(jì)成煙云的造型?
 
這其實(shí)是在和角色變身時(shí)的特效做關(guān)聯(lián),讓角色特效和界面圖形有更多的呼應(yīng)。‍‍
黑神話的界面如何詮釋東方美學(xué)?
 
 
變身廣智的煙云特效
 
如果對(duì)比歷代版本的截圖與正式版,我們可以清晰地看到許多顯而易見的界面優(yōu)化。這也說明了,界面設(shè)計(jì)往往需要在多個(gè)版本中不斷地迭代更新,才能最終打磨出理想的效果。‍
黑神話的界面如何詮釋東方美學(xué)?
 
 
‍《黑神話:悟空》的發(fā)布,毫無疑問將成為中國游戲發(fā)展史上的重要里程碑。它不僅憑借出色的視覺效果和創(chuàng)新的玩法贏得了全球玩家的廣泛贊譽(yù),游戲界面設(shè)計(jì)也同樣充滿了獨(dú)特的魅力。
 
表面上,界面中運(yùn)用了大量的文化符號(hào),但如果深入探究其“里子”,你會(huì)發(fā)現(xiàn)設(shè)計(jì)師對(duì)傳統(tǒng)元素背后意義與界面功能的巧妙融合。
 
通過精準(zhǔn)的設(shè)計(jì)“減法”迭代,游戲的用戶體驗(yàn)得到了極大提升。每一個(gè)細(xì)節(jié),都彰顯了設(shè)計(jì)師的匠心獨(dú)運(yùn)與創(chuàng)造力。
黑神話的界面如何詮釋東方美學(xué)?
 
 
設(shè)計(jì)之路從來不是一帆風(fēng)順,就像《西游記》中孫悟空護(hù)送師父西天取經(jīng)的旅程一樣,充滿了重重挑戰(zhàn)和艱難險(xiǎn)阻。
 
然而,正如孫悟空一路上不斷找人相助、借用各種法寶來化解危機(jī)一樣,我們的目標(biāo)就是幫助更多的“
設(shè)計(jì)取經(jīng)人
”,突破九九八十一難,最終成功取得屬于你們的“真經(jīng)”!
 
 

作者:葉子學(xué)堂
鏈接:https://www.zcool.com.cn/article/ZMTYzNDE3Ng==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

 

藍(lán)藍(lán)設(shè)計(jì)(www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔