手机游戏主界面交互信息布局设计的研究

楚孔闯

摘 要：以手机游戏种类的差异对手机游戏主界面交互信息布局设计的影像为研究目的，深入探讨了因手机游戏种类的不同使得游戏主界面交互信息整体布局存在的差异。通过热度排行选取前三十款手机游戏作为实例进行研究，由此总结出五种因游戏种类的差别而造成主界面交互信息布局设计的不同形式：一、因游戏种类及性质使得主界面信息比较丰富，即围栏型布局模式。二、主界面中快捷操作和快捷功能占主导因素，即错落型布局模式。三、以游戏画面为主，信息相对较少，即简洁型布局模式。四、构图中规中矩、清晰明了，信息齐全，即平稳型布局模式。五、信息分布相对对称均匀、条理清晰，即对称型布局模式。进而去探究手机游戏的种类和以上五种不同布局形式之间的关系。最后，对现今手机游戏主界面交互信息布局设计规律性的概括总结，能够对我们今后在手机游戏主界面交互信息布局设计中提供帮助，增加手机游戏主界面视觉的条理性和相对统一性。

关键词：手机游戏 主界面 设计要素 布局设计 游戏类型

引言

手机游戏的存在可以追溯到上个世纪，随着科技的发展，智能手机和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.