手機(jī)游戲的UI在手持設(shè)備中的交互分析

曾忠成

摘 要：隨著科學(xué)技術(shù)的飛速發(fā)展，移動(dòng)網(wǎng)絡(luò)和移動(dòng)終端的性能不斷提升，傳統(tǒng)的游戲界面已經(jīng)無(wú)法滿足玩家的需求，還需要結(jié)合玩家的實(shí)際情況有針對(duì)性的進(jìn)行設(shè)計(jì)。本文主要針對(duì)手機(jī)游戲UI界面設(shè)計(jì)進(jìn)行分析，在智能手機(jī)交互性原則的基礎(chǔ)上對(duì)手持設(shè)備中的手機(jī)游戲UI設(shè)計(jì)展開(kāi)研究，從交互設(shè)計(jì)、界面設(shè)計(jì)的角度出發(fā)，確保手機(jī)游戲的整體操作性，最大限度的滿足玩家的個(gè)性化需求。

關(guān)鍵詞：手機(jī)游戲；UI設(shè)計(jì)；手持設(shè)備；交互分析

前言：近幾年來(lái)，手持電子設(shè)備在現(xiàn)代人的日常生活、工作、學(xué)習(xí)中的應(yīng)用越來(lái)越廣泛，逐漸成為人們生活中不可或缺的重要組成部分。人機(jī)UI界面的交互設(shè)計(jì)能夠準(zhǔn)確的傳達(dá)游戲內(nèi)用，為游戲玩家提供了更多的便利，滿足游戲玩家對(duì)界面整體風(fēng)格和操作性能的個(gè)性化要求，針對(duì)不同的游戲類型設(shè)計(jì)不同的界面內(nèi)容，從而吸引更多的游戲玩家，進(jìn)一步提升手機(jī)游戲的品質(zhì)。

一、手機(jī)游戲UI設(shè)計(jì)與交互設(shè)計(jì)的關(guān)系

（一）手機(jī)游戲UI設(shè)計(jì)的概念

UI是User Interface的簡(jiǎn)稱，中文名稱是用戶界面，是指玩家和手機(jī)之間相互作用的信息中介，玩家可以通過(guò)用戶界面了解到自己想要的任務(wù)信息、裝備信息等內(nèi)容，而簡(jiǎn)潔大方的用戶界面能夠吸引更多玩家參與到游戲當(dāng)中。手機(jī)游戲中的UI設(shè)計(jì)主要包括操作界面設(shè)計(jì)和圖標(biāo)設(shè)計(jì)，并不是越華麗、越絢爛的手機(jī)游戲UI就能夠吸引更多玩家的注意力，UI設(shè)計(jì)是否清晰、流暢、簡(jiǎn)潔，在實(shí)際應(yīng)用的過(guò)程中能否為玩家提供更加便利的服務(wù)，都是影響玩家操作體驗(yàn)的因素，也將直接影響玩家對(duì)于手機(jī)游戲的興趣[1]。

（二）交互設(shè)計(jì)的概念

交互設(shè)計(jì)的英文縮寫是XD或1aD，是Interaction Design的簡(jiǎn)稱，又叫做互動(dòng)設(shè)計(jì)，其主要目的是滿足玩家對(duì)手機(jī)游戲的個(gè)性化需求，通過(guò)實(shí)踐調(diào)查了解玩家的實(shí)際需求，并且通過(guò)玩家在玩游戲時(shí)的行為特征進(jìn)行分析，從而進(jìn)一步了解玩家的習(xí)慣、愛(ài)好等方面因素，有針對(duì)性的進(jìn)行手機(jī)游戲的擴(kuò)充，增強(qiáng)手機(jī)游戲的效果，提升玩家對(duì)手機(jī)游戲的操作體驗(yàn)和游戲體驗(yàn)，進(jìn)而吸引更多的玩家參與到手機(jī)游戲中來(lái)。

（三）手機(jī)游戲UI設(shè)計(jì)和交互設(shè)計(jì)的關(guān)系

手機(jī)游戲UI設(shè)計(jì)和交互設(shè)計(jì)是相輔相成的關(guān)系，在手機(jī)游戲設(shè)計(jì)的過(guò)程中，游戲設(shè)計(jì)師可以通過(guò)手機(jī)平臺(tái)將交互設(shè)計(jì)理念融入到手機(jī)游戲UI設(shè)計(jì)的界面當(dāng)中，通過(guò)手機(jī)游戲UI界面將抽象的交互理念更加直觀的表現(xiàn)出來(lái)。由此可見(jiàn)，手機(jī)游戲UI設(shè)計(jì)與交互設(shè)計(jì)之間是你中有我、我中有你的關(guān)系。游戲設(shè)計(jì)師會(huì)通過(guò)對(duì)玩家行為習(xí)慣的分析進(jìn)行游戲界面的交互設(shè)計(jì)，確保手機(jī)游戲與玩家之間建立一種聯(lián)系，從而滿足玩家對(duì)手機(jī)游戲的個(gè)性化需求，進(jìn)一步實(shí)現(xiàn)手機(jī)游戲交互設(shè)計(jì)的目標(biāo)[2]。

二、手機(jī)游戲UI設(shè)計(jì)與交互設(shè)計(jì)的分析

（一）游戲界面的布局設(shè)計(jì)

隨著科技信息時(shí)代的到來(lái)，我國(guó)手機(jī)游戲的發(fā)展逐漸向智能化、多元化的方向轉(zhuǎn)變，從最開(kāi)始的貪吃蛇、推箱子、俄羅斯方塊等休閑小游戲向智能手機(jī)游戲的方向發(fā)展，不管是在游戲內(nèi)容、游戲界面、游戲類型方面都有所提升，結(jié)合了多種游戲玩法，用華麗的副本和簡(jiǎn)潔的用戶界面吸引著大量玩家的加入。一般情況下，智能手機(jī)游戲的UI設(shè)計(jì)都為橫版，由多個(gè)界面交互組成，主要包括：游戲登錄、角色選擇、游戲主城、角色進(jìn)階、游戲任務(wù)、商店、背包、關(guān)卡選擇、副本信息、游戲設(shè)置等[3]。圖一為游戲界面的布局設(shè)計(jì)示意圖。

（二）游戲界面的整體風(fēng)格

在進(jìn)行手機(jī)游戲UI設(shè)計(jì)和交互設(shè)計(jì)的過(guò)程中，首先要明確游戲的整體風(fēng)格，根據(jù)其風(fēng)格選擇合適的背景設(shè)計(jì)，尤其是UI設(shè)計(jì)中各種元素的合理使用，充分的突出游戲的整體風(fēng)格和中心主旨。另外，在進(jìn)行UI設(shè)計(jì)和交互設(shè)計(jì)的過(guò)程中，還需要參考一些同類型的游戲界面設(shè)計(jì)方式和場(chǎng)景，學(xué)習(xí)其中的風(fēng)格設(shè)計(jì)和排版方式。通常在進(jìn)行手機(jī)游戲UI設(shè)計(jì)的過(guò)程中，大概了解到混IP手機(jī)游戲的共性，通常外觀的邊框沒(méi)有過(guò)于復(fù)雜的文利裝飾，重點(diǎn)強(qiáng)調(diào)一些小細(xì)節(jié)的刻畫，多使用圓角和多邊形的邊框，整體顏色與需要游戲風(fēng)格進(jìn)行搭配。

（三）選擇合適的交互方式

手機(jī)游戲界面一般分為三個(gè)級(jí)別：一級(jí)界面、二級(jí)界面和三級(jí)界面，二級(jí)界面是點(diǎn)擊一級(jí)界面彈出的界面層級(jí)，三級(jí)界面是點(diǎn)擊二級(jí)界面彈出的界面層級(jí)，也叫作tips界面。在進(jìn)行UI設(shè)計(jì)的過(guò)程中，需要確定每一層級(jí)界面的分辨率以及各個(gè)界面的功能，為游戲設(shè)計(jì)師接下來(lái)的工作提供更多的便利，在制作界面的時(shí)候邏輯也會(huì)更加的清晰，確保游戲界面的整體布局、按鈕功能、流程設(shè)計(jì)都能夠順利進(jìn)行，積極的進(jìn)行手機(jī)游戲界面的優(yōu)化，通過(guò)不斷的實(shí)踐分析，去除其中比較復(fù)雜的部分，添加新功能，從而滿足玩家對(duì)于手機(jī)游戲的個(gè)性化需求[4]。

（四）UI交互的實(shí)現(xiàn)

人機(jī)交互設(shè)計(jì)就是為了讓玩家執(zhí)行游戲中的命令，并且與游戲建立一種聯(lián)系，能夠讓玩家更加全面的感受到游戲的操作魅力，從而被游戲所吸引。Cocos Studio是一種常用的交互設(shè)計(jì)手段，將那些切好的元件導(dǎo)入到Cocos Studio 中進(jìn)行擺放、設(shè)計(jì)、編輯、拼接和修改，從而得到UI設(shè)計(jì)所需要的圖形界面，同時(shí)對(duì)這些切片元件的重新整理、命名，為游戲設(shè)計(jì)師的交互設(shè)計(jì)提供一定的便利。

結(jié)論：綜上分析可知，UI設(shè)計(jì)在手機(jī)游戲設(shè)計(jì)中發(fā)揮著至關(guān)重要的作用，在其設(shè)計(jì)過(guò)程中應(yīng)該準(zhǔn)確的剖析玩家的心理特征和行為特征，從而進(jìn)一步了解玩家的喜好、習(xí)慣等方面因素，結(jié)合這些因素進(jìn)行手機(jī)游戲的UI設(shè)計(jì)和交互設(shè)計(jì)，合理的進(jìn)行游戲結(jié)構(gòu)布局，滿足玩家的個(gè)性化需求，創(chuàng)造出更加優(yōu)秀的手機(jī)游戲。

參考文獻(xiàn)

[1]孫夢(mèng)琳.手機(jī)游戲的UI在手持設(shè)備中的交互研究——以游戲《荒古》界面設(shè)計(jì)為例[D].哈爾濱師范大學(xué)，2016.

[2]霍常偉.基于cocos2d-x引擎的移動(dòng)游戲UI系統(tǒng)設(shè)計(jì)及應(yīng)用[D].北京交通大學(xué)，2012.

[3]覃柳思.基于手持移動(dòng)設(shè)備的教學(xué)游戲設(shè)計(jì)與開(kāi)發(fā)[D].上海師范大學(xué)，2012.

[4]謝蛟.智能手機(jī)游戲UI設(shè)計(jì)的研究[D].中南民族大學(xué)，2012.