游戲UI 設計中視覺藝術元素的構成

張譯予

（信陽學院，河南 信陽 464000）

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

1 視覺藝術元素存在的意義

1.1 增加易用性、好用性

游戲UI 設計以用戶為核心，盡可能便于操作，直接順暢，同時盡可能直觀呈現，簡化內容的復雜程度。

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

功能的易用性是游戲UI 設計的首要因素，它決定著一個游戲的核心體驗；藝術視覺元素決定游戲外在表現，能夠有效提升游戲的整體市場價值。

1.2 建立與玩家的情感聯系

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

例如手機MOBA 類游戲《虛榮》，當玩家逃跑以后再次登錄游戲，就會出現紅色“逃兵”字體，警示玩家游戲在進行中不要輕易逃跑，以免影響隊友的游戲體驗性。再如手機休閑游戲《保衛蘿卜》，當網絡鏈接不可用時，出現萌化表情輔以文字對當前情況進行說明，讓玩家能夠知道問題所在，且更愿意嘗試。其他大型網絡游戲也會在玩家人物陣亡后給予積極反饋，有的畫面會變為灰色，來提醒玩家已陣亡的事實及原因，并給予選項指引下一步該如何進行。

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

1.3 傳遞情感化人文關懷

游戲UI 的視覺元素例如色彩、質感、圖形比例節奏等的統一和諧帶給玩家直觀感受，觸發玩家游戲情感。

對于熟悉的或者感知過的事物，人的大腦更容易被喚醒，記憶的喚醒能更好地促使人產生認同感。因此，游戲的設計師會根據人的行為習慣、心理特征來進行視覺元素的設計。例如網絡游戲《劍俠情緣3》中門派圖標反復出現，通過潛移默化的方式進入玩家的記憶，讓玩家能夠對自己的門派產生認同感，并能對其他門派進行快速區分，在對戰中可以進行針對性切磋。

2 游戲UI 設計中的視覺藝術元素

設計師個人審美素養影響其作品的高度與美學趣味，這也是設計師區別于策劃等其他職業最為顯著的特征，也是影響設計師在進行游戲UI 視覺元素設計的關鍵所在。藝術源于生活而高于生活，審美情趣及創意可以在不斷的實踐與體驗中不斷豐富與提升的。

就游戲UI 而言，其視覺元素大致包含：色彩構成、平面構成、字體設計、體感質感等。

2.1 色彩構成

色彩構成作為設計師必修課程之一，是通過科學方法對顏色進行分析，按照規律進行組合創新。游戲UI 中的色彩是服務于游戲本身的，不僅需要具有美學意義，還需要促進游戲功能的展示及利用。

2.1.1 影響玩家游戲體驗性

相較于形態，人的感官在20 秒內更注重色彩。給予玩家第一印象的并非游戲世界觀、游戲內容，也并非頁面版式布局，而是色彩的搭配呈現出的整體視覺觀感。游戲界面色彩帶給玩家的視覺體驗往往直接影響玩家對一款游戲的直觀感受。可以說，一款游戲、游戲UI 設計是否能吸引玩家，色彩具有至關重要的作用。

2.1.2 提現游戲內容及風格

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

圖1

2.1.3 服務于游戲功能，引導交互操作

人的大腦會自動對信息進行加工分類，對于更為突出的部分默認為主體并加以關注。游戲UI 設計通過色彩的明暗、艷麗與輪廓完整度，來暗示玩家主體部分存在，引導玩家進行預設的交互操作。在用色配色上，主調與輔助色相輔相成，互為區分，強調重點，減少玩家思考耗時。

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

2.2 平面構成

平面構成同樣是設計師必備課程、現代造型概念要素，由點線面構成圖形。圖形是游戲UI 設計中必需要素。它綜合多領域諸如物理學、數學、心理學等的理念，形式包括矛盾空間、重復、集結、特異、肌理等[2]。

2.2.1 裝飾性與功能傳達性

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

《王者榮耀》主頁中導航圖標雖然形態不同，各自有其表意，但它們大小與排列相似，傳遞給玩家的信息是——它們為同級別導航功能。《虛榮》手游中工會信息欄，當玩家手指停留在工會成員的個人資料信息上時，成員資料所在整行將由單獨矩形條將其隔離統一出來，令玩家能夠高效讀取信息。

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

2.2.2 傳遞情感

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

2.3 字體設計

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

2.3.1 傳遞信息

字體設計存在的主要目的是更好地傳達信息，在追求視覺效果的同時，其結構必須清晰是最基本的要求。例如游戲中有武器及技能使用說明時，文字則起到解釋性功能，其目的在于精準傳遞游戲信息。

2.3.2 傳遞情感

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

2.4 體感、質感

體感與質感是游戲UI 設計中圖標和物體的真實感再現。

2.4.1 突出重點，指引交互

同圖形原則一樣，更為立體的、質感更強的通常被認為是主體，相對弱化的則是次重點或者背景。因此，當交互性按鈕帶有明顯立體感在界面上得到突出時，玩家會直接理解這是可點擊的控件，可對其進行操作。

2.4.2 減少認知障礙

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

3 總結

綜上所述，色彩構成、平面構成、字體設計以及體感質感的表達，是構成游戲UI 設計中不可或缺的視覺元素。這些視覺元素服務于游戲本身，從功能出發，結合美學、心理學等，確保玩家能夠更好地進行交互操作，同時盡可能傳遞游戲情感，調動玩家的積極性，給予玩家愉悅的游戲體驗，達到生理與心理的雙重享受。