手機游戲界面設計分析

馬建軍 華江林

(安徽新聞出版職業技術學院 傳媒出版系，安徽 合肥230601)

手機游戲界面設計分析

馬建軍 華江林

(安徽新聞出版職業技術學院 傳媒出版系，安徽 合肥230601)

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

手機游戲；界面布局；信息傳達

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

1 手機游戲界面的概念

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

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

2 手機游戲界面的設計要點分析

2.1畫面設計精美

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

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

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

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

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

2.2界面布局合理

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

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

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

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

圖4 《家園》游戲界面

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

2.3操作方法簡便

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

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

圖5 《剪扣子》游戲界面

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

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

圖6 《節奏大師》游戲界面

3 結語

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

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

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

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

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

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

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

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

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

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

[8]蔡龍飛.游戲界面設計的人性化[D].南京：南京藝術學院，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年安徽省級質量工程專業綜合改革試點動漫設計與制作項目(2013zy153)

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

TN929

A

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

(責任編輯鄧穎)