馬建軍 華江林

(安徽新聞出版職業(yè)技術(shù)學(xué)院 傳媒出版系，安徽 合肥230601)

手機游戲界面設(shè)計分析

馬建軍 華江林

(安徽新聞出版職業(yè)技術(shù)學(xué)院 傳媒出版系，安徽 合肥230601)

手機游戲界面是玩家操縱游戲內(nèi)核及了解游戲操作信息的窗口，游戲界面的優(yōu)劣決定了游戲可玩性的高低.由于受到手機屏幕的限制，游戲界面涵蓋的信息量有限.如果在設(shè)計游戲界面時，沒有對界面的各類視覺信息進(jìn)行合理高效的規(guī)劃，就會對玩家的操作產(chǎn)生干擾.為了在設(shè)計游戲界面時，合理高效地傳遞信息，探尋其中的視覺審美規(guī)律，文章首先闡述了游戲界面的具體含義；其次結(jié)合手機游戲界面設(shè)計特性，以及玩家的視覺認(rèn)知，分析了游戲界面中所涉及的視覺信息元素；最后從提高視覺信息傳達(dá)效率的角度，由畫面設(shè)計、界面布局以及精準(zhǔn)操作性三個方面探討了在手機游戲界面設(shè)計時各視覺元素應(yīng)遵循的設(shè)計規(guī)律.

手機游戲；界面布局；信息傳達(dá)

近年來，隨著智能手機的迅猛發(fā)展，其功能已經(jīng)不僅僅局限于滿足人們?nèi)粘贤ǖ恼Z音通訊或是短信等基本要求，同時還憑借著自身精致小巧、簡單快捷、即時性和移動性等眾多優(yōu)勢，為用戶提供各種增值和休閑娛樂服務(wù).手機游戲在此背景下得到了迅猛發(fā)展，成為越來越多的手機用戶喜愛的一項娛樂休閑方式，并且擁有了一大批忠實的玩家，成為游戲行列中極具生命力的新生代，有著廣闊的市場發(fā)展前景.但手機屏幕相對較小，設(shè)計空間相對有限，如何結(jié)合手機移動終端的這一特殊性，同時又不喪失游戲本身的趣味性，對于設(shè)計人員來說，無疑是一種考驗.把握好游戲界面設(shè)計的基本原則，以及行之有效的設(shè)計方法，就顯得尤為重要，這也是本文研究的重點.本文結(jié)合手機這一游戲運行平臺的具體特點，通過分析市場上正在運行的一些游戲的操作界面，結(jié)合玩家的游戲體驗，從圖形色彩、畫面布局、操控精準(zhǔn)度三個方面進(jìn)行探究，通過分析界面設(shè)計實踐中存在的視覺影響因素以及相應(yīng)的解決方法，以摸索出一定的設(shè)計規(guī)律.

1 手機游戲界面的概念

游戲界面的廣義概念包含了玩家在玩游戲過程中所接觸到的各種硬件與軟件界面.本文所探討的手機游戲界面主要是指玩家以手機為運行平臺的電子游戲在開啟后的虛擬世界中進(jìn)行游戲的主界面.

游戲界面作為連接游戲內(nèi)核和玩家之間的橋梁，對玩家的游戲體驗影響很大.在游戲界面設(shè)計中，由于受到手機屏幕的限制，界面內(nèi)的信息容量有限，給玩家的視覺容量也相應(yīng)受限，因此，對游戲界面中含有的按鈕、動畫、文字、窗口等設(shè)計元素的要求也會顯得更為苛刻[1].目前很多設(shè)計師在進(jìn)行界面設(shè)計時缺乏這種認(rèn)識，把大量的文字、圖形、動畫等信息不加考慮地添加到界面中，這種不符合視覺審美規(guī)律的界面設(shè)計，會因為畫面布局缺乏主次而讓玩家感到焦躁不安.因此，盲目的堆積非但不能提高信息傳播的效率，反而會產(chǎn)生干擾.優(yōu)秀的游戲界面應(yīng)該精美直觀，布局合理，操作便捷，從而使玩家能夠高效便捷地操控游戲，從游戲中體會到快樂.因此,本文研究在手機游戲中如何將與用戶具有交互功能的視覺信息傳達(dá)元素結(jié)合起來進(jìn)行規(guī)劃和設(shè)計，在提高玩家操作效率的前提下，找到游戲界面的設(shè)計規(guī)律.

2 手機游戲界面的設(shè)計要點分析

2.1畫面設(shè)計精美

從玩家啟動游戲開始，到游戲界面出現(xiàn)，在極短的時間內(nèi)很難讓其對游戲本身的優(yōu)劣進(jìn)行評定，但游戲界面的第一視覺印象會在很大程度上影響玩家對游戲的評定，甚至?xí)虼朔穸ㄕ钣螒?，可見游戲畫面設(shè)計對玩家的影響是何其深遠(yuǎn).游戲界面同其他形式的平面設(shè)計一樣，也是通過文字、圖形和色彩等視覺元素符號來傳達(dá)特定的信息，以方便人機交流.由于手機屏幕的限制，界面無法提供更多的信息容納空間，游戲畫面都是很小的像素圖，因此，在保證信息傳遞清晰準(zhǔn)確的前提下，更需要將這些視覺元素加以精煉和簡化.

在信息傳遞的過程中，文字可以彌補圖形和色彩易產(chǎn)生歧義或表達(dá)不準(zhǔn)確的遺憾，是不可缺少的視覺元素[2].在界面設(shè)計中，一般選用易變識的字體來提高識別效率.如中文字體中，與行楷或草書相比，宋體就具備較好的易讀性和識別性.字號也要給予綜合考慮，如果過大，有限的界面空間無法提供足夠的文本信息量；過小則會降低文字的辨識度[3].如圖1所示，面積相同的3個畫面，六號與二號字體的文字都會對信息的傳遞效率造成干擾；相比之下，四號字體大小適中，有利于玩家對文字的識別.

游戲界面中的圖形含義很廣，它既包括玩家操縱的游戲角色及其所處的環(huán)境，又包括提示玩家操作的按鈕圖標(biāo)等.首先，作為游戲主要部分的角色與其所處的場景要保持風(fēng)格的統(tǒng)一，場景要為角色的運動預(yù)留足夠的空間，不能干擾到玩家對角色的控制.按鈕肩負(fù)著傳遞特定操作命令的任務(wù)，不僅要簡潔美觀，與主畫面保持風(fēng)格的統(tǒng)一，還要盡量采用玩家較為熟悉的簡化圖標(biāo)，才能減少用戶的記憶負(fù)擔(dān)和認(rèn)知障礙，成功傳達(dá)特定的信息.

圖2 《暗黑戰(zhàn)神》(左)與《漢堡女王》(右)游戲界面

色彩在游戲畫面中不僅能夠吸引玩家的注意，同時還可以為游戲創(chuàng)建特定的意境[4].不同類型的游戲所面向的玩家的審美需求也不同，設(shè)計師要綜合考慮諸多因素，完成畫面的風(fēng)格設(shè)計與顏色配置.如圖2所示，左邊的《暗黑戰(zhàn)神》為角色扮演類游戲，故事背景取材于希臘神話，玩家將扮演神之末裔，探索充滿傳奇異想的世界，尋找神格之力，挑戰(zhàn)傳說中的惡魔與泰坦，拯救即將毀滅的人類末世.場景和角色的主色調(diào)大部分采用藍(lán)、綠、紫等冷色系，給人以冰冷黑暗的感覺，潛在的顏色和形象刺激使玩家獲得心理上的滿足.右邊的《漢堡女王》為一款美食模擬經(jīng)營類游戲，玩家從中可以體驗制作漢堡、薯條的樂趣，也可以經(jīng)歷營運時手忙腳亂的感覺.游戲畫面的主色調(diào)采用明亮的紅、橙、黃等暖色系，不僅貼合漢堡店給人的視覺印象，同時也營造出一種輕松、活潑的畫面氛圍，使玩家在游戲的過程中身心得以放松.

2.2界面布局合理

游戲畫面所涵蓋的信息普遍包括：角色信息、功能圖標(biāo)欄、快捷任務(wù)欄、快捷操作圖標(biāo)、行動方向鍵(操作羅盤)、活動圖標(biāo)欄以及聊天信息欄等.這么多功能鍵及信息，如果不經(jīng)過合理有效的信息組織和功能排序，擺放時隨心所欲毫無章法，則會產(chǎn)生明顯的布局不平衡和重要信息不突出等問題，從而很難使玩家快速掌握游戲的操作方法，最終玩家可能會放棄這款游戲.因此，合理的界面布局可以高效地傳遞視覺信息，易于玩家操作.這要求設(shè)計師要了解玩家的視覺習(xí)慣、心理訴求和思維方式[5].不同類型的游戲在布局畫面時要根據(jù)游戲自身的特點進(jìn)行有目的的取舍與合并，橫向或縱向甚至曲線排布都可以，畫面的視覺信息既要起到明確高效的指示作用，又不能占用太大的屏幕空間.如格斗類游戲重在提升玩家在戰(zhàn)斗中的操作體驗與畫面體驗的效果，最大限度地滿足玩家戰(zhàn)斗中的打擊感與絢麗效果.因此，畫面要盡可能空出較多的空白區(qū)域從而提升格斗場景的畫面效果.

如圖3所示，該主界面設(shè)計較為簡潔，符合格斗類游戲設(shè)計風(fēng)格，一切都以玩家自我操作為中心，突出方向鍵與快捷技能鍵，其他圖標(biāo)相對弱化.

圖3 《暗影格斗》游戲界面

如果是策略類游戲，游戲界面就要圍繞“主城界面”展開，以“主城”為核心信息，以角色信息、功能按鈕、地圖等按鈕界面為次要信息，引導(dǎo)玩家逐步提升對核心系統(tǒng)的策略眼光.玩家希望呈現(xiàn)出一個比較穩(wěn)定的界面，通過此穩(wěn)定的界面，玩家再付出時間的消耗從而帶動可見的固定成長.因此，主界面要完善各類別系統(tǒng)的調(diào)配與統(tǒng)一，為玩家在主城界面的實時操作提供多個合理途徑.如圖4所示，該主界面設(shè)計元素以主城信息為主體，玩家需通過界面內(nèi)已提供的圖標(biāo)對主城做出具體的操作.

圖4 《家園》游戲界面

另外，隨著游戲復(fù)雜程度的增加，畫面里的東西會越來越多，角色的裝備也會增加，因此，在游戲設(shè)計之初，就要充分考慮這些因素，力求畫面布局簡潔明了，為后面的游戲發(fā)展預(yù)留足夠的空間.對于界面上圖標(biāo)或者是按鈕，其文字說明以彈出對話框的形式出現(xiàn)時，要保證彈出的對話框不能擋住玩家游戲的視線，保證玩家游戲場景界面不受干擾[6].

2.3操作方法簡便

游戲的目的在于娛樂，讓玩家在工作、學(xué)習(xí)之余通過體驗游戲的趣味性使身心得以放松，因此，游戲不能給玩家增加額外的心理負(fù)擔(dān)，必須具有易于上手的操作流程.《帝國時代》游戲的設(shè)計師們曾經(jīng)提出了“十五分鐘法則”，這是從玩家的心理角度得出的實踐經(jīng)驗.該法則提到：如果玩家在游戲開始后的十五分鐘內(nèi)不能順利地把握游戲的基本操作和相應(yīng)策略，同時體會到這款游戲的趣味性和挑戰(zhàn)性，他們就會放棄下一步的嘗試，甚至放棄這款游戲[7].因此，游戲要想獲得玩家的青睞，簡單易操作應(yīng)該是最基本的要求.在畫面設(shè)計中，設(shè)計師需要結(jié)合玩家的認(rèn)知背景，在場景設(shè)計和操作習(xí)慣上符合玩家的心理認(rèn)知，這樣才能提高游戲的交互性能.基于此，手機游戲在畫面設(shè)計中應(yīng)遵循以下三點基本原則：

(1)操作便捷.如果簡化的手勢操作設(shè)計，可以滿足不同年齡層次玩家的操作習(xí)慣，讓他們都能一學(xué)就會，肯定可以激發(fā)玩家的游戲興趣.如《水果忍者》(Fruit Ninja)，在整個游戲過程中只需要一個手指就可以完全操控.這種交互方式?jīng)]有門檻，老少皆宜，完全不會增加玩家的負(fù)擔(dān).

圖5 《剪扣子》游戲界面

(2)貼近生活.游戲的畫面設(shè)計應(yīng)該盡量簡單并且符合玩家在真實生活中的認(rèn)知習(xí)慣，每個功能鍵的定義要非常清楚，否則會使玩家產(chǎn)生認(rèn)知上的障礙[8].如圖5所示的《剪扣子》是一款消除類游戲，界面幾乎完全模擬真實的生活場景：通過“拖動”手指將相同顏色的扣子連成一條線，剪刀會隨之將這排扣子剪去，加上動作與音效的配合，接近人們的生活經(jīng)驗，玩家易于操作，因此很受歡迎.

(3)操控精準(zhǔn).玩家能夠精確地操控游戲是任何一款游戲都應(yīng)該具備的最基本條件，手機游戲也不例外.但受到觸屏手機屏幕面積的限制，可交互的范圍有限，在設(shè)計按鈕的位置、大小及數(shù)量時，更要考慮游戲操控的精確性.忽略操控性可能會造成界面精確度降低而出現(xiàn)誤碰到其他感應(yīng)區(qū)等問題，增加玩家誤操作的概率.圖6是音樂類游戲《節(jié)奏大師》的主界面，游戲中手指要及時準(zhǔn)確觸碰到相應(yīng)的按鍵才能得分，因此，對手指的精準(zhǔn)操控要求很高.此款游戲畫面中按鍵的設(shè)計相對較寬，方便玩家觸碰.另外，整個界面僅在右上角保留了一個“暫停”功能鍵，減少了玩家誤操作的概率，從而提高了操控的精準(zhǔn)性.

圖6 《節(jié)奏大師》游戲界面

3 結(jié)語

手機已經(jīng)成為人們生活的必需品之一，由此發(fā)展起來的手機游戲也儼然成為人們一項重要的休閑娛樂方式.相比手機游戲的快速發(fā)展趨勢，國內(nèi)的游戲制作行業(yè)發(fā)展相對較晚，并且發(fā)展環(huán)境也尚未規(guī)范，大多數(shù)公司只想在游戲的制作方面以速度優(yōu)勢占領(lǐng)市場，從而導(dǎo)致游戲界面的設(shè)計水平良莠不齊，為國產(chǎn)游戲的健康長足發(fā)展埋下了隱患.突出的問題體現(xiàn)在對手機游戲界面的設(shè)計原則和切實可行的設(shè)計方法重視不夠.因此，為保證國產(chǎn)游戲的長足發(fā)展，我們有必要對游戲界面設(shè)計投入足夠的精力.

本文的研究思路主要是通過分析市場上的手機游戲界面中所涉及的視覺信息元素，從提高視覺信息傳達(dá)效率的角度出發(fā)，由畫面設(shè)計、界面布局以及操作精確度三個方面探討各視覺元素在手機游戲界面設(shè)計時應(yīng)遵循的設(shè)計原則.首先是結(jié)合手機游戲界面的設(shè)計特性，以及玩家的認(rèn)知體驗，分析游戲界面中所涉及的各視覺元素，從提高視覺信息傳達(dá)效率的角度提出了各視覺元素在游戲界面設(shè)計時應(yīng)遵循的設(shè)計策略.

由于知識水平、研究條件等主客觀條件的限制，本文所提出的提高手機游戲界面視覺信息傳遞有效性的設(shè)計方法和設(shè)計原則，主要是從理論層面上進(jìn)行探討的，能否經(jīng)得住在設(shè)計實踐過程中的檢驗，仍有待筆者在日后的研究中進(jìn)一步豐富和完善，并將各個設(shè)計階段的具體工作進(jìn)行細(xì)化研究，以保證研究的嚴(yán)謹(jǐn)性和全面性.

[1]王軍鋒.計算機游戲界面設(shè)計方法研究[D].西安：西北工業(yè)大學(xué)，2007:6.

[2]Stevens C.為ipad而設(shè)計：打造暢銷APP[M].陳勇,張曉雯,譯.北京：人民郵電出版社，2013:124-126.

[3]劉成鎖.多媒體畫面干擾及其注意研究[D]．天津:天津師范大學(xué)，2007.

[4]于安記.從“游戲"狀態(tài)看設(shè)計色彩的教學(xué)[J].新視覺藝術(shù)，2009(3):125.

[5]傅小貞,胡甲超,鄭元攏.移動設(shè)計[M].北京:電子工業(yè)出版社，2013:45-49.

[6]尼爾.移動應(yīng)用UI設(shè)計模式[M].王軍峰,郭偎,武艷芳,譯.北京：人民郵電出版社，2013:129.

[7]葉展,葉丁.游戲的設(shè)計與開發(fā)——夢開始的地方[M].北京：人民交通出版社，2003:142.

[8]蔡龍飛.游戲界面設(shè)計的人性化[D].南京：南京藝術(shù)學(xué)院，2005:20-21.

Analysis of Interface Design of Cell Phone Games

Ma Jianjun Hua Jianglin

(Anhui Vocational College of Press and Publishing, Hefei, Anhui 230601)

Mobile phone game interface, the window for game players to manipulate the game kernel and read the game operation information, determines the game play proficiency. Due to the limitation of mobile phone screen size, the game interface just covers a limited amount of information. If the visual information of game interface is unreasonably and ineffectively designed, that will bother game players to play the game. In order to improve the transfer efficiency of information in the game interface and explore the rules of visual aesthetics, this paper elaborates on the specific meaning of the game interface at first. Then combined with the characteristics of mobile phone game interface design and the game players' visual cognition, it analyzes the visual elements information involved in the game interface. Lastly, from the perspective of improving the visual information transfer efficiency, the paper explores the design rules that the visual elements should be followed from three aspects: interface picture design, layout and operation accuracy when the mobile phone game is designed.

mobile phone game interface; interface arrangement; information transmission

2014-04-25

2013年安徽省級質(zhì)量工程專業(yè)綜合改革試點動漫設(shè)計與制作項目(2013zy153)

馬建軍(1984-)，男，安徽臨泉人，碩士，助教.研究方向：數(shù)字媒體.

TN929

A

1008-293X(2014)09-0020-05

(責(zé)任編輯鄧穎)