手机游戏界面设计分析

马建军 华江林

(安徽新闻出版职业技术学院 传媒出版系，安徽 合肥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是音乐类游戏《节奏大师》的主界面，游戏中手指要及时准确触碰到相应的按键才能得分，因此，对手指的精准操控要求很高.此款游戏画面中按键的设计相对较宽，方便玩家触碰.另外，整个界面仅在右上角保留了一个“暂停”功能键，减少了玩家误操作的概率，从而提高了操控的精准性.

图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

(责任编辑邓颖)