淺談角色扮演類手機(jī)游戲界面的設(shè)計(jì)

雷雅涵

摘要：現(xiàn)今用戶對(duì)于手機(jī)的要求越來越高，隨著我國3G網(wǎng)絡(luò)的普及到4G網(wǎng)絡(luò)的發(fā)展，手機(jī)游戲業(yè)和PC游戲一樣，走過單機(jī)游戲以后開始向聯(lián)機(jī)游戲發(fā)展。手機(jī)的圖像處理能力越來越好，用戶對(duì)于色彩和游戲的美工要求越來越高，如何在挑剔的用戶面前制作出一款更好的手機(jī)游戲，如何讓RPG類的手機(jī)游戲具有更加炫目的色彩、具有更加夢(mèng)幻的魔法，這是對(duì)界面設(shè)計(jì)和美工人員提出的高要求，這些要求都在迫使游戲設(shè)計(jì)者改變?cè)O(shè)計(jì)思路。

關(guān)鍵詞：游戲地圖 界面設(shè)計(jì)

中圖分類號(hào)：J524 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-5349（2017）08-0183-02

游戲界面設(shè)計(jì)（Game Interface Design 簡稱GID），是指將能夠進(jìn)行交互功能的視覺元素的游戲用戶進(jìn)行規(guī)劃、設(shè)計(jì)的活動(dòng)。視覺語言（Language of Vision），源于科學(xué)的造型理論，在造型藝術(shù)領(lǐng)域里，這種可以傳達(dá)情感、理念和信息的形象及圖形、文字、色彩等元素所構(gòu)成的視覺樣式，被稱為視覺語言。它作為用戶參與游戲和體驗(yàn)游戲娛樂性的通道直接影響著用戶對(duì)游戲的印象。一款優(yōu)秀的游戲界面，應(yīng)注重視覺語言的設(shè)計(jì)，始終遵循“以人為本”的設(shè)計(jì)理念，使用戶在游戲過程中能充分體會(huì)到人機(jī)交流的愉悅和人性化操作帶來的舒適感。同時(shí)在手機(jī)游戲的設(shè)計(jì)中，必須充分考慮游戲的可玩性，這個(gè)不僅僅是RPG游戲需要考慮的問題，也是所有手機(jī)游戲設(shè)計(jì)都必須考慮的問題。只是由于RPG游戲不同于聯(lián)網(wǎng)游戲，必須使用很好的劇情任務(wù)、炫麗的游戲魔法才能獲取玩家的良好體驗(yàn)。

游戲的交互一般都是通過圖形、文字和聲音來完成，在游戲中，需要有很多圖形圖像和文字來協(xié)作設(shè)計(jì)，由于手機(jī)網(wǎng)絡(luò)流量的限制，手機(jī)游戲的圖形一般會(huì)在游戲安裝的時(shí)候就安裝到手機(jī)中，因此在設(shè)計(jì)圖片的時(shí)候我們需要考慮怎么使用一些工具制作出非常精美的游戲地圖和游戲場景圖片，這些工作都是游戲設(shè)計(jì)中給予美工的任務(wù)也是挑戰(zhàn)。

Photoshop簡稱PS，其最讓人稱頌的就是強(qiáng)大的位圖編輯功能。它的圖形編輯功能簡單好用，通過這個(gè)工具我們既能對(duì)圖片進(jìn)行美化，也能通過處理作出虛擬圖片。我們可使用選擇工具、濾鏡工具和圖層工具進(jìn)行靈活的處理，實(shí)現(xiàn)其他軟件很難達(dá)到的效果，能將很多圖片無縫對(duì)接起來，操作簡單，能夠大大提高工作效率。同時(shí)它還具有強(qiáng)大的圖像編輯、制作、處理功能，支持市場主流的圖像格式，無縫合成許多素材，這些功能的強(qiáng)大使得PS工具成為地圖拼接合成的首選工具。它的多圖層處理功能能夠?qū)⒑芏嗟貓D元素通過圖層進(jìn)行拼接，同時(shí)它的繪畫功能也能夠很好地完成圖形編輯。在RPG手機(jī)游戲開發(fā)中，我們一般使用PS工具來完成游戲場景地圖的設(shè)計(jì)工作，主要得益于它具有以下功能：

（1）多種圖形圖像的支持。PS能夠很好地支持多種圖形圖像格式，非常方便地進(jìn)行圖形圖像的開發(fā)，用戶能夠很好地使用多種格式的素材。

（2）支持不同的輸出方式。由于游戲設(shè)計(jì)的新穎性，要求能夠使用多種不同的設(shè)計(jì)工具完成不同分辨率的格式要求，這樣可以為每個(gè)人員完成設(shè)計(jì)節(jié)約大量時(shí)間。

（3）多種輸入工具的支持。PS支持多種不同工具的應(yīng)用，比如手寫板、鼠標(biāo)、鍵盤等多種輸入工具，設(shè)計(jì)者能夠根據(jù)自己的喜好進(jìn)行輸入工具的選擇，比如魔術(shù)棒、套索工具，這些都便于設(shè)計(jì)者進(jìn)行圖形選擇、圖形編輯。

（4）圖形處理簡單。在PS中，設(shè)計(jì)者能夠非常靈活地使用工具進(jìn)行圖形的旋轉(zhuǎn)和變形，能夠按照自己的要求進(jìn)行圖形的羽化，能夠很好地進(jìn)行圖形的拉伸和旋轉(zhuǎn)。

一、RPG類游戲的界面設(shè)計(jì)需要遵循的原則

（1）人性化的設(shè)計(jì)。人性化的設(shè)計(jì)是RPG類游戲設(shè)計(jì)優(yōu)先考慮一點(diǎn)，就是要了解用戶，也只有在用戶滿意的條件下才可能有市場，從而為開發(fā)它的商家?guī)硇б妫脩舨粷M意的手機(jī)游戲在市場的激烈競爭中終將被淘汰。

（2 ）易于操作。隨著手機(jī)游戲功能及配置的不斷提高，屏幕大小、屏幕顯示這些已不再是把一些較為大型的游戲避之門外的屏障了。如今，手機(jī)不再只是通訊的工具，而是日常生活中不可缺少的娛樂工具，這時(shí)，它的操作簡易性就顯得尤為重要。

（3）遵循一致的準(zhǔn)則，確立標(biāo)準(zhǔn)并遵循。在進(jìn)行手機(jī)游戲的開發(fā)中，不論從用戶的控件的風(fēng)格還是游戲的提示語，還是游戲的窗口顏色，還是游戲的統(tǒng)一布局，我們都要做到游戲接口的一致、風(fēng)格的統(tǒng)一，這樣做的優(yōu)勢(shì)不言而喻。

（4）顏色使用恰當(dāng)，遵循對(duì)比原則。我們?cè)谑謾C(jī)游戲的設(shè)計(jì)中，必須用好顏色的搭配，不同的游戲需要不同的顏色搭配，保持界面色彩的一致性，如何搭配好游戲的界面色彩是一個(gè)比較難的課題，這個(gè)需要依靠設(shè)計(jì)者對(duì)色彩的感覺，也可以通過測試或者玩家反饋等方法來進(jìn)行改進(jìn)。

（5）資源。我們?cè)谧鲇螒蛟O(shè)計(jì)的時(shí)候必須考慮到資源格式的統(tǒng)一、圖片的大小、人物圖片的大小，玩家能夠通過這些統(tǒng)一感受到設(shè)計(jì)者對(duì)游戲的用心程度。我們?cè)谟螒虮尘皥D片的選擇時(shí)也必須考慮到視覺的對(duì)比度，整個(gè)游戲需要有比較一致的UI設(shè)計(jì)、比較統(tǒng)一的色調(diào)、比較一致的風(fēng)格。提示信息光標(biāo)樣式統(tǒng)一，盡量使用系統(tǒng)標(biāo)準(zhǔn)，杜絕出現(xiàn)重復(fù)的情況，同時(shí)注意保持風(fēng)格的一致性。

（6）字體和文字表達(dá)。我們?cè)谠O(shè)計(jì)游戲的時(shí)候還需要注意游戲界面字體的統(tǒng)一，一般來說游戲的字體選擇最好不要超過4種，最好的方式是字體采用一個(gè)設(shè)置文件，這樣將來可以統(tǒng)一修改，減少游戲的適應(yīng)時(shí)間，降低游戲后期的維護(hù)成本。游戲的提示語要盡量口語化，讓玩家能夠從細(xì)節(jié)處感受到設(shè)計(jì)者的用心，一款好的游戲一般都會(huì)針對(duì)年齡群進(jìn)行細(xì)分。

（7）控件風(fēng)格。我們需在游戲開發(fā)中注意UI的統(tǒng)一，也就是說控件使用要注意風(fēng)格的統(tǒng)一，另外游戲的所有按鈕選擇框都要一致，這樣可以減少用戶的學(xué)習(xí)和熟悉時(shí)間，同時(shí)控件也要簡化，不能滿屏的控件，那樣會(huì)影響用戶體驗(yàn)。

（8）游戲設(shè)計(jì)要注意界面的布局。由于手機(jī)屏幕太小，所以游戲界面的設(shè)計(jì)不能太擁擠，這是我們要注意的，擁擠的屏幕會(huì)導(dǎo)致操作復(fù)雜化，影響客戶體驗(yàn)，影響游戲的市場開發(fā)。因此在布局游戲界面的時(shí)候，必須考慮既要簡潔，還要操作方便。

二、RPG類手機(jī)游戲界面設(shè)計(jì)流程

（1）選擇平臺(tái)。手機(jī)游戲的設(shè)計(jì)師們首先要確定自己的RPG游戲應(yīng)該支持哪些平臺(tái)，不同的手機(jī)類型對(duì)于游戲的適應(yīng)性要求不一樣，這要求手機(jī)開發(fā)者能夠很好地了解并選定手機(jī)未來支持的平臺(tái)和型號(hào)。

（2）游戲構(gòu)思階段。游戲設(shè)計(jì)師在構(gòu)思設(shè)計(jì)題材時(shí)，會(huì)大量引用目前具有一定用戶量的界面作為參考，一個(gè)具有良好互動(dòng)的游戲會(huì)得到用戶的認(rèn)可，用戶非常容易找到游戲的操作感。一般在游戲的界面設(shè)計(jì)中我選擇目前玩家比較喜歡或傾向的游戲類型和游戲種類。

（3）參考軟件選擇。界面設(shè)計(jì)在構(gòu)思階段可以選擇一些成功的商業(yè)手機(jī)游戲進(jìn)行做以參考，目的是要求設(shè)計(jì)師能夠汲取別人的長處，但不要盲目地簡單復(fù)制，更應(yīng)該勇于創(chuàng)新。在游戲的開始的時(shí)階段，我們應(yīng)對(duì)游戲進(jìn)行分類，通過大量的類似案例來為游戲的規(guī)劃設(shè)計(jì)做準(zhǔn)備。

（4）界面設(shè)計(jì)階段。對(duì)軟件界面而言，應(yīng)該易于人的理解和接受，讓游戲及其界面盡可能地與人的直觀感受相適應(yīng)。讓玩家盡快地進(jìn)入游戲角色是最首要的目標(biāo)。要力圖通過一些簡單的操作、優(yōu)美的畫面、美妙的音樂吸引客戶，讓他們?cè)诓煌螒蛑畜w會(huì)不同的人生感受。

（5）測試并迭代。在設(shè)計(jì)完成初稿的時(shí)候，不要認(rèn)為這樣就完成階段，任何一個(gè)設(shè)計(jì)界面或者設(shè)計(jì)方案都會(huì)有反復(fù)的修改，只有不斷改進(jìn)，才能找出適合自己的游戲設(shè)計(jì)方案。一款好的游戲設(shè)計(jì)都是通過反復(fù)的修改而完成的，沒有反復(fù)的測試和迭代，是不可能完成一個(gè)好的游戲產(chǎn)品的。

三、RPG類手機(jī)游戲設(shè)計(jì)的評(píng)估

RPG類手機(jī)游戲設(shè)計(jì)主要的評(píng)估標(biāo)準(zhǔn)在于用戶體驗(yàn)，也就是是否滿足用戶的需求，讓用戶感覺到很舒心，也就是能夠體驗(yàn)到手機(jī)游戲的愉悅感。當(dāng)然，體驗(yàn)是沒有具體的量化標(biāo)準(zhǔn)的，只能通過標(biāo)準(zhǔn)化進(jìn)行評(píng)估。具體可以從如下幾個(gè)維度入手進(jìn)行評(píng)估：（1）游戲產(chǎn)品架構(gòu)是否清晰；（2）游戲產(chǎn)品流程是否清晰；（3）控件使用是否準(zhǔn)確。

游戲當(dāng)中的操作要求控件的使用一定要準(zhǔn)確，使得用戶能夠通過一些游戲操作控件來完成游戲操作。因?yàn)槭謾C(jī)界面上的操作區(qū)域比較小，通常觸摸屏的敏感性不太高，不太適合細(xì)微的操作，所以這就要求設(shè)計(jì)者應(yīng)該保證所有游戲控件的使用要具有良好的可操作性，不管是游戲菜單還是游戲按鈕，都應(yīng)該具有一定大小、合適的布局，從這一點(diǎn)可以看出設(shè)計(jì)師的界面細(xì)節(jié)處理能力。另外，保持游戲控件使用的一致性，也可以大大提高軟件的復(fù)用功能，方便用戶操作。這個(gè)是游戲控件使用是否準(zhǔn)確的唯一判定標(biāo)準(zhǔn)。

參考文獻(xiàn)：

[1]戴傳慶，蔣曉.淺析交互式包裝設(shè)計(jì)[J].藝術(shù)與設(shè)計(jì)，2008（5）：166-167.

[2]郝軍啟，吳華等.PhotoshopCS2圖像處理標(biāo)準(zhǔn)教程[M].北京：清華大學(xué)出版社，2006.

[3]李若巖，徐姝，楊波.Photoshop CS2基礎(chǔ)與實(shí)例教程[M].北京：電子工業(yè)出版社，2005.

[4]李軼南.試論優(yōu)良互動(dòng)設(shè)計(jì)的特征[J].包裝工程，2008，29（1）：162-164.

[5]徐萌.界面交互設(shè)計(jì)在個(gè)人移動(dòng)通信設(shè)備產(chǎn)品設(shè)計(jì)中的應(yīng)用[D].同濟(jì)大學(xué)，2006.

[6]羅仕鑒.人機(jī)界面設(shè)計(jì)[M].北京：機(jī)械工業(yè)出版社，2004.

[7]劉心雄，鄭家元. 觸屏手機(jī)界面設(shè)計(jì)[J].2009（2）：130-132.

[8]楊若男.基于用戶體驗(yàn)的智能手機(jī)交互設(shè)計(jì)研究[D].湖南大學(xué)，2007.

[9]姜霄.基于目標(biāo)用戶體驗(yàn)的手機(jī)界面時(shí)尚化設(shè)計(jì)研究[D].湖南大學(xué)，2008.

[10]潘婧.手機(jī)游戲軟件界面交互的設(shè)計(jì)與實(shí)現(xiàn)[D].華中科技大學(xué)，2011.

[11]任文永.手機(jī)用戶界面設(shè)計(jì)的原型構(gòu)建研究[D].江南大學(xué)，2008.

[12]扈爽.由用戶個(gè)性化需求引發(fā)的自主設(shè)計(jì)研究[D].江南大學(xué)，2010.

[13]薄玉桴.智能手機(jī)應(yīng)用軟件交互設(shè)計(jì)和設(shè)計(jì)流程研究[D].華東理工大學(xué)，2011.

[14]王晟.基于用戶體驗(yàn)的手機(jī)外觀與界面設(shè)計(jì)[D].武漢紡織大學(xué)，2010.

責(zé)任編輯：楊國棟