手机游戏人机交互界面设计研究

余莹莹 张 辉 陈 鹏 （西安理工大学艺术与设计学院 陕西西安 710054）

手机游戏人机交互界面设计研究

余莹莹 张 辉 陈 鹏 （西安理工大学艺术与设计学院 陕西西安 710054）

随着信息技术的迅速发展，新媒体和新技术广泛的运用，如今已经进入到崭新的数字化设计时代，数字产业的蓬勃发展，软件系统、计算机技术等在人们的日常生活中起到越发重要的作用。在数字产品、数字媒体的使用传播环境中，为了增加产品的吸引力和效力，强化品牌印象，提升用户体验质量的重要手段与方法，人机界面的交互设计开始引起人们重视，现已成为游戏设计界中最为活跃的课题。

手机游戏；人机交互；设计

一、智能手机游戏的界面交互设计

交互设计（InteractionDesign）是IDEO公司创始人比尔•莫格里奇（Bill•Mog-gridge）在1984年一次设计会议上提出的作为关注交互体验的一门新学科。交互设计的本质是使人超越机器，让机器服务于人，进而使人们通过产品和服务形成互动和交流。概括性地说，交互设计就是设计人与产品交互过程。手机界面交互设计是指对手机软件的人机交互、操作逻辑、界面美观的整体设计。完美的界面可以有效传达使用信息和文化信息。据调查当前智能手机的主流分辨率分别是Android系统的1280×720和ISO系统的1136×640。2013年Iphone5S的出现虽然在分辨率上未做改动，但是同时更新的IOS7系统却颠覆了如今手机界面设计市场。随着分辨率的逐渐提升，手机界面成为产品形象的重要组成。

二、手机游戏界面交互设计原则

手机游戏界面设计要符合美术设计的原则和交互设计上的原则。

美术设计上的原则：在游戏界面设计中整体风格、颜色的搭配和界面布局等所有元素都要围绕游戏主题。游戏画面、菜单的控制栏的设计等应符合游戏所营造的氛围。通过对界面元素的样式、颜色等改进与统一来增加游戏过程的美学享受。在手机游戏界面的设计不但要遵循形式美的法则和视觉构成要素，而且要符合游戏的创意和主题思想。优秀的手机游戏可以使玩家沉浸在游戏中，甚至忽略周边环境的影响。如果想达到这种目的，游戏设计者便要具有充分的想象力，并且明确的分析出用户的需求投其所好、引人入胜。

交互设计上的原则：一个游戏的灵魂是它的交互设计，界面的作用主要在于实现人机的交互。玩家在玩游戏的过程中其实就是通过游戏界面来时间与手机的交互的过程。玩家在玩游戏过程中，屏幕上梭看见的所有界面设计元素都是为了方便快捷的让玩家快速了解游戏，向玩家提供相关信息，引导其互动。所以对于设计者而言，游戏画面中的所有元素都是交互界面的一部分，每个元素的设计也要遵循着一定的原则。

1.保持主题的一致性

谷歌设计总监杰弗里•维恩（Jeffery Veen）说：“设计师可以从混乱中找到统一；他们可以通过组织操控文字、图片从而清晰地传达设计意图。”设计师要做到在同一游戏中，尽量让不同界面键间的风格保持统一，这也是界面设计的基础。界面设计的统一性包含的方面很多，从颜色、形状、到整体结构、通用窗口样式、字体等，均要考虑并且服务游戏的主题。如果游戏是发生中国古代的故事，应该将界面上的一些按钮等元素按照不同的风格和颜色进行编组统一。所以说，主题一致风格统一是手机游戏交互界面设计的第一歩。例如在游戏《大掌门》中，游戏界面主要采用暖色调作为主色调，大概黄色占到10%、褐色60%、红色20%，别的色调10%左右。在《中国传统文化的颜色》一书中提到：“黄色在中国封建朝代里，从宋朝以后，明黄色是皇帝专用的颜色。黄色也是中华名族文化和中华文明的象征，同时它也是中华民族的主色调，直至现在，它和红色都是中国的主色调。”所以说此款游戏在颜色搭配上符合中国传统风格的设计。游戏中的人物主要来源于各种脍炙人口的武侠小说《天龙八部》《绝代双骄》《神雕侠侣》等。在人设方面根据电视剧里人们熟知角色形象来绘制，更抓住了玩家的心理使玩家的陌生感消除，更易于把玩家带进了古代武侠的世界投入游戏。但是在《大掌门》这款游戏也有不尽人意的地方，总体界面看起来不够简洁，有些功能键也有重复。

2.界面风格简明化

Per Almqvist说过；“创造复杂的界面很简单，但如何将复杂的界面简化却很难。”可见关键在于怎样设计出一个功能强大，而又能利于简化用户操作的界面设计。苹果首席设计师 Jony Ive在接受英国每日电讯报采访上说过：“我们试图设计出最终具备必然性的产品。这会让你产生此乃唯一解决方案的感觉。其目标是以平和及简约的方式解决复杂得难以置信的问题。”Jony Ive在开发产品时有两个目标：让设计尽可能的简单、每个产品设计要做到足够好，好到用户无法接受其他样子。苹果公司最新推出的ISO7.0系统正式版正式这样一个扁平化风格，同时在优化细节方面寻求成长。ISO7.0重新设计了整个界面，总体界面更趋向于简明化。相对于之前的界面，将原本有玻璃面质感的按钮图表设计成了更简洁的平面感的图标。微妙的动作和动画效果，分层和半透明感设计也提供了深度感。在7.0中增加了从屏幕底部向上推送来快速访问常用的控制和应用程序，可以看到所有的应用程序都是用最简单的二维图形来制作摒弃了以往的三维立体效果。使得风格更加简单明了，容易操作。这种从祛除三维回归二维的设计必然会引起一波新风潮是现如今手机界面设计更加简明化的走向。

三、进一步优化玩家体验

游戏设计大师Chris Crawford说过：“高度交互式的游戏会专注地倾听它的玩家，仔细思考玩家的输入，并产生清晰的、有表现力的输出。”界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计。全球最大的互联网书店——亚马逊创办者杰夫•贝佐斯(Jeff Bezos）说过：“如果在关注竞争对手还是用户之间选择，答案总是后者。工作总是首先从用户开始。”可见注重用户的体验是必不可少的。好的游戏就像一步精彩的电影，让玩家流连忘返，对玩家有着巨大的吸引力。设计者根据玩家视觉体验心理的设计技巧，遵循游戏界面设计对比、协调、趣味性、韵律感等视觉设计的一般原则，遵循从画面中主题到背景的层次感和浏览顺序。例如Iphone手机的返回图标一般都在屏幕的左上方，如果在游戏界面设计中没有考虑到这点而设计在右上角或者别的地方就无形中会增加用户的操作负担。根据玩家需要设计出精美的按钮、图标、场景等，让玩家在玩游戏的过程中感觉到赏心悦目并且整个游戏简捷便于操作。这样便使玩家在最短的时间里用最快速的方式体验到游戏给他带来的愉悦感。

在触屏手机游戏界面设计中必然要考虑到人体工程学的问题，也就是如何使玩家手指在操作游戏中的交互达到顺畅自如。现在市面上的手机游戏通常是让用户通过手指按压、手指滑动、手指挤压、双手轻点操作、重力感应等方式来完成游戏。其中手指按压的交互方式在现如今的智能手机中最为常见。一般基础的操作，进入游戏画面都是通过按压来完成。例如，在游戏的返回、暂停和选项选择上一般都是采用按压来完成的。虽然现在智能手机的屏幕越来越大但其画面尺寸相对来说还是较小，这样就要求设计者在游戏界面设计中的尺寸要拿捏适当，游戏中出现的图标，图像要简单易识。拿Iphone来说，Iphone的输入键盘是全键盘，这样用户便面临着字母太小，如果在使用过程中打字手指必然会遮挡住键盘。设计师在设计也考虑到了这个问题，所以当我们要输入某个字母，当你按下这个字母的同时在这个按键的上方会出现所输入的字母的放大版，这样就解决了玩家在输入的时候手指遮挡按键的问题。所以这些按钮的大小的设置就要考虑到这方面的问题，不然会造成游戏在进程中的不便，影响玩家游戏娱乐体验的流畅性。

[1]张孟雪，智能手机操作界面的交互设计比较分析及展望[J]．产业与科技论坛．2011

[2]顾群业,宋玉远,张光帅．游戏艺术设计[M]．清华大学出版,2012．

[3]黄石．游戏架构设计与策划基础[M]．清华大学出版,2010．

[4]Chris Crawford． 游戏设计理论[M]． 北京希望电子出版社，2004．

余莹莹，1989年生，女，安徽六安人，设计艺术学研究生，视觉传达与多媒体艺术设计方向。