摘 要

游戏交互界面作为游戏与用户之间的沟通桥梁，承载着改善用户体验，提升产品愉悦度的使命，起到了不可忽视的作用，随着数字化时代快速发展，5G网络即将来临，游戏交互界面该如何伴随时代发展保持与时俱进？在难于预测的未来又该以何种方法，在用户与游戏产品之间，起到承上启下的作用？这是一门值得深究的课题。 本文主要研究伴随时代发展的移动端智能设备，其游戏交互界面在对应技术背景下的具体应用，从中分析并总结规律，归纳出移动端游戏界面设计应用方法。使得界面在视觉、体验、操作可行性等各方面都达到较大兼容，从提升用户的使用体验与舒适度。最后，对移动端游戏界面后续研究进行总结与展望。

关键词：交互 界面 设计 时代 科学技术 用户

Abstract

As a communication bridge between games and users, the game interaction interface carries the mission of improving user experience and enhancing product enjoyment. It plays a role that cannot be ignored. With the rapid development of the digital age, 5G network is coming, how is the game interaction interface? Keep up with the times with the development of the times? In the unpredictable future, what method should be used to play a role between the user and the game product? This is a topic worthy of further study. This paper mainly studies the mobile intelligent device with the development of the era, the specific application of the game interactive interface in the corresponding technical background, analyzes and summarizes the rules, and summarizes the application method of the mobile game interface design. The interface is highly compatible in terms of vision, experience, and operational feasibility, and enhances the user experience and comfort. Finally, the follow-up research on the mobile game interface is summarized and forecasted.

Key Words：Interactive interface design science and technology

目录

第1章 绪论 1

1.1移动端游戏界面交互发展背景 1

1.2移动端游戏产业发展 1

1.3研究意义 1

第二章 移动端游戏交互概述 2

2.1常见的手机游戏交互操作 2

2.1.1虚拟按键 2

2.1.2实体按键 2

2.1.3陀螺仪感应 2

2.1.4AR（增强现实） 3

2.1.5小结 3

2.2.移动端游戏界面的适配重要性 3

2.2.1小结 4

1. 移动端游戏交互界面设计原则 5

3.1.以玩家为中心 5

3.2简易型 5

3.3.逻辑大于美观 6

3.3.1逻辑性 6

3.3.2.美观性 6

第四章 移动端游戏交互界面设计的方向

4.1.情感和设计 6

4.2多维度交互 7

4.3.多模块设计 7

第五章 游戏交互界面设计的实现方式

5.1.《DEIDEI》交互界面设计分析 7

5.1.1情感化引人入胜 8

5.1.2字体、布局、图形造型与色彩 8

5.1.3细节深入与整体不变 8

5.1.3小结 9

5.2《崩坏3》交互界面分析 9

5.2.1风格鲜明的RPG游戏 10

5.2.2交互细节彰显深度 11

5.2.3摒弃繁杂操作，专注画面质感与打击感 11

5.2.4交互信息图稿 11

5.2.5小结 12

第六章 结论 12

参考文献 12

致谢 13

第一章 绪论

1.1移动端游戏界面交互发展背景

伴随5G时代的即将来临，人们对移动设备的追求早已从仅仅是人手一台手机、平板之简单，对移动设备更加苛刻的需求，促使其在即将来临的5G来临的背景下，展现出更强悍的性能，更稳定的信号，更长久的续航，这些条件让移动端游戏界面交互设计发展空间变得愈加宽广，这对于移动端游戏界面而言，是一项新的挑战。

1.2移动端游戏产业发展现状

今年国内游戏产业的蓬勃发展，且移动端游戏产业所占的比重之大，不得不引起人们的关注。来自中国经济网的《2018中国游戏产业报告》表明，中国音数协游戏工委（GPC)伽马数据（CNG）联合发布了《2018中国游戏产业报告》报告总结了中国游戏产业的整体状况，中国游戏产业的2018年收入2144亿元，其同比增长5.3%，占据全球游戏市场比例23.6%。其中移动端游戏占比62.5%，实际收入1339.6亿元，同比份额增长15.4%。2018年中国移动游戏市场实际销售收入占全球移动游戏市场30.8%。

1.3研究意义

首先，人们对移动设备的依赖性愈来愈高，“无纸化办公”“数字化生活”等口号比比皆是，移动端游戏也在人们的娱乐选择中占据着一席之地，不得不引起热切关注。其次，作为用户与游戏本身的沟通桥梁，游戏界面交互设计的好坏其实是举足轻重的，优秀的交互界面，能够让用户更好的理解游戏，并且沉浸其中，甚至会忽略自己原来在与机器对话，不好的界面不仅难以与用户产生共鸣，甚至会因为某些设计逻辑的误差、臃肿等问题引起用户反感，对游戏本身产生负面影响

第二章 移动端游戏交互概述

2.1常见的手机游戏交互操作

2.1.1虚拟按键

自2008年苹果发布iPhone4以来，智能手机从翻盖、伸缩、手写等形式逐渐向强调屏幕，弱化按钮的大屏手机方向发展。来到2019年的今天，我们日常生活中的智能手机，无一不在追求更大屏幕尺寸，更好的屏幕显示，从而达到最佳人机互效果。在这背景下衍生了移动端游戏交互的第一个主要特征：虚拟按键，简单的左手操作方向，右手操作技能道具，在如今大屏手机风潮下异常流行。来自897G手游网的一项数据表面，2018年最火十大手游排行，从10至1排名分别为《命运冠位指定》《绝地求生：全军出击》《香肠派对》《碧蓝航线》《崩坏3》《第五人格》《元气骑士》《牧羊人之心》《王者荣耀》《绝地求生：刺激战场》。十款游戏都采用虚拟按键为主的游戏交互逻辑。这些操作方法的简单易懂，让玩家拥有了更好的游戏沉浸体验，被如此之高的采用率，就是其使用的最佳证明。

虽然上述每款游戏在虚拟按键的具体细节依据各自游戏风格进行细分，但整体依旧离不开虚拟方向，技能，菜单，这几个方向。相信在追求全面屏的手机发展大背景环境下，虚拟按键的操作特征依旧会被持续采用不短的时间。

2.1.2实体按键

在2008年苹果发布iphone4之前，人们使用的绝大部分移动设备依旧是采用按键 屏幕的非触摸屏手机，移动设备内置比较简单的小游戏，通过实体按键操作即可。因为游戏之简陋，谈不上太多的交互界面，当时较为风靡的游戏代表为《贪吃蛇》《俄罗斯方块》等，随着时代发展，这种实体按键的操作也逐渐没落，被后来的虚拟按键所取代。

2.1.3陀螺仪感应

2008年智能手机爆发式的发展后，滋生了一大批以陀螺仪为主要操作特征的移动设备游戏，即利用重力控制游戏角色移动，最明显的便是各类赛车游戏，利用横屏手握设备旋转移动设备，以达到操作赛车的效果，诸如此类的赛车游戏，采用陀螺仪为主打操作交互方式明显在类型上更加适合虚拟按键的方法，因为这样可以模仿赛车手握方向盘的姿势，从而增加玩家的游戏沉浸感。代表作品为曾一度风靡全球的《极品飞车》系列。初次以外，有IMANGI STUDIOS开发的跑酷游戏《神庙逃亡》，也是以陀螺仪配合手指滑动为基本逻辑，并且在2012的APPSTORR排行榜上获得成功。

2.1.4 AR(Augmented Reality)增强现实

AR是一种将计算机图形与现实图像调整在一定角度上重合形成新形象的新型技术，这种技术的目标是通过荧幕将现实世界与虚拟世界有机结合并进行互动。。2018年9月的苹果发布会上，苹果发布了B社的《上古卷轴：BLADES》手游、篮球练习应用《HOUMECOURT》、大蜜蜂街机《GALAGA》。因为技术等原因，这种交互方法对当前科技水平而言发展得不够成熟，在未来的进步空间较大。

2.1.5小结

常见的移动端游戏界面交互操作系统，随着科技发展也在不断变化，他们没有好与坏之分，只是各自适应在不同的时代，未来依旧是未知的，因此，对于交互系统的认识与再研究，我们不应对其中之一过分盲目崇拜，尊重科学技术，敢于创新，才是更加理性的存在。

2.2移动端游戏界面的适配的重要性

移动设备的快速进步肉眼可见，至于移动设备的游戏界面，是否也应跟随不断改变？2017年，人们还沉浸在16：9的移动设备屏幕尺寸比例是，18：9屏幕横空出世，国内外移动设备厂商纷纷效仿，许多界面设计开发者、设计师都猝不及防。这种景象就仿佛把老式方块电视机的画面搬到电影院，因为屏幕载体的不同，画面自然是铺不满整块电影屏幕，留给了用户与开发者尴尬。

2017年，以苹果为首的首批刘海屏手机展现于世人，留给开发者的难题是这种异形屏幕必然会对游戏时左侧的虚拟按键产生影响，（上文提到2018年最流行的十大手游，皆采用虚拟按键为基础交互操作系统，）若是大厂的游戏，还必须同时适配此种异形屏幕与普通平整的屏幕，且最后必须保证两者之间保持相同的游戏体验与公平性，界面适应的问题，再次油然而生。

小结：移动端是移动端游戏设备赖以生存的载体，移动端的变化势必会对界面产生影响，因此，保持与时俱进，维持较大的兼容性与配合度，也许是移动端游戏界面设计师最应该考虑的设计优先级。

第3章 移动端游戏交互界面设计原则

3.1玩家为中心

来自中国产业信息网指出，在国家持续的政策鼓励，社会经济环境行业产业链条的成熟发展情况，移动智能设备的普及与技术推动之下，国内移动游戏行业的市场规模迅速扩大，从2008年的移动游戏市场规模1.5亿元到2017年的1161亿元的增长，可见移动端游戏产业之可观，游戏已日渐成为人们娱乐，消遣的主体。

在国家政策支持以外，移动游戏产业的最大支持者莫过于其忠实玩家，因此，设计师应当针对游戏类型，锁定目标用户群体，并对其进行年龄、性别、爱好等信息进行分析不同用户之间的个性化需求，从而有针对性的制作出相应的视觉交互界面。值得一提的是，事物很难做到包罗万象，即再美的女子，也许也很难对上所有男人的胃口。“以玩家为中心”并不是以所有玩家为中心，而是以匹配游戏，与游戏有相同属性的玩家为中心，并为其做出分析，从而做出个性化设计即可，能赢得这一部分玩家的青睐，其实已经是迈向成功的第一步。

3.2简易性

界面的设置在不对整体风格基调产生过大影响的情况下，应设置得更通俗易懂，原因有二，其一是玩家通常使用闲暇时间进行游戏娱乐，在工作、学习等较大精神压力以后，不愿意接触烧脑的游戏，尽管市面上依旧有许多解密、侦探类游戏，却都没有进入2018年十大热门游戏的榜单之中，说明大多数玩家，更倾向偏向简易理解的游戏，因此在游戏交互的界面设计上，应该遵循简单的原则，减去臃肿多余设计，给玩家以更加直观易懂的体验。其二是玩家的学历水平、理解水平参差不齐，为了照顾绝大多数玩家更好理解，游戏界面的简易性的原则必不可少。

3.3逻辑大于美观

3.3.1逻辑性

使得玩家在游戏当中遇到的一切都是理所当然，界面的引导，指示以及种种操作，都发生在合理且合适的地方。

3.3.2美观性.

界面风格美观，使人沉浸在对应的游戏界面风格当中并且是愉悦的。

3.3.3逻辑大于意义

逻辑大于美观的意义，即不能为了美观性，而忽略了界面逻辑的基本原则。基层界面逻辑决定上层美观性，为了美观而舍弃基本逻辑，很有可能会堕入虚有其表的地步。尽管实现了美观的目的，但埋下了玩家难以理解基本逻辑从而降低游戏评价的隐患。

第4章 移动端游戏交互界面设计的方向

4.1情感化设计

什么情感化设计？情感化设计是给予产品的功能性、易用性以后追求更高的目标，我们只有在了解产品的逻辑，全面理解分析后，才能做出不影响产品功能的情感化设计，美国认知心理学家唐纳德诺曼对产品特征进行了功能性、有用性、易用性、愉悦性进行划分，而情感化设计，就在最顶层的“愉悦性”当中。

设计师应该尝试突破虚拟世界的局限，尝试着用过完成了“有用性、易用性”之后，继续往上层发展，通过更好的人性化设计，让用户感觉自己娱乐的对象不是机器，他是有生命，有灵魂的。有时候仅仅是一句文案，一个动画，一个彩蛋，都有可能触动用户，使其用用户产生情感上的共鸣，这便是情感化设计的作用。

4.2多维度交互设计

多通道交互设计，是移动端游戏交互界面设计得重要发展方向，随着未来科技的发展，玩家的游戏操作也不应仅仅局限在虚拟按键上。譬如2016年大火的VR设备，只是因为技术原因，VR在近年渐渐淡出市场。但这给到我们的启示是，用户的界面操作不应局限在某些地方，随着科学技术的发展，肢体语言、表情、语音等形式，从二维走向三维或许都能实现高度成熟的新型交互形式，AR 的逐渐兴起便是其最有力的证明。因此，与时俱进或许是更好的交互设计思考方式。

4.3多模块设计

随着市场上游戏类型的不断丰富，玩家对游戏的操作体验也将越来越高， 虚拟按键的手感不佳的这一问题迟早会成为遭人诟病一大问题。因此，外接的模块化操作亦将成为潮流，届时，移动端游戏界面的的交合设计，将不仅仅是在一块屏幕上设计，会与其他硬件媒介形成联动，形成各种新的交互方式。

第五章 游戏交互界面设计得实现方式

5.1《DEIDEI》交互界面分析

5.1.1情感化引人入胜

毕业设计展示作品《DEIDEI》是一款简易版跑酷游戏。麻雀虽小，相比应用冷冰冰语句，倾向于使用情感设计的方法，例如，角色掉入陷阱，游戏闯关失败的时候，出现的提示语是“你玩游戏就像CXK，再试一次吧”与“真是遗憾，再试一次吧”，相比，尽管两句提示语都能提到交互界面的提示作用，但明显前者更具温度。正如工业设计师的Philippe Starck 经典名作“八爪鱼榨汁机，”堪称工业设计史上的经典名作“怪异的形状带给我们丰富的想象，仿生效果更是赋予工业化额产品极大生命力。赋予冷冰冰的工业产品人的情感和性格，和用户产生了情感碰撞。”这宾士优秀的情感化设计。

5.1.2字体、布局、图标造型与色彩

是工业设计史上的经典之作。怪异的形状带给我们丰富的想象，仿生效果更是赋予了工业化的产品极大的生命力。赋予冷冰冰的工业产品人的感情和性格，和使用者产生了情感碰撞，这便是优秀的情感化设计。

的故事背景是描述职员呆呆，带着新项目过关斩将获取同事事和上级认同的故事。在美术色彩上，采取了深色的搭配荧光色的效果。其原因有二，其一是故事虽然是职场公司背景，但是boss依旧希望利用深色以增加画面神秘感，因此采用强对比的黑色加荧光色的方案。其二是这种配色方法与公司职场主题虽有距离感，但是因为黑色，给人以遐想空间，并不会有过多违和，反而是因为这种差异感，给人以更强冲击力。关于字体设计，利用手绘的方法绘制主要字体，高亮配色，配以动画效果，在关卡页面的字体选择上，采用更有张力的衬线字体，增强画面张力；同时，尽肯能减少画面字数，较少阅读压力，如果能用图形展示的符号，都倾向于选择图形。

5.1.3细节深入与整体不变

《DEIDEI》在后期制作时添加了许多细节，比如关卡界面的背景场景，经理、组长、同事在企业的属性不同，背景元素也有所差异：“同事”是与呆呆一起入职的小伙伴，带着年轻活泼的特质，因此在背景制作时的元素采用了趣奇蛋、百乐滋、备忘录等，而经理的背景绘制，则采用了闹钟、文具、笔记本电脑等元素。值得一提的是，作品中对于boss关卡（组长、经理、同事）的人物性格只字未提，却通过这些简单的元素，丰富人物个性，且不增加作品篇幅，维持了作品本身的简洁性。

至于DEIDEI本人性格特征在哪里？则体现在运动时的动作，有意将跳跃时的动作，调整至类似翅膀摆动的浮夸动作，加上其自身夸张神奇，至少这里，可以让人感受到呆呆的人物性格偏向活泼、而非严肃。

来自知乎博主“diff”说道“细节的前提是，整体没有问题，整体包括产品本身，就爱哦互访是你，视觉布局。如果在一个错误的这个整体上面去完成细节， 毫无疑问这是悲剧。所以有时候视觉设计觉得别扭，有时候并不水设计本身的问题。细节应该是含蓄的，包括在整体之内，好的细节不容易被用户的眼睛发现，之后让用户感觉很顺，和舒服；容易被发现的细节，其实是低劣的细节”如“diff”所说，“好的细节其实是不同意被用户发现”，但确实给玩家埋下的一个个宝藏，给了玩家去挖掘游戏的可能，也是的游戏这一款产品，不那么单调，同时，整体的一致性是没有被破坏的。

5.1.4小结

其实在我看来，界面设计有两个细节，其一是“一致性”一致性表示产品的结构、交互方法、场景布局的整体一致性，互有异同但是互不矛盾；视觉风格的一致性，包括：色彩、图形、基础控件。其二是“含蓄”，大致意思便是“润物细无声”，使得产品在本质上显得更加丰富，同时不破坏产品本身的完整性

5.2《崩坏三》交互界面分析

5.2.1风格鲜明的RPG游戏

《崩坏3》是国内火爆的二次元3D动作RPG移动端游戏，出自2017年，来自897G手游网的2018年十大手游中占有一席之地。从游戏的LOADING界面，加载动画，到战斗画面无一不体现出强烈的二次元风格，，同时加入了大量的3D打斗场面。细至logo、配色、文字设计，大至人物交互逻辑，动作打击感，始终在坚持二次元路线，使得这款RPG游戏在保持风格鲜明特征的同时，保持主题统一，增强玩家的游戏沉浸度。相信这是许多玩家看到游戏时候的第一感受。

5.2.2交互细节彰显深度沉浸感。