游戲UI 第6章　網(wǎng)絡(luò)游戲UI設(shè)計(jì)學(xué)習(xí)課件

6.1.1按游戲種類劃分

6.1游戲類別與UI設(shè)計(jì)的關(guān)系清晰的了解游戲的類別對UI設(shè)計(jì)師來說是非常有必要的。雖然，游戲設(shè)計(jì)也屬于應(yīng)用設(shè)計(jì)的范疇，適用UI設(shè)計(jì)的一般性原則作指導(dǎo)，但是游戲畢竟有著自身不同的地方。在設(shè)計(jì)一款游戲前，設(shè)計(jì)師需要做到胸有成竹，明確的知道它屬于哪一個(gè)游戲類別，這個(gè)類別有哪些玩家喜愛的游戲，常用的視覺元素和交互邏輯是什么樣子的。然后按著這個(gè)思路去分板該游戲UI設(shè)計(jì)的特點(diǎn)、用戶的特點(diǎn)才能創(chuàng)造好游戲。反之，對需要做的游戲沒有清晰的認(rèn)識，完全照搬應(yīng)用軟件、網(wǎng)站等UI設(shè)計(jì)的理論，只會適得其反。1．休閑網(wǎng)絡(luò)游戲

登錄游戲廠商提供的游戲平臺進(jìn)行個(gè)人或多個(gè)的游戲，例如QQ游戲平臺、聯(lián)眾游戲大廳等。2．傳統(tǒng)棋牌類斗地主、象棋、五子棋等，騰訊、人人、開心旗下都有此類游戲。3．網(wǎng)絡(luò)對戰(zhàn)類游戲通過網(wǎng)絡(luò)服務(wù)器或局域網(wǎng)，進(jìn)行人機(jī)對戰(zhàn)或玩家相互對戰(zhàn)，例如《CS》、《穿越火線》、《DOTA》等。此類游戲一般都會有一個(gè)在線平臺（如：浩方游戲平臺），玩家可以登錄游戲平臺組隊(duì)進(jìn)行PK。4．角色扮演類游戲此類游戲一般都有較大的客戶端，對電腦、手機(jī)的硬件配置有一定的要求。玩家在游戲中扮演一個(gè)角色進(jìn)行任務(wù)，完成一定的目標(biāo)，獲得榮譽(yù)，例如《九陰真經(jīng)》、《裂隙》等。6.1.2按游戲模式劃分1．角色扮演角色扮演游戲是由玩家扮演一個(gè)或多個(gè)游戲中的角色，有一套完整豐富的故事背景。伴隨著游戲劇情的發(fā)展，玩家需要利用角色自身的特點(diǎn)、技能，結(jié)合自己的操作和策略戰(zhàn)勝敵人，完成某一既定目標(biāo)。例如《無盡之劍》、《魔獸世界》等。2．動作游戲玩家控制游戲中的角色利用自身的技能和武器想盡辦法摧毀對手。這類游戲更強(qiáng)調(diào)戰(zhàn)斗的爽快感，以打斗、過關(guān)斬將為主，操作相對簡單、容易上手，游戲節(jié)奏相對緊湊，對于故事背景和劇情的要求相對不高，例如《超級馬里奧》、《合金彈頭》、《波斯王子》、《三國無雙》等。3．冒險(xiǎn)游戲由玩家操作游戲角色進(jìn)行虛擬的冒險(xiǎn)。該類游戲的任務(wù)劇情往往是單線程的。游戲過程強(qiáng)調(diào)的是根據(jù)某一線索進(jìn)行游戲，因此與傳統(tǒng)的角色扮演游戲還是有一定區(qū)別的，例如《生化危機(jī)》、《古墓麗影》等。4．策略類游戲由玩家控制一個(gè)或多個(gè)角色與NPC（非玩家控制角色）或者其他玩家進(jìn)行較量。策略類游戲分為兩種：一種是回合制的游戲，《三國志》系列游戲有很廣泛的玩家基礎(chǔ)，玩家與NPC勢力進(jìn)行各種較量，最后統(tǒng)一全國。另一種是即時(shí)策略戰(zhàn)略類游戲，即時(shí)性較強(qiáng)，例如《帝國文明》、《DOTA》等。5．格斗游戲操作一個(gè)角色和玩家或電腦進(jìn)行PK。此類游戲，基本沒有故事劇情，戰(zhàn)斗的場景也相對簡單，一般有血、魔法、怒氣、體力槽，有固定的出招方式和操作，講究角色的實(shí)力平衡性，例如《侍魂》、《街頭霸王》等。6．射擊游戲注意不要和《CS》、《穿越火線》之類游戲弄混淆，這里所說的是玩家控制飛行物或坦克等進(jìn)行的游戲，一般以第一視角和第三視角居多，例如《突擊》、《槍神紀(jì)》等。7．益智類游戲需要玩家開動腦子，通過自己的策略達(dá)到目的。有助于大腦健康、兒童智力的開發(fā)，例如《植物大戰(zhàn)僵尸》、《機(jī)械迷城》等。8．競速游戲在虛擬世界中操作各類賽車，與玩家進(jìn)行比賽。游戲中緊張刺激，且需要一定的操作技術(shù)，深受玩家的熱捧，例如《極品飛車》、《QQ飛車》等。9．體育游戲當(dāng)前的體育游戲類型很廣泛，足球、籃球最受玩家歡迎，特別是3D引擎技術(shù)的運(yùn)用使游戲富有真實(shí)感，例如《FIFA》、《NBA》等。10．音樂游戲培養(yǎng)玩家的節(jié)奏感和音樂的感知，伴隨著美妙的音樂，有的需要玩家跳舞，有的需要熟練的指法操作，音樂游戲一直以來都是樂迷們的最愛，例如《吉他英雄》、《勁舞團(tuán)》等。

6.2網(wǎng)絡(luò)游戲界面設(shè)計(jì)要求界面是游戲中所有交互的門戶，不論是使用簡單的游戲操作桿，還是運(yùn)用具有多種輸入設(shè)備的全窗口化的界面，界面都是聯(lián)系游戲要素和游戲玩家的紐帶。如何才能夠設(shè)計(jì)出良好的網(wǎng)絡(luò)游戲界面呢？這就需要設(shè)計(jì)師在設(shè)計(jì)網(wǎng)絡(luò)游戲界面時(shí)遵守網(wǎng)絡(luò)游戲界面的設(shè)計(jì)要求。6.2.1降低計(jì)算機(jī)的影響降低計(jì)算機(jī)的影響是交互性中一個(gè)比較抽象的概念。在設(shè)計(jì)一款游戲特別是設(shè)計(jì)游戲界面時(shí)，應(yīng)該盡量讓游戲玩家忘記他們正在使用計(jì)算機(jī)，這樣會讓他們感覺更好一些。盡量使游戲開始得又快又容易。游戲玩家進(jìn)入一個(gè)游戲的時(shí)間越長，越會意識到這是一個(gè)游戲。好的游戲會盡量避免這種情況的發(fā)生，做到讓玩家有一種身臨其境的感覺，讓他們認(rèn)為游戲中的角色就是自己。6.2.2在游戲中加入幫助盡量把用戶手冊結(jié)合到游戲當(dāng)中，避免將游戲玩家打開屏幕讓他們?nèi)タ磿娴奈淖?，這方面通過優(yōu)秀的界面設(shè)計(jì)是可以解決的，如果需要的話，可以將游戲幫助文本內(nèi)容結(jié)合到游戲中。6.2.3避免運(yùn)用標(biāo)準(zhǔn)的界面對于大部分在Windows玩境下設(shè)計(jì)的游戲都不要運(yùn)用常規(guī)的Windows界面。如果這么做的話，就又在提醒玩家們正在使用計(jì)算機(jī)。應(yīng)該運(yùn)用其他的對象作為按鈕并重新定制對話框，盡量避免菜單等可能提醒玩家正在運(yùn)用計(jì)算機(jī)的對象。6.2.4綜合集成界面界面上關(guān)鍵的信息要簡化。因?yàn)閷υS許多產(chǎn)品，界面絕對是產(chǎn)品特征的門戶。對于游戲來說，目標(biāo)就是要讓界面越來越深入到游戲本身的結(jié)構(gòu)中去。對于大量的游戲玩家來說，其中只有少部分人具有計(jì)算機(jī)經(jīng)驗(yàn)，因而，游戲界面就顯得更加重要。6.2.5界面定義游戲的可玩性在一款游戲產(chǎn)品中，伴隨著玩家從開始游戲到最終一直都是這個(gè)游戲的界面。從某種意上上來說，界面的存在規(guī)定了游戲的操作方式、對玩家的行為限制，以及玩家在游戲中所要達(dá)到的目的。把這些因素加起來，其實(shí)就定義了這款游戲的可玩性。

6.3棋牌游戲UI設(shè)計(jì)棋牌游戲一種常見的網(wǎng)絡(luò)游戲類型，具有廣泛的群眾基礎(chǔ)和各層次的玩家群體，目前各種類型的游戲設(shè)備上都有相應(yīng)的棋版游戲，接下來將帶領(lǐng)讀者完成一款棋版游戲UI的設(shè)計(jì)制作。動手實(shí)踐——棋牌游戲UI設(shè)計(jì)動手實(shí)踐：棋牌游戲UI設(shè)計(jì)源文件：光盤\源文件\第6章\棋牌游戲界面.psd視頻：光盤\視頻\第6章\棋牌游戲界面.swf

6.4

《賽馬》游戲UI設(shè)計(jì)本實(shí)例設(shè)計(jì)一款模擬養(yǎng)成類網(wǎng)絡(luò)卡通游戲的界面，在該游戲中玩家可以培養(yǎng)和訓(xùn)練自己的馬匹，為馬匹進(jìn)行喂食、打掃等，并且還可以與其他馬匹進(jìn)行比賽，從而贏取獎金。在該游戲的UI界面設(shè)計(jì)中使用卡通風(fēng)格進(jìn)行表現(xiàn)，使得整個(gè)游戲界面顯得非?？蓯?、有趣。動手實(shí)踐——《賽馬》游戲UI設(shè)計(jì)動手實(shí)踐：《賽馬》游戲UI設(shè)計(jì)源文件：光盤\源文件\第6章\賽馬游戲界面.psd視頻：光盤\視頻\第6章\賽馬游戲界面.swf

6.5

《劍俠》游戲UI設(shè)計(jì)該網(wǎng)格游戲是一款角色扮演游戲，角色扮演游戲通常都會有相應(yīng)的游戲背景和故事情節(jié)，這類游戲界面的設(shè)計(jì)需要注意的是UI元素的設(shè)計(jì)需要與游戲場景原畫的風(fēng)格相統(tǒng)一，體現(xiàn)出游戲的特色。動手實(shí)踐——《劍俠》游戲UI設(shè)計(jì)動手實(shí)踐：《劍俠》游戲UI設(shè)計(jì)源文件：光盤\源文件\第6章\劍俠游戲界面.psd視頻：光盤\視頻\第6章\劍俠游戲界面.swf游戲的界面跟產(chǎn)品的外觀和功能一樣，要能吸引玩家并且易用。本節(jié)將帶領(lǐng)讀者完成一款大型網(wǎng)絡(luò)游戲界面的設(shè)計(jì)，該款游戲是一款角色扮演類網(wǎng)絡(luò)游戲，在游戲UI設(shè)計(jì)過程中需要注意UI設(shè)計(jì)的風(fēng)格需要與游戲的風(fēng)格保持一致。

6.6

《古神志》游戲UI設(shè)計(jì)動手實(shí)踐——《古神志》游戲UI設(shè)計(jì)動手實(shí)踐：《古神志》游戲UI設(shè)計(jì)源文件：光盤\源文件\第6章\古神志游戲界面.psd視頻：光盤\視頻\第6章\古神志游戲界面.swf由于電腦游戲在國內(nèi)是非常流行的行業(yè)，創(chuàng)造了巨大的經(jīng)濟(jì)效益，所以很多公司對游戲的設(shè)計(jì)非常重視，尤其對游戲界面——這一最直接接觸玩家的平臺更加重視。游戲?qū)τ谕婕襾碚f，第一印象就是界面所給予的，界面設(shè)計(jì)包括的范圍很廣，片頭片尾以及過場動畫都可以算界面設(shè)計(jì)的一部分。

6.7

專家支招6.7.1網(wǎng)絡(luò)游戲與傳統(tǒng)單機(jī)游戲相比有哪些特點(diǎn)？答：在電子游戲發(fā)展的早期，尤其是2D游戲中，整個(gè)游戲場景畫面都可以稱作游戲界面，特別是文字類游戲，完全是以界面在構(gòu)建起來的游戲。隨著3D技術(shù)的發(fā)展，游戲界面系統(tǒng)逐漸被獨(dú)立出來，它特指游戲中顯示游戲信息的2D靜態(tài)框體。6.7.2游戲界面的設(shè)計(jì)內(nèi)容主要有哪些？答：游戲界面設(shè)計(jì)主要包括游戲主界面、二級界面、彈出界面等很多種類，游戲界面的合理化設(shè)計(jì)就是探討人與機(jī)器進(jìn)行交互的操作方式，為營造出美觀、操作簡單并且具有引導(dǎo)功能的人機(jī)環(huán)境。游戲界面所要設(shè)計(jì)的元素主要包括標(biāo)題、開始和結(jié)束畫面、菜單、面板、圖標(biāo)、對話框、鼠標(biāo)等。游戲界面的合理化設(shè)計(jì)就是使之美觀簡潔、秩序感強(qiáng)并能很好的為游戲的宗旨、內(nèi)容服務(wù)，游戲界面的設(shè)計(jì)應(yīng)該遵循合理化原則，符合特定界面空間的視覺規(guī)律。在家用游戲機(jī)平臺，游戲的賣點(diǎn)主要是其可玩性，所以對界面的要求不高，它只要能輸出顯示信息就可以了，輸入信息的處理主要是對游戲中的人物。但是網(wǎng)絡(luò)游戲的主要樂趣就在其虛擬社區(qū)的交互性，所以相比較傳統(tǒng)單機(jī)游戲，網(wǎng)格游戲的界面需要處理更多鍵盤鼠標(biāo)輸入的信息，界面系統(tǒng)的復(fù)雜