手機游戲中人機界面設(shè)計探析

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

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

1 手機游戲

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

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

1.2 手機游戲界面的設(shè)計特點

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

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

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

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

2.1 圖形

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

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

2.2 顏色

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

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

2.3 動態(tài)效果

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

2.4 界面布局與交互手勢

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

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

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

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

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

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

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

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

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

3.3 界面中的互動性設(shè)計

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

4 結(jié)語

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

參考文獻：

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

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

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

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

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

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