手機游戲主界面交互信息布局設計的研究

楚孔闖

摘 要：以手機游戲種類的差異對手機游戲主界面交互信息布局設計的影像為研究目的，深入探討了因手機游戲種類的不同使得游戲主界面交互信息整體布局存在的差異。通過熱度排行選取前三十款手機游戲作為實例進行研究，由此總結出五種因游戲種類的差別而造成主界面交互信息布局設計的不同形式：一、因游戲種類及性質使得主界面信息比較豐富，即圍欄型布局模式。二、主界面中快捷操作和快捷功能占主導因素，即錯落型布局模式。三、以游戲畫面為主，信息相對較少，即簡潔型布局模式。四、構圖中規中矩、清晰明了，信息齊全，即平穩型布局模式。五、信息分布相對對稱均勻、條理清晰，即對稱型布局模式。進而去探究手機游戲的種類和以上五種不同布局形式之間的關系。最后，對現今手機游戲主界面交互信息布局設計規律性的概括總結，能夠對我們今后在手機游戲主界面交互信息布局設計中提供幫助，增加手機游戲主界面視覺的條理性和相對統一性。

關鍵詞：手機游戲 主界面 設計要素 布局設計 游戲類型

引言

手機游戲的存在可以追溯到上個世紀，隨著科技的發展，智能手機和3G（4G）網絡的普及，移動互聯網迎來爆發式的增長，在這樣的大環境下，手機游戲得到迅速發展，從我們印象中的“貪吃蛇”、“俄羅斯方塊”簡單的游戲種類發展到可以和掌上游戲機相媲美，具有很強的娛樂性和交互性的復雜形態了。一款好的手機游戲是產品和人能建立一種連結，將用戶的潛在動力轉化為實際動力，從而使用戶在游戲中找到一種滿足感；這種連結是通過關注細節的交互、游戲激勵設計、故事的驅動來達成的。因此，手機游戲主界面作為產品與人交互的一個重要元素，它的整體布局設計顯得尤為重要；用戶可以通過主界面信息很快的融入游戲以及了解游戲，好的布局設計則將游戲主界面的信息模塊化、條理化的放在合適的位置。游戲種類的不同對游戲本身的定位也不同，進而對主界面交互信息布局的設計也有差異。本文將針對手機游戲種類的不同在其主界面交互信息布局設計上的差異化表現進行比較分析，探索手機游戲主界面交互信息布局設計的規律。[1]

一、手機游戲種類的差異和手機游戲主界面交互信息的布局設計

手機游戲市場的繁榮發展，使得游戲產品不斷膨脹、游戲種類不斷繁多。由于游戲種類上的差異，因此對游戲產品的定位同樣會有著不同，針對的用戶群也有著差別。有的用戶群注重快感的體驗，有的注重休閑娛樂等等；由于用戶注重的方向不同，游戲在主界面交互信息的選擇上同樣會做取舍，而對手機游戲主界面交互信息布局設計上會根據游戲產品的性質定位、以及用戶對手機游戲產品注重方向上的差別，而去選擇一款最適合產品的布局方式。[2]

布局形式上的不同體現，主要在于針對不同手機游戲的定位，對主界面信息：角色信息、功能標欄、快捷任務欄、快捷操作圖標、行動方向鍵（操作羅盤）、活動圖標欄以及聊天信息欄，所做的取舍，這種取舍對定位不同的手機游戲尤為重要。（如下圖表1所示）是五種不同種類的手機游戲主界面交互信息布局設計，根據游戲種類和游戲定位不同對主界面交互信息做了取舍，能使用戶更快的融入游戲，體驗手機游戲帶來的娛樂感。

二、手機游戲主界面交互信息布局設計

在一款手機游戲創造的過程中整體的故事脈絡想法和手機游戲的界面設計是兩個相對重要的部分，一款界面設計出色、清晰明了、有吸引里的手機游戲必定引來無數玩家的熱捧。當玩家打開一款游戲時，界面設計不夠出色、不夠有吸引力，界面布局設計的不夠清晰明了，顯得錯綜復雜，那么用戶也就很難去投入到游戲劇情中。因此，在一個相對狹小的上屏幕上，將界面信息：角色信息、功能標欄、快捷任務欄、快捷操作圖標、行動方向鍵（操作羅盤）、活動圖標欄以及聊天信息欄合理的布局設計顯得非常重要和必要，這恰恰體現出了手機游戲主界面交互信息布局設計的重要性。

1.手機游戲主界面設計要素和交互信息布局設計模式

手機游戲主界面交互信息設計時要注重以下三點要素：1、“量體裁衣”——針對不同類游戲主界面中各功能的側重點應有所區別；2、“繁而不亂”——當主界面無法避免諸多功能鍵和信息時，做到合理有效的信息組織和功能排序；3、“魚貫而入”——對新手井然有序的引導，使其逐漸的融入到游戲。根據以上手機游戲主界面設計的三個要素，為了更好的去研究手機游戲主界面交互信息布局設計，本文選取基于IOS手機平臺上根據熱度排行150款游戲（91手機游戲中心）進行分析，來了解手機游戲布局的模式，通過分析總結，最后概括出五種主界面布局設計的模式：圍欄型布局模式、錯落型布局模式、平穩型布局模式、對稱型布局模式和簡潔性布局模式。[3]

由上圖概括出來的五種主界面交互信息布局設計模式可以明顯看出，在游戲界面設計時，設計師遵循了上文所提到的三點設計要素，例如：圍欄型布局模式和錯落型布局模式，由于游戲的故事情節性比較強，需要更多的指導信息去引領新用戶進入游戲，因此主界面交互信息比較繁雜，所以在設計時很合理的將繁雜的信息模塊化的放在界面的四周，這樣看起來清晰明了，新用戶不會因為繁雜的信息而影響體驗游戲的心情。

將選取的150款游戲的樣本，根據游戲情節和針對的用戶以及對游戲產品的定位進行分類，通過對比大體將這150款游戲分為六大類。

通過表格我們可以發現在150款手機游戲中，格斗類占的份額最多，策略類游戲次之，這說明玩家在玩手機游戲時注重故事情節和過程的體驗居位多數，這使得主界面交互信息的布局設計在游戲制作時更加重要，如何讓用戶更快的進入到游戲故事中去，充分將上文所提到的設計三要素融入到界面交互信息布局的設計中去，是每個游戲界面設計師應該考慮的。

2.手機游戲種類和手機游戲主界面交互信息布局設計模式的關系

通過以上文字的介紹說明像，我們大概了解到手機游戲主界面交互信息的重要性，但最主要的是界面信息布局設計如何與游戲種類相結合。具體來說，根據游戲定位和性質，我們去選擇哪一種布局模式會更加的適合整個手機游戲的定位和風格，使界面的設計和完美融合。筆者在上文已將界面交互信息布局分為五種模式，這五種模式已經基本上可以涵蓋現在市面上的手機游戲主界面交互信息的布局設計。

圍欄型模式，顧名思義，即界面的信息會被設計到畫面的四周，基于游戲故事性和場景性比較大（也就是相對較大型的手游），游戲信息導航和功能鍵就會相對較多，交互信息就會充斥在主界面中，圍欄型布局模式將信息分布在四周；錯落型模式，由上文中的表二可看出他將信息同樣分布在畫面四周，但這種模式的側重點是不同于圍欄型模式的；平穩型模式，信息的分布很規整，基本上會分布在四個角落，；對稱型模式，信息對稱分布，簡單、清晰；簡潔型模式，這種布局模式的游戲界面信息比較少，在布局設計上相對就簡單一些。

筆者將從選取的150款手機游戲中抽取30款作為樣本來探究手機游戲種類和布局模式的關系，從六大類游戲中各隨機抽取了五款。

通過上面的圖標我們可以不難發現，手機游戲游戲主界面交互信息布局設計模式和手機游戲種類有著密切的關系。圍欄型模式中策略類和經營類游戲比較多，由圖6為例，這款斯巴達戰爭手機游戲，相對來說主界面的交互信息比較多切豐富，是典型的圍欄型布局模式，將界面交互信息分布在界面的周圍，以“主城”為信息，以角色信息、功能按鈕、地圖等按鈕界面為次要信息，引導玩家一步步提升對核心系統的策略眼光。這是一款典型的圍欄型模式布局的例子。[4]

錯落型布局模式主要由格斗類游戲為主，界面交互信息相對豐富，但整體的游戲風格個注重于操作，界面有任務引導欄、主功能欄、方向鍵和快捷功能鍵，但更多的去注重方向鍵和快捷功能鍵的所占的比重，例如圖7是典型的錯落型模式布局設計，畫面相對來說較為簡潔，交互信息相對較少，而更多地比重卻放在了方向鍵和快捷功能鍵上，畫面留出了更多地空白區域去提升格斗場景的畫面效果，滿足玩家的快感和視覺效果。

平穩型布局模式主要是以益智類和經營類游戲為主，界面交互信息較少，畫面較為干凈整潔，大多都是快捷鍵，也是游戲所要的必要鍵，這些按鍵信息有規律的分布在畫面的四角，玩家不會被各種信息所干擾，；對稱型布局模式，對于這種布局模式，卡牌類游戲占主要，界面信息多對稱分布，并且以畫面為主，這樣的布局設計顯得簡單明了，中規中矩，會給玩家一種單純易懂的暗示；簡潔型布局模式，這種布局模式的的手機游戲偏重休閑，冒險類游戲占多數，游戲以主畫面為主，交互信息很少，游戲簡單易懂，例如前兩年非常火的“憤怒的小鳥”，游戲故事性很弱，畫面簡潔，界面交互信息很少，但這種簡潔的休閑游戲非常吸引上班族。[5]

結語

通過上面的分析，遵循在界面設計時的三個要素，我們可以對手機游戲主界面交互信息布局設計，總結出四個設計規律：

圍欄型布局模式，策略類和經營類游戲占主要，這種游戲對新手指導較為詳細，同樣學習成本比較高，場景較大且復雜，齊全的信息可以盡量降低玩家的學習成本，并且可以快速的將玩家帶入到游戲中去，并且，提供多個合理途徑給予玩家在主界面的實時操作，完善各類別系統的調配與統一。

錯落型布局模式主要以格斗游戲為主，這是因為格斗類游戲本身的性質所決定的這種布局模式，格斗類游戲更多的注重玩家的過程體驗，滿足玩家的快感，界面的信息設定上，優先引導玩家如何對羅盤鍵與快捷鍵切換的引導，這類游戲玩家的學習成本較高，玩這類游戲的玩家更多的追求心理上和視覺上的刺激感，簡潔的交互信息使得有更多空白的區域來提升格斗時的絢麗畫面，而方向鍵和快捷功能鍵能對玩家更有代入感，可以說，格斗類手機游戲主界面布局設計都會選擇這種布局模式。

簡潔型布局模式，主界面以游戲畫面為主，界面交互信息很少，場景相對比較簡單，多以冒險類游戲為主，較少的信息給玩家一種神秘感，用戶通過自己一步步探索，漸漸走進游戲，這種布局模式符合這類游戲的特性。

平穩型布局模式和對稱型布局模式主界面交互信息相對較少，且分布相對均勻，條理比較清晰，這類游戲玩家的學習成本比較低，以卡牌類和益智類游戲為主，但游戲的內容比較考驗人的腦力，清晰、簡單的布局，使玩家把自己更多的經理去投入到游戲中去。

以上的四條設計規律可以很好的幫助我們，在對手機游戲主界面交互信息布局設計時，快速找到適合游戲的一種布局方式，并且能為大眾用戶群所接受的。當然，這樣會逐漸形成視覺美感上的疲勞，我相信隨著手機游戲行業的逐漸發展，會有更多的布局模式和手機游戲種類出現。

參考文獻

[1]搜狐新聞客戶端UED團隊.設計之下：搜狐新聞客戶端用戶體驗設計[M].北京：電子工業出版社，2014.01：34.

[2]呂悅寧.界面藝術設計[M]北京：高等教育出版社，2010.04.

[3]傅小貞.胡甲超.鄭元攏.移動設計[M]北京：電子工業出版社，2013.07.

[4][英] Giles Colborne.簡約至上：交互式設計四策略 [M].北京：人民郵電出版社，2011.

[5][美]. Robin Williams.寫給大家看的設計書[M].北京：人民郵電出版社，2009.01.