雷雅涵

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

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

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

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

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

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

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

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

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

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

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

（1）人性化的設(shè)計(jì)。人性化的設(shè)計(jì)是RPG類(lèi)游戲設(shè)計(jì)優(yōu)先考慮一點(diǎn)，就是要了解用戶(hù)，也只有在用戶(hù)滿(mǎn)意的條件下才可能有市場(chǎng)，從而為開(kāi)發(fā)它的商家?guī)?lái)效益，用戶(hù)不滿(mǎn)意的手機(jī)游戲在市場(chǎng)的激烈競(jìng)爭(zhēng)中終將被淘汰。

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

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

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

（5）資源。我們?cè)谧鲇螒蛟O(shè)計(jì)的時(shí)候必須考慮到資源格式的統(tǒng)一、圖片的大小、人物圖片的大小，玩家能夠通過(guò)這些統(tǒng)一感受到設(shè)計(jì)者對(duì)游戲的用心程度。我們?cè)谟螒虮尘皥D片的選擇時(shí)也必須考慮到視覺(jué)的對(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)一，一般來(lái)說(shuō)游戲的字體選擇最好不要超過(guò)4種，最好的方式是字體采用一個(gè)設(shè)置文件，這樣將來(lái)可以統(tǒng)一修改，減少游戲的適應(yīng)時(shí)間，降低游戲后期的維護(hù)成本。游戲的提示語(yǔ)要盡量口語(yǔ)化，讓玩家能夠從細(xì)節(jié)處感受到設(shè)計(jì)者的用心，一款好的游戲一般都會(huì)針對(duì)年齡群進(jìn)行細(xì)分。

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

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

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

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

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

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

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

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

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

RPG類(lèi)手機(jī)游戲設(shè)計(jì)主要的評(píng)估標(biāo)準(zhǔn)在于用戶(hù)體驗(yàn)，也就是是否滿(mǎn)足用戶(hù)的需求，讓用戶(hù)感覺(jué)到很舒心，也就是能夠體驗(yàn)到手機(jī)游戲的愉悅感。當(dāng)然，體驗(yàn)是沒(méi)有具體的量化標(biāo)準(zhǔn)的，只能通過(guò)標(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)確，使得用戶(hù)能夠通過(guò)一些游戲操作控件來(lái)完成游戲操作。因?yàn)槭謾C(jī)界面上的操作區(qū)域比較小，通常觸摸屏的敏感性不太高，不太適合細(xì)微的操作，所以這就要求設(shè)計(jì)者應(yīng)該保證所有游戲控件的使用要具有良好的可操作性，不管是游戲菜單還是游戲按鈕，都應(yīng)該具有一定大小、合適的布局，從這一點(diǎn)可以看出設(shè)計(jì)師的界面細(xì)節(jié)處理能力。另外，保持游戲控件使用的一致性，也可以大大提高軟件的復(fù)用功能，方便用戶(hù)操作。這個(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]楊若男.基于用戶(hù)體驗(yàn)的智能手機(jī)交互設(shè)計(jì)研究[D].湖南大學(xué)，2007.

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

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

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

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

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

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

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