游戲UI 設(shè)計(jì)中視覺藝術(shù)元素的構(gòu)成

張譯予

（信陽學(xué)院，河南 信陽 464000）

游戲UI 設(shè)計(jì)是建立在科學(xué)上的設(shè)計(jì)門類，其目的是滿足玩家需求，降低玩家理解成本并使其對(duì)游戲留下深刻美好的印象。游戲UI 涉及知識(shí)面廣泛，綜合了創(chuàng)造性、設(shè)計(jì)性、邏輯性以及美學(xué)性。游戲UI 設(shè)計(jì)包含交互設(shè)計(jì)以及視覺界面設(shè)計(jì)，在游戲UI 具備良好的交互性的同時(shí)，具備配套的視覺設(shè)計(jì)，可以促使交互更好被習(xí)得，也能使玩家擁有更好的游戲體驗(yàn)，使其愉悅。

1 視覺藝術(shù)元素存在的意義

1.1 增加易用性、好用性

游戲UI 設(shè)計(jì)以用戶為核心，盡可能便于操作，直接順暢，同時(shí)盡可能直觀呈現(xiàn)，簡化內(nèi)容的復(fù)雜程度。

相對(duì)于文字對(duì)于精力的耗費(fèi)性，貼近人認(rèn)知的圖標(biāo)能減少用戶思考時(shí)間和降低完成任務(wù)的難度，從色彩、形狀、版式等方面突出頁面層級(jí)的重點(diǎn)，將內(nèi)容以最為直觀的方式展現(xiàn)出來，引導(dǎo)玩家更好地在自然狀態(tài)下進(jìn)行交互操作，增加玩家控制感；同時(shí)，視覺元素也增加了游戲UI 設(shè)計(jì)的趣味性，達(dá)到易用性與好用性的結(jié)合[1]。

功能的易用性是游戲UI 設(shè)計(jì)的首要因素，它決定著一個(gè)游戲的核心體驗(yàn)；藝術(shù)視覺元素決定游戲外在表現(xiàn)，能夠有效提升游戲的整體市場(chǎng)價(jià)值。

1.2 建立與玩家的情感聯(lián)系

優(yōu)秀的視覺藝術(shù)元素可以有效幫助玩家在游戲中擁有控制感。提供給玩家有效而具有情感傾向的反饋及幫助。

例如手機(jī)MOBA 類游戲《虛榮》，當(dāng)玩家逃跑以后再次登錄游戲，就會(huì)出現(xiàn)紅色“逃兵”字體，警示玩家游戲在進(jìn)行中不要輕易逃跑，以免影響隊(duì)友的游戲體驗(yàn)性。再如手機(jī)休閑游戲《保衛(wèi)蘿卜》，當(dāng)網(wǎng)絡(luò)鏈接不可用時(shí)，出現(xiàn)萌化表情輔以文字對(duì)當(dāng)前情況進(jìn)行說明，讓玩家能夠知道問題所在，且更愿意嘗試。其他大型網(wǎng)絡(luò)游戲也會(huì)在玩家人物陣亡后給予積極反饋，有的畫面會(huì)變?yōu)榛疑瑏硖嵝淹婕乙殃囃龅氖聦?shí)及原因，并給予選項(xiàng)指引下一步該如何進(jìn)行。

具有感情情緒及傾向的視覺元素，更能讓玩家感受到關(guān)愛，產(chǎn)生情緒共鳴，建立游戲與玩家之間的情感聯(lián)系以及信任感。

1.3 傳遞情感化人文關(guān)懷

游戲UI 的視覺元素例如色彩、質(zhì)感、圖形比例節(jié)奏等的統(tǒng)一和諧帶給玩家直觀感受，觸發(fā)玩家游戲情感。

對(duì)于熟悉的或者感知過的事物，人的大腦更容易被喚醒，記憶的喚醒能更好地促使人產(chǎn)生認(rèn)同感。因此，游戲的設(shè)計(jì)師會(huì)根據(jù)人的行為習(xí)慣、心理特征來進(jìn)行視覺元素的設(shè)計(jì)。例如網(wǎng)絡(luò)游戲《劍俠情緣3》中門派圖標(biāo)反復(fù)出現(xiàn)，通過潛移默化的方式進(jìn)入玩家的記憶，讓玩家能夠?qū)ψ约旱拈T派產(chǎn)生認(rèn)同感，并能對(duì)其他門派進(jìn)行快速區(qū)分，在對(duì)戰(zhàn)中可以進(jìn)行針對(duì)性切磋。

2 游戲UI 設(shè)計(jì)中的視覺藝術(shù)元素

設(shè)計(jì)師個(gè)人審美素養(yǎng)影響其作品的高度與美學(xué)趣味，這也是設(shè)計(jì)師區(qū)別于策劃等其他職業(yè)最為顯著的特征，也是影響設(shè)計(jì)師在進(jìn)行游戲UI 視覺元素設(shè)計(jì)的關(guān)鍵所在。藝術(shù)源于生活而高于生活，審美情趣及創(chuàng)意可以在不斷的實(shí)踐與體驗(yàn)中不斷豐富與提升的。

就游戲UI 而言，其視覺元素大致包含：色彩構(gòu)成、平面構(gòu)成、字體設(shè)計(jì)、體感質(zhì)感等。

2.1 色彩構(gòu)成

色彩構(gòu)成作為設(shè)計(jì)師必修課程之一，是通過科學(xué)方法對(duì)顏色進(jìn)行分析，按照規(guī)律進(jìn)行組合創(chuàng)新。游戲UI 中的色彩是服務(wù)于游戲本身的，不僅需要具有美學(xué)意義，還需要促進(jìn)游戲功能的展示及利用。

2.1.1 影響玩家游戲體驗(yàn)性

相較于形態(tài)，人的感官在20 秒內(nèi)更注重色彩。給予玩家第一印象的并非游戲世界觀、游戲內(nèi)容，也并非頁面版式布局，而是色彩的搭配呈現(xiàn)出的整體視覺觀感。游戲界面色彩帶給玩家的視覺體驗(yàn)往往直接影響玩家對(duì)一款游戲的直觀感受?？梢哉f，一款游戲、游戲UI 設(shè)計(jì)是否能吸引玩家，色彩具有至關(guān)重要的作用。

2.1.2 提現(xiàn)游戲內(nèi)容及風(fēng)格

色彩對(duì)于游戲世界觀、風(fēng)格有直接的把控和體現(xiàn)。休閑性質(zhì)的游戲配色往往更為輕快、明麗、可愛，令玩家可以在輕松情境下進(jìn)行游戲；如《黎明殺機(jī)》這類偏于恐怖性質(zhì)的游戲，色彩更為沉暗，展現(xiàn)游戲內(nèi)容、風(fēng)格特色；科幻風(fēng)格的游戲則配色更為未來，具有科技感，直白地向玩家傳達(dá)游戲背景，例如《賽博朋克2077》。

圖1

2.1.3 服務(wù)于游戲功能，引導(dǎo)交互操作

人的大腦會(huì)自動(dòng)對(duì)信息進(jìn)行加工分類，對(duì)于更為突出的部分默認(rèn)為主體并加以關(guān)注。游戲UI 設(shè)計(jì)通過色彩的明暗、艷麗與輪廓完整度，來暗示玩家主體部分存在，引導(dǎo)玩家進(jìn)行預(yù)設(shè)的交互操作。在用色配色上，主調(diào)與輔助色相輔相成，互為區(qū)分，強(qiáng)調(diào)重點(diǎn)，減少玩家思考耗時(shí)。

游戲UI 界面設(shè)計(jì)的色彩通常根據(jù)游戲場(chǎng)景及人物來設(shè)定，服務(wù)于游戲的整體性。色彩本身具有其內(nèi)在含義，能對(duì)人產(chǎn)生心理暗示作用，游戲想要傳達(dá)的感受，可以通過游戲UI 界面的色彩進(jìn)行有效傳達(dá)，柔和或強(qiáng)烈，輕松或緊張。本質(zhì)上都是服務(wù)于游戲本身。

2.2 平面構(gòu)成

平面構(gòu)成同樣是設(shè)計(jì)師必備課程、現(xiàn)代造型概念要素，由點(diǎn)線面構(gòu)成圖形。圖形是游戲UI 設(shè)計(jì)中必需要素。它綜合多領(lǐng)域諸如物理學(xué)、數(shù)學(xué)、心理學(xué)等的理念，形式包括矛盾空間、重復(fù)、集結(jié)、特異、肌理等[2]。

2.2.1 裝飾性與功能傳達(dá)性

圖形元素是美學(xué)的一種展示，增加游戲UI 的美感，引發(fā)玩家使用的愉悅感受，同時(shí)它將圖標(biāo)、任務(wù)、說明性文字等與背景、人物區(qū)分開來，起到易用性作用[3]。心理學(xué)許多流派在研究人們的意識(shí)行為，其中格式塔解釋了人們對(duì)圖像的理解加工是如何通過視覺進(jìn)行的。人類習(xí)慣通過經(jīng)驗(yàn)將物體整合歸類，因此圖形大小、形狀、排列、組合的方式不同，所傳遞的信息也不盡然相同，這些規(guī)則的運(yùn)用可以直白地傳達(dá)其功能用法、信息表達(dá)。

《王者榮耀》主頁中導(dǎo)航圖標(biāo)雖然形態(tài)不同，各自有其表意，但它們大小與排列相似，傳遞給玩家的信息是——它們?yōu)橥?jí)別導(dǎo)航功能?！短摌s》手游中工會(huì)信息欄，當(dāng)玩家手指停留在工會(huì)成員的個(gè)人資料信息上時(shí)，成員資料所在整行將由單獨(dú)矩形條將其隔離統(tǒng)一出來，令玩家能夠高效讀取信息。

根據(jù)人大腦本能狀態(tài)，會(huì)更關(guān)注大的圖標(biāo)，這一原則在游戲UI 中的運(yùn)用，則確定了視覺元素的基本層級(jí)關(guān)系，具有明確導(dǎo)向性，引導(dǎo)玩家做出選擇。例如《英雄聯(lián)盟》手游中的“play”按鈕，在界面占據(jù)足夠大的位置，突出了其重點(diǎn)性，迅速吸引玩家視覺及注意力，傳達(dá)這一圖標(biāo)的功能性。

2.2.2 傳遞情感

圖形的不同形狀所帶的抽象感覺可對(duì)情感進(jìn)行傳達(dá)。例如在人的潛意識(shí)中，三角形與危險(xiǎn)緊張有關(guān)聯(lián)性；圓形與圓角傳遞可愛輕松的情緒；方形則更多具有強(qiáng)烈、安全。因此在休閑類游戲中，例如《保衛(wèi)蘿卜》《夢(mèng)幻家園》《歡樂斗地主中》圖形元素更多使用圓角類，傳遞輕松、愉悅的情緒，令玩家能夠得到放松，感受到游戲傳達(dá)的情感。而如《黎明殺機(jī)》偏于恐怖類型的游戲，在圖形上更多使用三角形以傳遞緊張、危險(xiǎn)的情緒氛圍，更好地突出游戲風(fēng)格。

2.3 字體設(shè)計(jì)

字體設(shè)計(jì)是游戲UI 設(shè)計(jì)的視覺要素之一，不僅負(fù)有傳遞信息的功能，還負(fù)有引發(fā)玩家情感的作用。

2.3.1 傳遞信息

字體設(shè)計(jì)存在的主要目的是更好地傳達(dá)信息，在追求視覺效果的同時(shí)，其結(jié)構(gòu)必須清晰是最基本的要求。例如游戲中有武器及技能使用說明時(shí)，文字則起到解釋性功能，其目的在于精準(zhǔn)傳遞游戲信息。

2.3.2 傳遞情感

文字之間的節(jié)奏韻律感可以使文字設(shè)計(jì)富有活力與創(chuàng)造力。游戲UI 設(shè)計(jì)中的logo、反饋、商城、活動(dòng)橫幅等很多地方都需要文字設(shè)計(jì)的支持。例如《英雄聯(lián)盟》在比賽賽程、商品活動(dòng)等中，字體通過變形扭曲的形勢(shì)，起到宣傳強(qiáng)調(diào)、傳遞緊迫感等作用，調(diào)動(dòng)玩家情感與積極性。

2.4 體感、質(zhì)感

體感與質(zhì)感是游戲UI 設(shè)計(jì)中圖標(biāo)和物體的真實(shí)感再現(xiàn)。

2.4.1 突出重點(diǎn)，指引交互

同圖形原則一樣，更為立體的、質(zhì)感更強(qiáng)的通常被認(rèn)為是主體，相對(duì)弱化的則是次重點(diǎn)或者背景。因此，當(dāng)交互性按鈕帶有明顯立體感在界面上得到突出時(shí)，玩家會(huì)直接理解這是可點(diǎn)擊的控件，可對(duì)其進(jìn)行操作。

2.4.2 減少認(rèn)知障礙

人們感知事物的真實(shí)屬性，取決于人們對(duì)其的理解。例如，游戲商城中，價(jià)值更高的禮包其質(zhì)感與體感明顯優(yōu)于價(jià)值略低的禮包，這可以從形態(tài)上進(jìn)行區(qū)分和突出價(jià)值，同時(shí)也能說服玩家，減少玩家對(duì)不同禮包進(jìn)行區(qū)分認(rèn)知耗費(fèi)的精力。不同物體的體感與質(zhì)感的塑造，例如藥水、裝備，裝備之中不同材質(zhì)諸如鐵質(zhì)、木質(zhì)，不同級(jí)別諸如粗糙、精致，體感與質(zhì)感塑造得越好，越是能引發(fā)玩家得潛意識(shí)認(rèn)知，從而迅速無障礙地確認(rèn)物品的屬性、珍貴的程度、獲得的難易程度。

3 總結(jié)

綜上所述，色彩構(gòu)成、平面構(gòu)成、字體設(shè)計(jì)以及體感質(zhì)感的表達(dá)，是構(gòu)成游戲UI 設(shè)計(jì)中不可或缺的視覺元素。這些視覺元素服務(wù)于游戲本身，從功能出發(fā)，結(jié)合美學(xué)、心理學(xué)等，確保玩家能夠更好地進(jìn)行交互操作，同時(shí)盡可能傳遞游戲情感，調(diào)動(dòng)玩家的積極性，給予玩家愉悅的游戲體驗(yàn)，達(dá)到生理與心理的雙重享受。