手机游戏中人机界面设计探析

2018-07-23 09:05沈妙
艺术科技 2018年12期
关键词:手机游戏人机界面设计

摘 要:随着智能手机的普及和互联网的迅速发展,手机游戏已经成为人们主要的娱乐内容之一,其界面设计的优劣对于整个游戏的质量起着非常关键的作用。手机游戏界面的优劣包括人机界面是否美观以及界面功能布局是否合理,一套优质的游戏界面能大大提升玩家对于该游戏的黏性,相反则容易使玩家轻易放弃这款游戏。本文将从图形、颜色、微动效、交互设计这四个方面去解构手机游戏的界面,总结出手机游戏界面的设计要点。

关键词:手机游戏;人机界面;设计

1 手机游戏

1.1 手机游戏界面设计的概念

手机游戏是基于手机作为操作平台而设计开发的,以实现人机交互或者网络交互的软件。手机游戏界面设计的研发人员在对界面进行设计时,会考虑到界面中所包含图标的外形、整个界面呈现的颜色和界面中图标的布局等内容,而手机游戏界面中图标的布局会结合该游戏的操作按钮,使得操作符合大部分玩家的交互手势。一个优秀的手机游戏界面设计应该是在视觉上和交互方式上都符合大部分玩家的需求。

1.2 手机游戏界面的设计特点

(1)形象的图标设计。手机游戏区别于传统的电脑端游戏,具有屏幕尺寸小的特点,但是较小的屏幕却要给玩家传递同样多的信息,在界面中很多的图标不能用文字去加以描述,只能用图标去表示,这就要求手机游戏的界面中的图标具有形象生动的特点,以达到加快玩家识别该图标寓意的目的。

(2)醒目的色彩提示。当下手机游戏受到了广大玩家的喜爱,其中有一个很重要的原因是,目前的手机游戏每一局时间都不是很长,玩家可以利用自己的碎片化时间去玩游戏。玩家在玩游戏的时候可能在等待做另一件事情,此时,醒目的颜色提示就起到了很好的作用,让玩家可以不用花费太多的时间去找到自己接下来要进行的操作,从而提升玩家的使用体验。

(3)合理的界面交互。手机游戏的界面的交互设计是指游戏中几个主要界面之间以及每个主界面中每一个交互按钮之间的跳转关系。当用户在进入游戏中时,会进入一种沉浸式的交互状态,如果游戏界面交互设计合理则用户的体验将是积极的,且下意识中感受到交互的快感;反之,如果游戏界面交互设计出现了问题,用户在进行游戏操作的过程中,其交互流程就会受到干扰,随之用户会跌出这种沉浸感。总之,手机游戏界面的交互设计是整个游戏中非常重要的一部分。

2 手机游戏界面的设计现状分析

2.1 图形

图形在手机游戏界面中起着至关重要的作用,相比较文字而言,图形能更快地给不同年龄、性别、国家的玩家传递信息,玩家可以在较短时间内找到自己需要的道具、操作按钮等内容。在“绝地求生刺激战场”的操作界面中用“子弹”样子的图标表示“开枪”这一操作;在界面的右下角,分别用“蹲着”“趴下”“跳起”三个人物状态的图标表示三种可以点击的操作。这样在有限的手机屏幕上,可以让玩家快速找到自己所要的操作。

此外,在手机游戏界面中,设计精良的图形还可以提升整个游戏界面的美感,让玩家感受到整个游戏的风格与精致度。在手机游戏“王者荣耀”的主界面中,其界面图标的设计就很精良,虽然很多图标的旁边配了文字加以说明,但是每一个图标的设计都基本能看出其寓意,且图标的分布和排列也非常整齐。该界面作为玩家登录完就出现的界面,给玩家带来了良好的视觉感受,提升了整个游戏的美感。

2.2 颜色

手机游戏界面中的颜色影响着整个游戏的风格,玩家在初次接触该游戏时,界面的颜色会给用户留下最直观的印象,同时,有些被大众所共同认知的颜色还起着传递信息的作用。大家都知道红色有“警示”“提醒”的作用,在“绝地求生刺激战场”界面中的“开始游戏”以及一些“圆点”采用了醒目的大红色,目的就是提示玩家,有“圆点”标注的地方有更新的内容,需要点击查看,红色区域加以文字“开始游戏”提醒着玩家去点击以进入游戏中去。

在手机游戏界面的颜色部分设计时,界面设计师除了可以控制颜色的色相外,还可以通过控制界面中该区域颜色的明度来调整界面中的色彩。在游戏“王者荣耀”中,当该技能被使用之后需要一定的时间加载,此时表示该技能的图标并没有在形状和色相上发生变化,而是图标的颜色明度被降低了,整个图标呈现“灰色”状,表示不可点击之状。这种设计方式既能保持整个界面中色调的统一,又能起到提示玩家的作用。

2.3 动态效果

手机游戏界面向玩家传递着各种信息,界面呈现给玩家的状态也由静态逐渐向动态方向发展,在一些图标中加入动态效果,一方面可以起到装饰和美化图标的作用,另一方面可以起到提醒玩家点击此图标的作用。在游戏“王者荣耀”的主操作界面中,当其中的技能按键被使用完之后呈现灰色状以表示此时不可点击,当时间达到后,就会出现一个小小的“+”按钮,点击此按钮就会出现一个动态效果加入原技能按键上。这一方面在视觉层面对于整个界面起到了美化的作用,丰富了玩家的视觉感受,另一方面可以提醒玩家,该按钮已经加载完成,可以再次点击使用。动态效果在手机游戏界面设计中的植入,大大提高了手机游戏的生动性。

2.4 界面布局与交互手势

随着触屏手机的普及以及手机游戏的快速发展,手机游戏的界面布局也在逐渐完善,“以用户为中心”的界面设计赢得了广大玩家的喜爱。游戏界面设计师在进行手机游戏的界面布局时,更多地将人手习惯的交互手势融入其中,以方便用户的操作,减少玩家的不舒适感。

“绝地求生刺激战场”属于横版触屏类手机游戏,在整个游戏界面中,操作按键主要分布在屏幕的左右两侧,左侧主要是左手拇指控制移动的方向,另外加入了一个“开枪”的按键,当角色不需要移动的时候,左手拇指空出,可以开枪射击敌人;在屏幕的右侧分布了“开枪”这一主要按钮,当左手拇指在控制人物移动方向时,右手拇指可以点击右侧“开枪”按钮,这样游戏中的角色既能随时移动,又能进行射击;同时,屏幕右侧的“开枪”按钮下方是三個动作按钮:“蹲着”“趴下”和“跳起”。这三个按钮呈弧线排列,符合拇指移动路径,当右侧拇指控制动作时,左侧拇指可以控制运动方向,使角色灵活移动。

3 手机游戏界面设计的完善方向

3.1 精良的视觉呈现

手机游戏是基于玩家利用碎片化的时间而盛行的,除了专业游戏竞技者以外,大部分的玩家在接触该游戏的过程中并不会仔细去研究该游戏的界面究竟是怎么设计出来的,吸引玩家去继续了解该游戏的是该游戏界面设计的精致程度。

与之前的游戏界面相比较,如今的游戏界面更趋于简洁化设计,这种简洁化的设计并不是指界面设计的偷工减料,而是指游戏界面设计师将图片、文字、动态效果所在的区域进行合理划分,让玩家能提取到每一个不同界面中最重要的信息,使玩家能在尽可能短的时间内完成自己想要进行的操作。设计精良的界面可以使玩家在操作的过程中产生愉悦感,增加玩家对于该游戏的黏性。

3.2 “以玩家为中心”的设计理念

在以前的游戏界面设计中,很多游戏的界面设计会以游戏界面设计师的想法为主导去进行界面的设计,而现在的很多游戏界面在设计时,会把用户体验放在首位,更多地考虑玩家的操作习惯,不断引导玩家一步步操作,增加整个游戏的互动性。

除此之外,在如今的很多游戏界面的设计中,设计师也在不断加入一些更人性化的界面,在游戏“王者荣耀”中,就有专门的界面提示玩家连续的使用时间,以起到提醒玩家保护视力的作用,也从一定程度上提醒玩家不要“沉迷”游戏,应该合理安排自己的生活,引导游戏行业不断朝着良性方向发展。

3.3 界面中的互动性设计

随着移动互联网的普及,玩家对于手机游戏的关注不再仅仅停留在单机游戏上,网络手机游戏在手机游戏中占据了一席之地,与此同时,手机游戏中的社交功能也在不断崛起。人与人之间的社交也不再仅仅停留在微信、QQ、微博等社交软件上,闲来无事与好友约上一局手机游戏,在游戏界面上,打开语音功能的图标按钮,与好友闲话家常逐渐成为当代手机游戏玩家的一种社交方式。部分游戏还在界面中设置了“观战”的按钮图标,让玩家可以观看别的玩家在该游戏中的状态和操作。互动性设计在手机游戏界面中的植入,可以让手机游戏在其具有娱乐性的基础上兼顾社交的功能,不断优化玩家的使用体验。

4 结语

随着互联网的不断发展以及智能手机的普及,游戏市场上的游戏种类也日渐丰富,手机游戏受到不同年龄段用户的欢迎,同时,手机游戏也逐渐成为人们生活中一种常见的娱乐方式。手机游戏的界面作为手机游戏优良与否的最直观的判断依据,对该游戏的成功与否起着至关重要的作用。因此,笔者通过对比较成功的游戏界面设计进行解构,分析其成功的原因,总结出影响手机游戏界面设计的完善方向,以推动手机游戏界面设计的发展。

参考文献:

[1] HOOBER S,BERKMAN E .移动应用界面设计[M].北京:机械工业出版社,2014.?

[2] 蔣鑫.色彩在手机游戏界面中应用策略研究[J].包装工程,2014,35(24):115-118.

[3] 吴晓.手机游戏的界面交互设计研究[D].上海交通大学,2010.

[4] 杜桂丹.手机游戏中人机界面交互设计的优化方向研究[J].包装工程,2018(39):245-249.

[5] 约翰森·杰夫.认知与设计:理解UI设计准则[M].北京:人民邮电出版社,2014.

作者简介:沈妙(1990—),女,江苏人,硕士研究生,助教,中国传媒大学南广学院教师,研究方向:游戏界面设计,影视动画制作。

猜你喜欢
手机游戏人机界面设计
瞒天过海——仿生设计萌到家
让手机游戏成为传统文化的传播新渠道
手机游戏对大学生的负面影响及对策分析
设计秀
有种设计叫而专
CBTC系统车载人机界面的设计与实现
基于PLC与人机界面的经编机电子横移控制系统研究
CTCS-3级列控车载人机界面的系统设计与实现
达人机界面DOP-B10VS511
浅谈手机游戏业务发展策略