摘 要：隨著智能手機(jī)的普及和互聯(lián)網(wǎng)的迅速發(fā)展，手機(jī)游戲已經(jīng)成為人們主要的娛樂(lè)內(nèi)容之一，其界面設(shè)計(jì)的優(yōu)劣對(duì)于整個(gè)游戲的質(zhì)量起著非常關(guān)鍵的作用。手機(jī)游戲界面的優(yōu)劣包括人機(jī)界面是否美觀以及界面功能布局是否合理，一套優(yōu)質(zhì)的游戲界面能大大提升玩家對(duì)于該游戲的黏性，相反則容易使玩家輕易放棄這款游戲。本文將從圖形、顏色、微動(dòng)效、交互設(shè)計(jì)這四個(gè)方面去解構(gòu)手機(jī)游戲的界面，總結(jié)出手機(jī)游戲界面的設(shè)計(jì)要點(diǎn)。

關(guān)鍵詞：手機(jī)游戲;人機(jī)界面;設(shè)計(jì)

1 手機(jī)游戲

1.1 手機(jī)游戲界面設(shè)計(jì)的概念

手機(jī)游戲是基于手機(jī)作為操作平臺(tái)而設(shè)計(jì)開(kāi)發(fā)的，以實(shí)現(xiàn)人機(jī)交互或者網(wǎng)絡(luò)交互的軟件。手機(jī)游戲界面設(shè)計(jì)的研發(fā)人員在對(duì)界面進(jìn)行設(shè)計(jì)時(shí)，會(huì)考慮到界面中所包含圖標(biāo)的外形、整個(gè)界面呈現(xiàn)的顏色和界面中圖標(biāo)的布局等內(nèi)容，而手機(jī)游戲界面中圖標(biāo)的布局會(huì)結(jié)合該游戲的操作按鈕，使得操作符合大部分玩家的交互手勢(shì)。一個(gè)優(yōu)秀的手機(jī)游戲界面設(shè)計(jì)應(yīng)該是在視覺(jué)上和交互方式上都符合大部分玩家的需求。

1.2 手機(jī)游戲界面的設(shè)計(jì)特點(diǎn)

（1）形象的圖標(biāo)設(shè)計(jì)。手機(jī)游戲區(qū)別于傳統(tǒng)的電腦端游戲，具有屏幕尺寸小的特點(diǎn)，但是較小的屏幕卻要給玩家傳遞同樣多的信息，在界面中很多的圖標(biāo)不能用文字去加以描述，只能用圖標(biāo)去表示，這就要求手機(jī)游戲的界面中的圖標(biāo)具有形象生動(dòng)的特點(diǎn)，以達(dá)到加快玩家識(shí)別該圖標(biāo)寓意的目的。

（2）醒目的色彩提示。當(dāng)下手機(jī)游戲受到了廣大玩家的喜愛(ài)，其中有一個(gè)很重要的原因是，目前的手機(jī)游戲每一局時(shí)間都不是很長(zhǎng)，玩家可以利用自己的碎片化時(shí)間去玩游戲。玩家在玩游戲的時(shí)候可能在等待做另一件事情，此時(shí)，醒目的顏色提示就起到了很好的作用，讓玩家可以不用花費(fèi)太多的時(shí)間去找到自己接下來(lái)要進(jìn)行的操作，從而提升玩家的使用體驗(yàn)。

（3）合理的界面交互。手機(jī)游戲的界面的交互設(shè)計(jì)是指游戲中幾個(gè)主要界面之間以及每個(gè)主界面中每一個(gè)交互按鈕之間的跳轉(zhuǎn)關(guān)系。當(dāng)用戶(hù)在進(jìn)入游戲中時(shí)，會(huì)進(jìn)入一種沉浸式的交互狀態(tài)，如果游戲界面交互設(shè)計(jì)合理則用戶(hù)的體驗(yàn)將是積極的，且下意識(shí)中感受到交互的快感;反之，如果游戲界面交互設(shè)計(jì)出現(xiàn)了問(wèn)題，用戶(hù)在進(jìn)行游戲操作的過(guò)程中，其交互流程就會(huì)受到干擾，隨之用戶(hù)會(huì)跌出這種沉浸感?？傊謾C(jī)游戲界面的交互設(shè)計(jì)是整個(gè)游戲中非常重要的一部分。

2 手機(jī)游戲界面的設(shè)計(jì)現(xiàn)狀分析

2.1 圖形

圖形在手機(jī)游戲界面中起著至關(guān)重要的作用，相比較文字而言，圖形能更快地給不同年齡、性別、國(guó)家的玩家傳遞信息，玩家可以在較短時(shí)間內(nèi)找到自己需要的道具、操作按鈕等內(nèi)容。在“絕地求生刺激戰(zhàn)場(chǎng)”的操作界面中用“子彈”樣子的圖標(biāo)表示“開(kāi)槍”這一操作;在界面的右下角，分別用“蹲著”“趴下”“跳起”三個(gè)人物狀態(tài)的圖標(biāo)表示三種可以點(diǎn)擊的操作。這樣在有限的手機(jī)屏幕上，可以讓玩家快速找到自己所要的操作。

此外，在手機(jī)游戲界面中，設(shè)計(jì)精良的圖形還可以提升整個(gè)游戲界面的美感，讓玩家感受到整個(gè)游戲的風(fēng)格與精致度。在手機(jī)游戲“王者榮耀”的主界面中，其界面圖標(biāo)的設(shè)計(jì)就很精良，雖然很多圖標(biāo)的旁邊配了文字加以說(shuō)明，但是每一個(gè)圖標(biāo)的設(shè)計(jì)都基本能看出其寓意，且圖標(biāo)的分布和排列也非常整齊。該界面作為玩家登錄完就出現(xiàn)的界面，給玩家?guī)?lái)了良好的視覺(jué)感受，提升了整個(gè)游戲的美感。

2.2 顏色

手機(jī)游戲界面中的顏色影響著整個(gè)游戲的風(fēng)格，玩家在初次接觸該游戲時(shí)，界面的顏色會(huì)給用戶(hù)留下最直觀的印象，同時(shí)，有些被大眾所共同認(rèn)知的顏色還起著傳遞信息的作用。大家都知道紅色有“警示”“提醒”的作用，在“絕地求生刺激戰(zhàn)場(chǎng)”界面中的“開(kāi)始游戲”以及一些“圓點(diǎn)”采用了醒目的大紅色，目的就是提示玩家，有“圓點(diǎn)”標(biāo)注的地方有更新的內(nèi)容，需要點(diǎn)擊查看，紅色區(qū)域加以文字“開(kāi)始游戲”提醒著玩家去點(diǎn)擊以進(jìn)入游戲中去。

在手機(jī)游戲界面的顏色部分設(shè)計(jì)時(shí)，界面設(shè)計(jì)師除了可以控制顏色的色相外，還可以通過(guò)控制界面中該區(qū)域顏色的明度來(lái)調(diào)整界面中的色彩。在游戲“王者榮耀”中，當(dāng)該技能被使用之后需要一定的時(shí)間加載，此時(shí)表示該技能的圖標(biāo)并沒(méi)有在形狀和色相上發(fā)生變化，而是圖標(biāo)的顏色明度被降低了，整個(gè)圖標(biāo)呈現(xiàn)“灰色”狀，表示不可點(diǎn)擊之狀。這種設(shè)計(jì)方式既能保持整個(gè)界面中色調(diào)的統(tǒng)一，又能起到提示玩家的作用。

2.3 動(dòng)態(tài)效果

手機(jī)游戲界面向玩家傳遞著各種信息，界面呈現(xiàn)給玩家的狀態(tài)也由靜態(tài)逐漸向動(dòng)態(tài)方向發(fā)展，在一些圖標(biāo)中加入動(dòng)態(tài)效果，一方面可以起到裝飾和美化圖標(biāo)的作用，另一方面可以起到提醒玩家點(diǎn)擊此圖標(biāo)的作用。在游戲“王者榮耀”的主操作界面中，當(dāng)其中的技能按鍵被使用完之后呈現(xiàn)灰色狀以表示此時(shí)不可點(diǎn)擊，當(dāng)時(shí)間達(dá)到后，就會(huì)出現(xiàn)一個(gè)小小的“+”按鈕，點(diǎn)擊此按鈕就會(huì)出現(xiàn)一個(gè)動(dòng)態(tài)效果加入原技能按鍵上。這一方面在視覺(jué)層面對(duì)于整個(gè)界面起到了美化的作用，豐富了玩家的視覺(jué)感受，另一方面可以提醒玩家，該按鈕已經(jīng)加載完成，可以再次點(diǎn)擊使用。動(dòng)態(tài)效果在手機(jī)游戲界面設(shè)計(jì)中的植入，大大提高了手機(jī)游戲的生動(dòng)性。

2.4 界面布局與交互手勢(shì)

隨著觸屏手機(jī)的普及以及手機(jī)游戲的快速發(fā)展，手機(jī)游戲的界面布局也在逐漸完善，“以用戶(hù)為中心”的界面設(shè)計(jì)贏得了廣大玩家的喜愛(ài)。游戲界面設(shè)計(jì)師在進(jìn)行手機(jī)游戲的界面布局時(shí)，更多地將人手習(xí)慣的交互手勢(shì)融入其中，以方便用戶(hù)的操作，減少玩家的不舒適感。

“絕地求生刺激戰(zhàn)場(chǎng)”屬于橫版觸屏類(lèi)手機(jī)游戲，在整個(gè)游戲界面中，操作按鍵主要分布在屏幕的左右兩側(cè)，左側(cè)主要是左手拇指控制移動(dòng)的方向，另外加入了一個(gè)“開(kāi)槍”的按鍵，當(dāng)角色不需要移動(dòng)的時(shí)候，左手拇指空出，可以開(kāi)槍射擊敵人;在屏幕的右側(cè)分布了“開(kāi)槍”這一主要按鈕，當(dāng)左手拇指在控制人物移動(dòng)方向時(shí)，右手拇指可以點(diǎn)擊右側(cè)“開(kāi)槍”按鈕，這樣游戲中的角色既能隨時(shí)移動(dòng)，又能進(jìn)行射擊;同時(shí)，屏幕右側(cè)的“開(kāi)槍”按鈕下方是三個(gè)動(dòng)作按鈕：“蹲著”“趴下”和“跳起”。這三個(gè)按鈕呈弧線排列，符合拇指移動(dòng)路徑，當(dāng)右側(cè)拇指控制動(dòng)作時(shí)，左側(cè)拇指可以控制運(yùn)動(dòng)方向，使角色靈活移動(dòng)。

3 手機(jī)游戲界面設(shè)計(jì)的完善方向

3.1 精良的視覺(jué)呈現(xiàn)

手機(jī)游戲是基于玩家利用碎片化的時(shí)間而盛行的，除了專(zhuān)業(yè)游戲競(jìng)技者以外，大部分的玩家在接觸該游戲的過(guò)程中并不會(huì)仔細(xì)去研究該游戲的界面究竟是怎么設(shè)計(jì)出來(lái)的，吸引玩家去繼續(xù)了解該游戲的是該游戲界面設(shè)計(jì)的精致程度。

與之前的游戲界面相比較，如今的游戲界面更趨于簡(jiǎn)潔化設(shè)計(jì)，這種簡(jiǎn)潔化的設(shè)計(jì)并不是指界面設(shè)計(jì)的偷工減料，而是指游戲界面設(shè)計(jì)師將圖片、文字、動(dòng)態(tài)效果所在的區(qū)域進(jìn)行合理劃分，讓玩家能提取到每一個(gè)不同界面中最重要的信息，使玩家能在盡可能短的時(shí)間內(nèi)完成自己想要進(jìn)行的操作。設(shè)計(jì)精良的界面可以使玩家在操作的過(guò)程中產(chǎn)生愉悅感，增加玩家對(duì)于該游戲的黏性。

3.2 “以玩家為中心”的設(shè)計(jì)理念

在以前的游戲界面設(shè)計(jì)中，很多游戲的界面設(shè)計(jì)會(huì)以游戲界面設(shè)計(jì)師的想法為主導(dǎo)去進(jìn)行界面的設(shè)計(jì)，而現(xiàn)在的很多游戲界面在設(shè)計(jì)時(shí)，會(huì)把用戶(hù)體驗(yàn)放在首位，更多地考慮玩家的操作習(xí)慣，不斷引導(dǎo)玩家一步步操作，增加整個(gè)游戲的互動(dòng)性。

除此之外，在如今的很多游戲界面的設(shè)計(jì)中，設(shè)計(jì)師也在不斷加入一些更人性化的界面，在游戲“王者榮耀”中，就有專(zhuān)門(mén)的界面提示玩家連續(xù)的使用時(shí)間，以起到提醒玩家保護(hù)視力的作用，也從一定程度上提醒玩家不要“沉迷”游戲，應(yīng)該合理安排自己的生活，引導(dǎo)游戲行業(yè)不斷朝著良性方向發(fā)展。

3.3 界面中的互動(dòng)性設(shè)計(jì)

隨著移動(dòng)互聯(lián)網(wǎng)的普及，玩家對(duì)于手機(jī)游戲的關(guān)注不再僅僅停留在單機(jī)游戲上，網(wǎng)絡(luò)手機(jī)游戲在手機(jī)游戲中占據(jù)了一席之地，與此同時(shí)，手機(jī)游戲中的社交功能也在不斷崛起。人與人之間的社交也不再僅僅停留在微信、QQ、微博等社交軟件上，閑來(lái)無(wú)事與好友約上一局手機(jī)游戲，在游戲界面上，打開(kāi)語(yǔ)音功能的圖標(biāo)按鈕，與好友閑話(huà)家常逐漸成為當(dāng)代手機(jī)游戲玩家的一種社交方式。部分游戲還在界面中設(shè)置了“觀戰(zhàn)”的按鈕圖標(biāo)，讓玩家可以觀看別的玩家在該游戲中的狀態(tài)和操作?；?dòng)性設(shè)計(jì)在手機(jī)游戲界面中的植入，可以讓手機(jī)游戲在其具有娛樂(lè)性的基礎(chǔ)上兼顧社交的功能，不斷優(yōu)化玩家的使用體驗(yàn)。

4 結(jié)語(yǔ)

隨著互聯(lián)網(wǎng)的不斷發(fā)展以及智能手機(jī)的普及，游戲市場(chǎng)上的游戲種類(lèi)也日漸豐富，手機(jī)游戲受到不同年齡段用戶(hù)的歡迎，同時(shí)，手機(jī)游戲也逐漸成為人們生活中一種常見(jiàn)的娛樂(lè)方式。手機(jī)游戲的界面作為手機(jī)游戲優(yōu)良與否的最直觀的判斷依據(jù)，對(duì)該游戲的成功與否起著至關(guān)重要的作用。因此，筆者通過(guò)對(duì)比較成功的游戲界面設(shè)計(jì)進(jìn)行解構(gòu)，分析其成功的原因，總結(jié)出影響手機(jī)游戲界面設(shè)計(jì)的完善方向，以推動(dòng)手機(jī)游戲界面設(shè)計(jì)的發(fā)展。

參考文獻(xiàn)：

[1] HOOBER S，BERKMAN E .移動(dòng)應(yīng)用界面設(shè)計(jì)[M].北京：機(jī)械工業(yè)出版社，2014.?

[2] 蔣鑫.色彩在手機(jī)游戲界面中應(yīng)用策略研究[J].包裝工程，2014，35（24）：115-118.

[3] 吳曉.手機(jī)游戲的界面交互設(shè)計(jì)研究[D].上海交通大學(xué)，2010.

[4] 杜桂丹.手機(jī)游戲中人機(jī)界面交互設(shè)計(jì)的優(yōu)化方向研究[J].包裝工程，2018（39）：245-249.

[5] 約翰森·杰夫.認(rèn)知與設(shè)計(jì)：理解UI設(shè)計(jì)準(zhǔn)則[M].北京：人民郵電出版社，2014.

作者簡(jiǎn)介：沈妙（1990—），女，江蘇人，碩士研究生，助教，中國(guó)傳媒大學(xué)南廣學(xué)院教師，研究方向：游戲界面設(shè)計(jì)，影視動(dòng)畫(huà)制作。