視覺傳達設計要素在游戲圖形用戶界面中的應用研究

摘要：游戲圖形用戶界面是游戲產品的重要部分，將游戲內容通過視覺信息向玩家傳遞。文章闡述了文字、圖形、色彩等視覺傳達設計要素在游戲圖形用戶界面中的應用原則，并通過游戲實例來分析三大設計要素的具體應用及其效果，為今后優化游戲產品的視覺部分提供可借鑒的思路。

關鍵詞：視覺傳達設計要素;游戲圖形用戶界面;應用

中圖分類號：J524 文獻標識碼：A

文章編碼：1672-7053（2020）04-0100-02

1 視覺傳達設計要素解析

視覺傳達是指設計師利用視覺符號向觀眾傳遞信息[1]。它涉及到語言學、心理學、美學、傳播學等多個學科，具有較強的綜合性。目的是讓人們通過眼睛所能看到的事物獲得感官刺激，從而掌握特定的內容信息。在實際設計中，為了達到“吸引觀眾看”“讓觀眾理解”“讓觀眾看后不會忘記”的目的，設計師需要合理運用視覺傳達三大設計要素——文字、圖形、色彩，并進行有機組合。該三大設計要素解析如下：

1.1文字要素

文字是視覺傳達中最基本的元素[2]，也是最常用的信息傳遞方式，全面、直觀、傳統是其主要表達特點。古往今來，中國文字不斷地變更，最初只是為了方便生活，用文字來記錄，而現在更多的是一種廣告效應，起傳達信息的作用。在視覺傳達設計中，文字除了其內容的填充，往往還對其字體樣式、風格進行設計，賦予其豐富的藝術內容和人文情感，更具傳播意味。

1.2圖形要素

圖形傳遞的信息具有生動直觀、快速記憶的效果。相較于語言文字的表達，圖形不僅可以有效避免地域文化的理解性偏差，還可以化抽象為具體，更容易被大眾接受，并且，它還具有時效性特點，所表達的信息會隨著時代的不同而有所變化。

1.3色彩要素

色彩是視覺傳達設計中不可或缺的元素，能直接刺激人眼，給人帶來強烈的情緒暗示和心理暗示，是人眼辨別速度最快的視覺元素。比如，紅色給人活力、熱情的感覺，藍色、白色則給人平靜、干凈的感覺。而文字和圖形在傳遞信息時也會受到色彩的影響，因此，色彩在“第一眼印象”中的作用尤為重要。

2 游戲圖形用戶界面的概念

圖形用戶界面，又稱GUI，即Graphical User Interface的縮寫，是UI（用戶界面）的一個分類，泛指在計算機屏幕上以圖形方式顯示的用戶操作界面，將機械難懂的電腦語言轉化成簡單易懂的圖形信息，幫助用戶對操作內容的識別和理解[3]。

游戲圖形用戶界面即游戲GUI，則是將游戲內容以游戲界面和游戲圖標為載體，通過文字、圖像等視覺信息明確、合理地呈現給玩家，引導玩家的游戲行為。

3 視覺傳達設計要素在游戲圖形用戶界面中的應用原則

游戲GUI設計部分是結合游戲交互需求和用戶人體習慣，對游戲圖標和界面進行視覺上的設計，以傳遞游戲的內容信息。而視覺傳達所側重的信息可視化正好也是游戲GUI的設計要求，利用文字、色彩、圖形等二維空間的視覺影響來優化玩家與游戲之間的距離感，可以起吸引、解釋、引導的作用。為確保游戲產品的可玩性和代入性，視覺傳達設計要素在應用過程中還要循序以下基本原則：

3.1一致性原則

游戲GUI視覺傳達設計要素應用于游戲的背景時要滿足一致性原則。游戲的文化背景可以是真實的歷史，也可以是完全架空的故事。不同的游戲世界觀下GUI設計會采用不同的視覺元素，像具有代表性的字體、物品、材質、紋樣、顏色等。如：手游《率土之濱》是一款以三國歷史為背景的游戲。為了讓玩家親身體驗“運用謀略，演繹一個個不輸于真實歷史的經典戰役”，發行商在視覺設計上也還原了一個極具歷史味道的游戲世界，銅錢、虎符、龍紋、水墨等中國傳統元素在界面中隨處可見，隨著這些特定的視覺信息引導，玩家逐漸沉浸其中。因此，游戲GUI中視覺傳達設計要素需要與游戲文化背景以及美術風格保持一致，以避免視覺信息的雜糅導致玩家無法理解游戲內容。

3.2功能優先原則

游戲GUI設計師在設計時會偏重于游戲界面的美觀性，但當視覺元素與游戲的操作功能產生矛盾時，應仍要以傳遞功能內容為重點。如果在一個按鍵的圖形設計中，加入許多花紋元素，蓋過了其“點擊”功能，容易被玩家判斷為普通的圖案信息。這種采用過多的裝飾，會造成視覺干擾，使得玩家不易找到自己想要的游戲信息，降低其游戲體驗[4]。因此，視覺傳達設計元素在游戲GUI的應用中加入創新、美觀的設計時，要優先考慮其功能信息傳遞的有效性。

3.3習慣性原則

人的習慣通常是順應自然規律的。在游戲界面中，圖標的視覺要素設計會盡可能詳細地刻畫出其細節特征，而該特征的存在要符合人的理解習慣，才能使玩家易于接受，并快速分辨其物理特性。以圖標中布料元素為例，其設計成邊角翹起，而非現實自然規律的垂邊或褶皺，則會使得其辨識度下降，讓玩家潛意識認為是紙質等其它材質。因此，視覺傳達設計要素的設計應用要滿足人體習慣，才能提升玩家的游戲感。

4 視覺傳達設計要素在游戲圖形用戶界面中的應用分析

4.1文字在游戲圖形用戶界面中的具體應用

橫向排版和色彩區分能增強多字類信息的易讀性。游戲中，活動內容、劇情任務、數據信息的文字運用為正文類或輔助類文字，字數較多，其設計重點是文字的排版，優先保證良好的識別性。如：人眼的視線相較于豎向移動，更習慣橫向移動，更不容易疲勞。因此，內容較多的文字在無特殊情況下多采用橫向排版方式。而字色也要與背景色有明顯區別，淺背景要搭配深色的字，深色背景要搭配淺色的字，才不會讓文字難以閱讀，如：深藍背景要選用白色、黃色等明度較高或能形成對比的字色。但有時候文字下面的游戲背景可能并不是純色的，則文字與游戲背景之間可多加一層半透明的純色塊，調和復雜的背景顏色，以提高文字內容的辨識度。

視覺元素的設計能增加少量字類信息的內容完整性。游戲標志和活動主題的字數一般較少，甚至只有一、兩個字，卻往往擔起傳遞“核心”信息的責任，還要滿足高辨識度、吸睛、易于記憶的特點。因此，該類文字的設計通常會根據游戲風格、背景題材或活動核心內容提取可用的視覺元素，對其文字做創新性設計，盡可能豐富其內容，完整講述核心主題。如：《精靈契約》的風格題材是歐美寫實Q版的部落斗爭，則游戲LOGO采用了代表性的石頭、樹木和寶石為視覺元素進行文字設計，每個文字的大小勻稱，位置分布均勻，讓玩家更容易明白游戲的大致內容，且印象深刻。

4.2圖形在游戲圖形用戶界面中的具體應用

界面中特征化的圖形信息能吸引特定風格的游戲玩家。每個玩家的興趣愛好不同，喜歡的游戲風格也會不一樣[5]。對于游戲風格題材的表達，圖形元素的特征化設計最為常見的。如：歷史戰爭類的玩家可能更喜歡寫實風格游戲，那么界面就會著重描繪具象元素;休閑類玩家更喜歡輕松愉悅的Q版風格游戲，其界面會充斥著圓角類的可愛元素;而二次元愛好者喜歡卡通風格游戲，界面就會有夸張的變形元素。在這基礎上圖形要素的設計還要具有創新性，每一款游戲都要有其特有的GUI設計而非普遍大眾的，才能讓玩家看到某一處就能知道是哪個游戲產品。

圖標中具有明確的圖形信息能優化玩家的游戲體驗。游戲圖標的造型元素都是源于實物或經驗，具備直觀明了的特點。從單個圖標設計來看，其圖像造型要明確，可以是側向俯視的標準角度，來引導玩家注意其外形特征，從而快速判斷其內容及作用，減少學習和記憶的成本。這點在MOBA這類競技性強的游戲中有積極影響，英雄的身份不同，其對應的裝備屬性也有所不同。在激烈“戰斗”時，玩家不希望在裝備的選擇上耽誤過多時間。因此，裝備圖標需要更明確的指向性，如魔法師的裝備應該有人們記憶中魔法帽、法杖、斗篷等法術工具。對于有升級過程的裝備圖標，其升級前后的形象也要有共有的外形特征，才能有所關聯，歸為一組，便于識別點擊。

4.3色彩在游戲圖形用戶界面中的具體應用

界面中具有游戲風格特征的色彩搭配，能增強玩家的游戲感受。游戲的風格題材的不同，其環境氛圍也要有所區別，其色彩搭配在游戲GUI中也會有所不同。如：科技題材的游戲界面通常以藍色、白色、銀色的搭配為主，體現科技感、未來感;戀愛題材的游戲界面以淺粉色、白色等高明度、低飽和的色彩搭配為主，體現小清新的少女感，吸引女性玩家;恐怖題材的游戲則以黑色、深紫色為主，烘托神秘、緊張的氣氛。色彩帶來的不同游戲氛圍，更能幫助引導玩家的情緒，提高玩家的游戲積極性。

國標中的色彩信息除了能體現游戲美術風格外，還能表示圖標的作用及等級狀態。如：技能圖標中治療類圖標多數為綠色，物理類圖標則大多為紅色，而紫色是神秘的代表，常在夢幻類圖標中看到[6]。另外，根據生活經驗，銅、銀、金的價值依次升高，而在游戲中其對應的青色、銀色、金色所代表的等級也越來越高。因此，等級圖標通常以這種慣性色彩區分方式來識別。對于有品級要求的圖標也有業內普遍的色彩等級，一般從低到高依次是白、綠、藍、紫、金、橙、紅等。

5 結語

游戲圖形用戶界面作為玩家對游戲第一印象的視覺要素，是游戲畫面重要組成部分。通過對現有游戲產品的分析，文字、圖形、色彩等視覺傳達設計要素在游戲圖形用戶界面中應用時，要遵循一致性、功能優先、習慣性等應用原則，再根據實際的游戲內容和特定的玩家需求，進行創造設計，以確保緩解視覺疲勞的有效性和增強游戲世界的代入感。由此看來，在游戲圖形用戶界面設計中，設計師可以結合游戲特性，深入研究視覺傳達設計要素，提出更多有效傳遞信息的可能性方案，為玩家提供更好的用戶體驗。

參考文獻

[1]沈彬彬.視覺傳達藝術設計的創新設計理念分析[J].美術教育研究，2015（09）：101.

[2]邵兵，闞旭陽.淺談手機游戲GUI設計的視覺表現[J].藝術教育，2019（04）：205-206.

[3]曹逸心.圖形語言在視覺傳達設計中的應用研究[J].大眾文藝，2019（21）：82-83.

[4]張睿.視覺傳達構成要素在游戲UI中的運用研究[J].無線互聯科技，2017（21）：82-83.

[5]郝謹.淺談游戲風格對玩家游戲方式的影響[J].現代交際，2013（06）：100+99.

[6]邵亞楠.國標設計在智能手機游戲界面中的運用分析[J].藝術科技，2018，31（11）：83-84.

[7]陶宇.基于用戶體驗的游戲復雜界面設計分析及可用性評價研究[J].工業設計，2019（03）：126-127.

作者簡介

李莎/1995年生/女/重慶人/碩士在讀/研究方向為數字媒體藝術（廣東廣州510090）