【遊戲UI理論知識】遊戲介面設計，一定要掌握的8大風格！

遊戲介面是遊戲產品的重要組成部分，也被稱為遊戲圖形使用者介面。遊戲介面是人和遊戲軟體之間交換資訊的媒介，是一種圖形化的資訊表現形式。


在不同硬體平臺上的遊戲介面被劃分為不同的設計型別。例如，移動裝置、家用遊戲機和個人計算機由於各自硬體的操作方式不同，其遊戲介面的設計也各不相同。在同一平臺上的不同軟體環境下，遊戲介面的設計也不盡相同。

下面，數藝君將給大家講解幾種遊戲介面設計當中，常用的設計風格。

遊戲介面的分類與特點

眾多的硬體平臺和各個平臺使用者不同的遊戲背景建構、遊戲玩法，使遊戲介面的設計方式和設計風格多種多樣。設計一款遊戲的介面時，需要明確其使用者和風格定位，以迎合市場需求。

1.按遊戲背景劃分

遊戲背景指的是一款遊戲所構建的遊戲世界。遊戲所講述的故事、所呈現的畫面，以及所體現的人物和玩法都因為遊戲背景建構的存在才具備合理性。

市面上的遊戲風格有很多，大致可以劃分為5種，分別為魔幻風格、科技風格、東方風格、休閒風格和二次元風格。

☉ 魔幻風格

魔幻風格的遊戲介面設計結合了中世紀歐洲和幻想的一些元素，如盔甲、城堡、騎士、羊皮紙、哥特字型、魔法、吸血鬼等，整體給人以奇幻的感受，細分下來有厚重、扁平等不同型別。


☉ 科技風格

科技風格的遊戲介面設計常應用在帶有高科技、未來感等元素的遊戲中，細分下來有科幻、賽博朋克等不同型別。

該類風格的遊戲介面設計以現實為基礎，並在具體設計中融入了很多超現實的元素，如細密的線條、資料流、程式碼、熒光等，給人新奇、有趣的感受。


而加入的這些超現實元素的靈感則來源於我們日常所見到的一些事物，如老式映象管電視的紋理、舞臺上的鐳射燈照射效果、建築藍圖、蜂巢、昆蟲複眼、積體電路板及伺服器裝置等。


☉ 東方風格

東方風格的遊戲介面細分下來有中國風、和風及中國式和風這3種型別。同時，這些型別的介面有著一些共用的視覺元素，並且伴隨著不同地域行業的不同有著完全不同的發展路徑。

早期的中國風遊戲介面出現在一些武俠單機遊戲中，如《俠客英雄傳xp》《軒轅劍叄外傳：天之痕》等。這些遊戲的介面設計特點是畫素化，並且常用一些邊角花紋、皮膚底紋及卷軸等元素來強調中國風的特點。


隨著時間的推移，中國風遊戲介面在細節設計上的效果變得更加豐富了，並且運用的材質也更為複雜，如木材、生鐵等材質。


在網遊時代開啟之後，也出現了一批國產網路遊戲，色彩以淡雅為主，顏色與質感的對比較強，且題材多樣。

常見的國產網路遊戲題材有金庸題材、三國題材、西遊題材、創新IP題材、網路文學IP衍生的玄幻題材，以及部分經典文學衍生的魔幻題材等。


手遊時代的到來給武俠遊戲市場造成了非常大的衝擊，也徹底釋放了武俠遊戲的品類與市場規模。

同時，從介面設計風格上來說，手遊的特殊操作環境也對手機遊戲介面設計提出了新的要求。與傳統遊戲時代不同的是，手遊時代的武俠類遊戲的介面設計都比較追求輕量化。


和風遊戲介面被賦予了日本文化獨有的魅力，其特徵極其明顯，通常是一些悲觀、激憤及熱血的題材。

在具體設計中，常見的元素有炫光、水墨、3D及書法字型等，以表現其質感和一些特有的情感化效果。


中國式和風遊戲的介面設計是在傳統武俠風格的基礎上做的進一步進化，並且持續吸收外來文化元素，進行著一輪又一輪的創新。

常見的元素有平直線條、動漫人物、摺紙、櫻花、日式建築、木頭、摺扇、紙傘、卷軸及雲紋等，並且這些元素在運用過程中大多都呈現為乾淨利落的效果。


☉ 休閒風格

休閒風格的遊戲主要面向低齡及女性人群。這種風格的介面設計大部分都偏輕鬆和可愛。

在平日裡，我們也習慣將這類風格所表現出的設計風格稱為可愛風格、卡通風格（具體劃分包括日韓卡通風格和美式卡通風格）或Q萌風格。

休閒風格的遊戲介面整體呈現出色調明快、細節概括、造型圓潤及塊面區分明顯的設計特點，給玩家輕鬆、愉悅和有趣的感受。





人在視覺上對某一類美術元素是有刻板印象的，這也是特定的美術元素可以代表特定的情感化元素的根本原因。

可愛或卡通的情感化美術元素的產生，正是與人們對“可愛”這個情感因素產生強聯絡的美術元素所留下的刻板印象有關。

☉ 二次元風格

二次元風格的遊戲是近幾年來比較火的一種遊戲型別。從介面風格上講，它並沒有嚴格意義上且單一維度上的定義。

無論是什麼風格的遊戲介面，其本質都是為遊戲所要表現的內容服務的。在國內二次元包含的內容已經不僅限於其原生國日本所指代的那些文化現象。

綜合目前市面上大部分二次元遊戲的介面風格，我們可以從兩個層面來對這個風格進行深入的瞭解與認識。

從廣義上講，二次元是二維世界的虛擬存在。從這個意義上講，所有使用了二維作畫方式或用三維方式去實現二維視覺風格的美術化表現都可以被稱為二次元風格。

從狹義上講，二次元風格僅指日式二次元的中國化風格，即由日式二次元遊戲的國內代理和模仿日式二次元風格的國內遊戲所構成的一個集合。

在實際的遊戲介面設計工作中，我們所提到的二次元概念大多指的是狹義概念的二次元，即中國化的ACG。

ACG這個名稱取自動畫（Animation）、漫畫（Comic）與遊戲（Game）的英文首字母。


二次元風格的遊戲介面設計受日式動畫和漫畫的影響很大。日式二次元遊戲的介面是所有遊戲裡較為特殊的一種。

日式漫畫的復原、偏好使用純度高的顏色、不是很講究顏色的搭配、大面積使用細碎的花紋裝飾、衝擊力十足的介面打擊動效（包含街機遊戲介面設計特徵）、聒噪的遊戲配音及虛擬少女偶像都是二次元風格遊戲的特點。


同時，在ACG風格上目前還衍生出中國二次元風格的遊戲介面設計。其具體風格的表現與日式二次元有相似之處，但也有所不同，主要區別在於中國風元素的融入。


2.按美術風格劃分

當前市場中出現的主流風格大部分是迭代後出現的新美術風格，包括了前面提到的飽含年代風格的其他美術風格。

如果將這些遊戲介面按照美術風格來進行劃分，可分為畫素風格、水晶風格、寫實風格和扁平風格。

☉ 畫素風格

畫素風格來源於早期的街機的作業系統介面風格。在硬體效能提升之後，人們普遍放棄使用這種風格，取而代之的是更能增強技術能力和美術表現的風格。但到如今，畫素風格依然被保留並運用到部分遊戲介面的設計中。

之所以會出現這樣的情況，原因有：（1）畫素風格具有特定的年代感；（2）清晰的畫素點使得畫素風格對細節有一種神奇的表現效果；（3）畫素風格的運用在硬體損耗方面可以說是一種低成本但表現力較強的設計方式，會被很多獨立遊戲團隊選擇。


☉ 水晶風格

與畫素風格一樣，水晶風格是一種有年代感的遊戲介面設計風格。在硬體效能剛剛開始突飛猛進的時代，廣大設計師在設計遊戲介面時都注重質感的表現，又或許是人們對水晶質感有著天生的好感，也就導致了在一段時間內水晶質感極為盛行。

與畫素風格一樣，水晶風格憑藉著一定的特殊性，目前不僅被保留了下來，還發展成為一種較流行的設計風格。之所以會出現這樣的情況，

原因有：（1）大多數人對於亮晶晶的物體似乎有著天生的偏好；（2）很多遊戲的介面為了滿足特定的質感需求而選定了水晶質感，以此來體現高貴的調性；（3）水晶質感對人的吸引這一特性會被用來作為介面中特殊位置的元素，以此來達到引起使用者關注的目的。


☉ 寫實風格

寫實風格是遊戲介面中最為常見的一種美術風格。它的特點主要表現為較重的質感、立體化的形體展示和多樣的材質表現。

這些特點對於表現遊戲特有的情感化氛圍有著非常重要的作用。因此，在一些質感厚重、遊戲背景建構複雜的遊戲（如魔幻題材類遊戲和早期的中國風題材類遊戲等）中使用這種風格進行介面設計再合適不過了。


☉ 扁平風格

所謂扁平風格，是指捨棄一切3D元素（如陰影、紋理及透視等）的設計風格。扁平風格是繼水晶質感之後的一種流行設計風格。它和其他流行的設計元素一樣，幾乎均來自印刷品和傳統藝術。

其設計特點是簡潔高效且富有現代感，一般採用網格作為設計基礎，無論是字型、插圖、照片還是標誌，都被規範地安排在這個網格框架中，同時大量採用非襯線字型，滿足了人們螢幕閱讀的需求，成為目前較流行的遊戲介面設計風格之一。

扁平風格的遊戲介面設計整體呈現出簡潔的特點，在科技感題材、中國風題材及二次元題材的遊戲中使用較多，在歐美遊戲中使用更甚。

之所以會出現這樣的情況，原因有：（1）無論是科技感題材、中國風題材的遊戲，還是二次元題材的遊戲，其所要表現的遊戲背景建構都存在一致性；（2）扁平化的遊戲介面設計面向的遊戲玩家已經進入了對遊戲核心體驗的階段，而非初級玩家對遊戲玩法核心之外的內容體驗的階段。



來源：遊戲UI分享
原文：https://mp.weixin.qq.com/s/1McDfnhIC8ZLzD1DhjchNA