游戲界面設(shè)計，一定要掌握的8大風(fēng)格！

時間：2023-09-24 16:42:02 | 來源：網(wǎng)站運營

時間：2023-09-24 16:42:02 來源：網(wǎng)站運營

游戲界面設(shè)計，一定要掌握的8大風(fēng)格?。?br>
游戲界面是游戲產(chǎn)品的重要組成部分，也被稱為游戲圖形用戶界面。游戲界面是人和游戲軟件之間交換信息的媒介，是一種圖形化的信息表現(xiàn)形式。




在不同硬件平臺上的游戲界面被劃分為不同的設(shè)計類型。例如，移動設(shè)備、家用游戲機和個人計算機由于各自硬件的操作方式不同，其游戲界面的設(shè)計也各不相同。在同一平臺上的不同軟件環(huán)境下，游戲界面的設(shè)計也不盡相同。




下面，數(shù)藝君將給大家講解幾種游戲界面設(shè)計當(dāng)中，常用的設(shè)計風(fēng)格。




1

游戲界面的分類與特點




眾多的硬件平臺和各個平臺用戶不同的游戲背景建構(gòu)、游戲玩法，使游戲界面的設(shè)計方式和設(shè)計風(fēng)格多種多樣。設(shè)計一款游戲的界面時，需要明確其用戶和風(fēng)格定位，以迎合市場需求。




1.按游戲背景劃分




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




市面上的游戲風(fēng)格有很多，大致可以劃分為5種，分別為魔幻風(fēng)格、科技風(fēng)格、東方風(fēng)格、休閑風(fēng)格和二次元風(fēng)格。




☉ 魔幻風(fēng)格

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

盔甲

城堡

厚重風(fēng)格

扁平風(fēng)格




☉ 科技風(fēng)格

科技風(fēng)格的游戲界面設(shè)計常應(yīng)用在帶有高科技、未來感等元素的游戲中，細分下來有科幻、賽博朋克等不同類型。




該類風(fēng)格的游戲界面設(shè)計以現(xiàn)實為基礎(chǔ)，并在具體設(shè)計中融入了很多超現(xiàn)實的元素，如細密的線條、數(shù)據(jù)流、代碼、熒光等，給人新奇、有趣的感受。

《風(fēng)暴英雄》的戰(zhàn)斗界面

《王牌獵手》的主界面

《圣歌》的戰(zhàn)斗界面




而加入的這些超現(xiàn)實元素的靈感則來源于我們?nèi)粘Ｋ姷降囊恍┦挛铮缋鲜斤@像管電視的紋理、舞臺上的激光燈照射效果、建筑藍圖、蜂巢、昆蟲復(fù)眼、集成電路板及服務(wù)器設(shè)備等。

老式顯像管電視的紋理

舞臺上的激光燈照射效果

建筑藍圖

蜂巢

昆蟲復(fù)眼

集成電路板

服務(wù)器設(shè)備




☉ 東方風(fēng)格

東方風(fēng)格的游戲界面細分下來有中國風(fēng)、和風(fēng)及中國式和風(fēng)這3種類型。同時，這些類型的界面有著一些共用的視覺元素，并且伴隨著不同地域行業(yè)的不同有著完全不同的發(fā)展路徑。




早期的中國風(fēng)游戲界面出現(xiàn)在一些武俠單機游戲中，如《俠客英雄傳xp》《軒轅劍叁外傳：天之痕》等。這些游戲的界面設(shè)計特點是像素化，并且常用一些邊角花紋、面板底紋及卷軸等元素來強調(diào)中國風(fēng)的特點。

《俠客英雄傳xp》人物詳情界面

《軒轅劍叁外傳：天之痕》裝備界面




隨著時間的推移，中國風(fēng)游戲界面在細節(jié)設(shè)計上的效果變得更加豐富了，并且運用的材質(zhì)也更為復(fù)雜，如木材、生鐵等材質(zhì)。

《仙劍奇?zhèn)b傳》（DOS版）戰(zhàn)斗界面




在網(wǎng)游時代開啟之后，也出現(xiàn)了一批國產(chǎn)網(wǎng)絡(luò)游戲，色彩以淡雅為主，顏色與質(zhì)感的對比較強，且題材多樣。




常見的國產(chǎn)網(wǎng)絡(luò)游戲題材有金庸題材、三國題材、西游題材、創(chuàng)新IP題材、網(wǎng)絡(luò)文學(xué)IP衍生的玄幻題材，以及部分經(jīng)典文學(xué)衍生的魔幻題材等。

《大話西游 Online》劇情對話界面

《夢幻西游》主場景界面




手游時代的到來給武俠游戲市場造成了非常大的沖擊，也徹底釋放了武俠游戲的品類與市場規(guī)模。




同時，從界面設(shè)計風(fēng)格上來說，手游的特殊操作環(huán)境也對手機游戲界面設(shè)計提出了新的要求。與傳統(tǒng)游戲時代不同的是，手游時代的武俠類游戲的界面設(shè)計都比較追求輕量化。

《大話西游手游版》聊天界面

《大話西游手游版》地圖彈窗界面




和風(fēng)游戲界面被賦予了日本文化獨有的魅力，其特征極其明顯，通常是一些悲觀、激憤及熱血的題材。




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

《街霸5》戰(zhàn)斗界面

《仁王》任務(wù)完成界面




中國式和風(fēng)游戲的界面設(shè)計是在傳統(tǒng)武俠風(fēng)格的基礎(chǔ)上做的進一步進化，并且持續(xù)吸收外來文化元素，進行著一輪又一輪的創(chuàng)新。




常見的元素有平直線條、動漫人物、折紙、櫻花、日式建筑、木頭、折扇、紙傘、卷軸及云紋等，并且這些元素在運用過程中大多都呈現(xiàn)為干凈利落的效果。

《天下乂天下》主場景界面

《仙劍奇?zhèn)b傳幻璃鏡》圖鑒界面

《飛刀又見飛刀》圖鑒界面




☉ 休閑風(fēng)格

休閑風(fēng)格的游戲主要面向低齡及女性人群。這種風(fēng)格的界面設(shè)計大部分都偏輕松和可愛。




在平日里，我們也習(xí)慣將這類風(fēng)格所表現(xiàn)出的設(shè)計風(fēng)格稱為可愛風(fēng)格、卡通風(fēng)格（具體劃分包括日韓卡通風(fēng)格和美式卡通風(fēng)格）或Q萌風(fēng)格。




休閑風(fēng)格的游戲界面整體呈現(xiàn)出色調(diào)明快、細節(jié)概括、造型圓潤及塊面區(qū)分明顯的設(shè)計特點，給玩家輕松、愉悅和有趣的感受。

《開心消消樂》網(wǎng)頁版界面

《LINE POP2》游戲界面

《湯姆貓跑酷》游戲界面




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




可愛或卡通的情感化美術(shù)元素的產(chǎn)生，正是與人們對“可愛”這個情感因素產(chǎn)生強聯(lián)系的美術(shù)元素所留下的刻板印象有關(guān)。




☉ 二次元風(fēng)格

二次元風(fēng)格的游戲是近幾年來比較火的一種游戲類型。從界面風(fēng)格上講，它并沒有嚴格意義上且單一維度上的定義。




無論是什么風(fēng)格的游戲界面，其本質(zhì)都是為游戲所要表現(xiàn)的內(nèi)容服務(wù)的。在國內(nèi)二次元包含的內(nèi)容已經(jīng)不僅限于其原生國日本所指代的那些文化現(xiàn)象。




綜合目前市面上大部分二次元游戲的界面風(fēng)格，我們可以從兩個層面來對這個風(fēng)格進行深入的了解與認識。




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




從狹義上講，二次元風(fēng)格僅指日式二次元的中國化風(fēng)格，即由日式二次元游戲的國內(nèi)代理和模仿日式二次元風(fēng)格的國內(nèi)游戲所構(gòu)成的一個集合。




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




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




二次元風(fēng)格的游戲界面設(shè)計受日式動畫和漫畫的影響很大。日式二次元游戲的界面是所有游戲里較為特殊的一種。




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

《龍珠戰(zhàn)士Z》戰(zhàn)前隊伍調(diào)整界面

《龍珠戰(zhàn)士Z》戰(zhàn)斗界面

《Lovelive！學(xué)園偶像祭》主界面




同時，在ACG風(fēng)格上目前還衍生出中國二次元風(fēng)格的游戲界面設(shè)計。其具體風(fēng)格的表現(xiàn)與日式二次元有相似之處，但也有所不同，主要區(qū)別在于中國風(fēng)元素的融入。

《陰陽師》主場景界面

《陰陽師》戰(zhàn)前加載界面

《Fate/Grand Order》卡牌強化界面




2.按美術(shù)風(fēng)格劃分




當(dāng)前市場中出現(xiàn)的主流風(fēng)格大部分是迭代后出現(xiàn)的新美術(shù)風(fēng)格，包括了前面提到的飽含年代風(fēng)格的其他美術(shù)風(fēng)格。




如果將這些游戲界面按照美術(shù)風(fēng)格來進行劃分，可分為像素風(fēng)格、水晶風(fēng)格、寫實風(fēng)格和扁平風(fēng)格。




☉ 像素風(fēng)格

像素風(fēng)格來源于早期的街機的操作系統(tǒng)界面風(fēng)格。在硬件性能提升之后，人們普遍放棄使用這種風(fēng)格，取而代之的是更能增強技術(shù)能力和美術(shù)表現(xiàn)的風(fēng)格。但到如今，像素風(fēng)格依然被保留并運用到部分游戲界面的設(shè)計中。




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

《Eastward》游戲界面




☉ 水晶風(fēng)格

與像素風(fēng)格一樣，水晶風(fēng)格是一種有年代感的游戲界面設(shè)計風(fēng)格。在硬件性能剛剛開始突飛猛進的時代，廣大設(shè)計師在設(shè)計游戲界面時都注重質(zhì)感的表現(xiàn)，又或許是人們對水晶質(zhì)感有著天生的好感，也就導(dǎo)致了在一段時間內(nèi)水晶質(zhì)感極為盛行。




與像素風(fēng)格一樣，水晶風(fēng)格憑借著一定的特殊性，目前不僅被保留了下來，還發(fā)展成為一種較流行的設(shè)計風(fēng)格。之所以會出現(xiàn)這樣的情況，




原因有：（1）大多數(shù)人對于亮晶晶的物體似乎有著天生的偏好；（2）很多游戲的界面為了滿足特定的質(zhì)感需求而選定了水晶質(zhì)感，以此來體現(xiàn)高貴的調(diào)性；（3）水晶質(zhì)感對人的吸引這一特性會被用來作為界面中特殊位置的元素，以此來達到引起用戶關(guān)注的目的。

《大航海時代》交易界面




☉ 寫實風(fēng)格

寫實風(fēng)格是游戲界面中最為常見的一種美術(shù)風(fēng)格。它的特點主要表現(xiàn)為較重的質(zhì)感、立體化的形體展示和多樣的材質(zhì)表現(xiàn)。




這些特點對于表現(xiàn)游戲特有的情感化氛圍有著非常重要的作用。因此，在一些質(zhì)感厚重、游戲背景建構(gòu)復(fù)雜的游戲（如魔幻題材類游戲和早期的中國風(fēng)題材類游戲等）中使用這種風(fēng)格進行界面設(shè)計再合適不過了。

魔幻題材游戲《爐石傳說》寫實化界面

中國風(fēng)題材游戲《大唐無雙》寫實化界面




☉ 扁平風(fēng)格

所謂扁平風(fēng)格，是指舍棄一切3D元素（如陰影、紋理及透視等）的設(shè)計風(fēng)格。扁平風(fēng)格是繼水晶質(zhì)感之后的一種流行設(shè)計風(fēng)格。它和其他流行的設(shè)計元素一樣，幾乎均來自印刷品和傳統(tǒng)藝術(shù)。




其設(shè)計特點是簡潔高效且富有現(xiàn)代感，一般采用網(wǎng)格作為設(shè)計基礎(chǔ)，無論是字體、插圖、照片還是標志，都被規(guī)范地安排在這個網(wǎng)格框架中，同時大量采用非襯線字體，滿足了人們屏幕閱讀的需求，成為目前較流行的游戲界面設(shè)計風(fēng)格之一。




扁平風(fēng)格的游戲界面設(shè)計整體呈現(xiàn)出簡潔的特點，在科技感題材、中國風(fēng)題材及二次元題材的游戲中使用較多，在歐美游戲中使用更甚。




之所以會出現(xiàn)這樣的情況，原因有：（1）無論是科技感題材、中國風(fēng)題材的游戲，還是二次元題材的游戲，其所要表現(xiàn)的游戲背景建構(gòu)都存在一致性；（2）扁平化的游戲界面設(shè)計面向的游戲玩家已經(jīng)進入了對游戲內(nèi)核體驗的階段，而非初級玩家對游戲玩法內(nèi)核之外的內(nèi)容體驗的階段。

《混亂特工》任務(wù)界面

《超級馬里奧奧德賽》換裝界面