基于格式塔心理学的手机游戏界面设计研究

郭鹏飞 钟厦 肖丹

关键词：格式塔心理学;手机游戏;界面设计;策略

近年来，随着经济和技术的迅猛发展，手机的功能也愈来愈丰富，越来越多的人通过手机游戏来消磨时间、放松身心，而手机游戏因其便携、受众广以及互动性的特点更加受大众的欢迎。在手机游戏行业也出现了不少的巨头，如腾讯游戏以及网易游戏，这些开发商也开始逐渐重视用户体验的改善，行业内也开始重视关于界面设计的研究。但是在手机游戏的界面设计中仍存在着一些问题，例如：（1）过分追求界面的华丽、繁复，有喧宾夺主的问题;（2）手机游戏界面设计中的视觉交互方面未被重视;（3）手机游戏界面设计单一，缺乏创新性;（4）手机游戏引导方面做得不够;（5）机型适配方面的工作做得不够好;（6）PC端游戏移植至手机端的过程中，并没有做好用户反馈的工作。

而格式塔心理学正是研究人的视知觉系统的理论，其表示人的视觉系统能自动输入并构建结构，对形状、图形和物体等视觉元素进行整体组织。它的一些基础原理与法则在指导界面设计上有一定的帮助。例如，在杨梅、李航的论文中根据格式塔心理学得出扁平化设计风格的设计思路与设计方法;在韩静华、牛菁的论文中通过不同的界面设计案例，分别分析了在界面设计中格式塔心理学的接近性、相似性和闭合性3个原理等。而在手机游戏界面设计中，格式塔心理学還处于空白阶段，所以本文根据格式塔心理学基本原理以及相关法则，阐述了其在手机游戏界面设计中的应用。

1格式塔心理学概述

1.1格式塔心理学的概念

“格式塔”是德文“Gestait”一词的音译，即系统的完形、形状或结构。也可称之为完形心理学，主要研究视觉及感觉领域l吲，其强调知觉的整体性。人的视觉具有整体化、简化处理图形的倾向。格式塔心理学派断言：人们在观看时，眼脑共同作用，并不是在一开始就区分一个形象的各个单一的组成部分，而是将各个部分组合起来，使之成为一个更易于理解的统一体。格式塔理论明确提出，通过眼脑的共同作用，知觉形象不断进行组织、简化和统一，直到产生出易于理解、协调的整体。一个好的格式塔应具有整体和谐的组织关系，并且给人简单明了的视觉效果。

1.2格式塔心理学基本法则

1.2.1相似性法则

相似性的法则是说如果一个人在感知一组元素时，他倾向于将具有一个或多个特征的那些组合作为相关的。而这些特征包括形状、大小、颜色、纹理等。

1.2.2接近性法则

接近性法则是说人们更加倾向于将距离较近的元素归在一起。例如，在界面上有两个相似的图形，它们的距离比较近，而离它们较远处存在另外一个图形，那么前两者的相关性就比它们和第三个图形的相关隆更强。所以对相似性和接近心的判断始终是相对的。

1.2.3连续性法则

连续性法则以格式塔派心理学家提出的另外一个原则为依据，即大脑不倾向于选择直线运动中出现的突然或不同寻常的变化。换言之，大脑寻求尽可能流畅完整的直线。这个直线可以指传统意义上画面中的直线，也可以指几个物体（图形）排列成的直线。大脑能把属于一条连续直线的物体和不属于这条直线的物体分离开来。

1.2.4封闭式法则

封闭式法则是说人们的视觉系统会倾向于自动将敞开的图形闭合起来，从而使人们将其感知为完整的物体而不是分散的碎片。如果有一断弧线，即使它不为完整的圆，而是其一部分，人们的大脑也会感知到整个圆。

2手机游戏界面设计关键元素

在设计手机游戏的界面之前，需要了解手机游戏界面中存在什么元素、这些元素都会运用在哪、怎样运用以及如何运用，为此本文结合自身经验、查阅相关资料后对其进行了分析、整理以及归纳，最终确定了手机游戏界面当中设计关键元素有如下几点：

2.1图标元素

图标通常代表的是有意义的图形符号，其具有高度总结、快速传达信息、便于记忆等特性。在手机游戏的界面设计中，图标被广泛地运用，它可以单独存在显示信息，但是因为它对信息进行高度的浓缩，而对于用户来说却是负担，所以它经常与文字进行配合使用。

2.2文字元素

在手机游戏界面设计中，文字是不可或缺的，但是它也不是通篇存在的，有时它会与图标搭配使用，使用户对图标的合义有更加清晰地认识：有时它会单独使用来显示信息。

2.3色彩元素

在手机游戏界面设计中，视觉占据主导地位，而色彩在视觉中非常重要。在同一个界面中，色彩通常会是统一和谐的，色彩的改变通常是运用在差异化的处理上，比如一个界面中需要强调某一元素，则经常会改变其颜色，当然，一个界面不能出现太多色彩，不然会造成用户的负担，所以在使用色彩时需要慎重考虑。

2.4按钮元素

在手机游戏界面设计中，按钮经常是图标与文字的结合。而同一个按钮通常会有两种不同的状态，一种是可以点击，而另一种是不可点击。不同的按钮之间的颜色、图标或文字大小会有差异，当然，同一类型的按钮的风格一般是一致的。

2.5背景元素

手机游戏界面设计的背景作为极为关键的设计要素，能够直接影响手机游戏界面的整体风格走向，为此，背景不能盲目地选择，它需要与该手机游戏风格相匹配，而且需要与其他的元素相互融合。

3基于格式塔心理学的手机游戏界面设计策略

在手机游戏界面设计中，视觉在用户的体验中发挥着重要的作用，成为了不得不考虑的一大因素，根据视觉的特点进行界面的设计，有助于提升用户的满意度。

3.1对界面的元素进行筛选

在一个手机游戏界面中，会出现很多的功能或入口，特别是对于手机游戏的主界面，这个时候需要根据游戏的定位以及策划的内容将这些功能、入口进行重要性排序，对于需求程度较低的功能可以根据后期排版进行增加或减少。

3.2将元素进行分类

在筛选后，手机游戏的界面中通常还是会出现很多功能或入口，在这么多的功能中，需要将其分为几类，有些功能具有相似性，可以很轻易地将其辨别，但是有些功能却没有很强的相关性，这个时候可以参考该游戏的定位以及策划的內容，分析其重要性，进行合理的分配。

3.3对类似元素进行统—处理

在对手机游戏界面的元素进行分类之后，需要将同一类的元素其进行色彩、颜色、大小以及字体的相同处理，并且排布的方式需要进行处理，较常见的排布方式有横向排布和纵向排布，当然，根据格式塔心理学的相关原理，也可以进行有运动趋势的排布。

3.4将不同类别元素拉开距离

一般来说，分在一组的元素的距离较近，而不同的元素距离较远，这样视觉就能很好地自动将其进行分组。当然也可以将不同类别的元素的底部进行差异化处理，例如，底部的颜色、样式不同，这样也可以很好地将不同类别元素进行区分。

3.5对突出功能进行改变

在同一类的元素中，有时可能需要强调某一元素，这个时候可以改变其颜色或样式，通常颜色的改变有更大的吸引力，而颜色的突出也以红、黄等暖色为主，当然也要考虑背景颜色以及其他元素。

3.6巧用封闭式、连续性法则

在对细节的处理上，封闭式与连续性的原理可以很巧妙地帮助人们将一类元素进行组合，当然，在大的元素上也一样可以发挥其作用。

4基于格式心理学的手机游戏界面设计案例分析

格式塔心理学是如何被运用在手机游戏界面设计之中的呢？本章通过分析4个优秀的手机游戏界面设计案例，来看看格式塔心理学的相关法则是如何影响手机游戏界面设计的。

4.1基于接近性与封闭性的手机界面设计

去除《王者荣耀》主界面颜色以及对其中的按钮、图标以及文字进行简化后，如图1、图2所示，根据格式塔心理学的接近性和相似性法则，可以将其简要的分为7个部分，分别为：顶部栏、好友栏、进行游戏栏、底部导航栏、右侧导航栏、公告栏以及聊天栏。在位置的编排上，重要的“进入游戏”相关按钮排布在了中间且较其他元素更大，最为醒目且方便点击;金币、钻石等信息放在了游戏栏顶端，处于视觉的起始位置，更加方便观看;然后将次要部分放置左右部分。对于同—部分，图标、按钮、颜色以及文字进行了相似的处理。让其内部更加统一，对于想要突出的地方，进行了颜色的差异化，例如，顶部栏想要突出“首充”，则对其加上了醒目的颜色。对于细节，例如，好友栏中，运用了格式塔中封闭式原理，使玩家在没有看到下面内容的情况下轻松地了解其可以向下拖动。

4.2基于接近性与连续性的手机界面设计

去除了《和平精英》主界面颜色以及进行处理后，如图3、4所示，很容易观察到以下7个部分：进入游戏入口、社交入口、公告功能、底部导航栏1、侧边导航栏、语言功能以及底部导航栏2。除了运用格式塔心理学中的接近性、相似性法则之外，还运用了连续性法则，例如，“组队”与“好友”功能，它们的整体形状可以归为一个图形，又例如语音功能入口也是如此。不仅在较小的元素上可以使用这条法则，在较大的元素中，这条法则也可以发挥很好的作用。

在《星季》中，如图5、图6所示，底部的大圆尽管是没有封闭的，但是人们的视觉习惯将其作为一个整圆，这样也非常巧妙地运用了该法则，简洁、直观地体现了该游戏其星星围绕星球转的游戏玩法。

在《崩坏3》中，如图7、图8所示，第1、2个部分元素其内部的的形状、大小、颜色不仅高度一致，而且其内部的元素排列具有连续性，尽管不知道其里面的内容，但显而易见的是，它们显然是一组的。

5结语

格式塔心理学为手机游戏界面设计提供了有意义的设计指导，随着手机游戏产业不断的发展，玩家对手机游戏的期望值也会不断升高，文章从设计师的角度，分析了格式塔心理学理论在手机游戏界面设计的应用，最后总结出了适用于手机游戏界面设计的设计策略，当然，本文所选的手机游戏为现有较优秀的游戏，其中也有不少的问题，而且并不能覆盖到所有的手机游戏，所以具有一定的局限性，为此，仍将不断地在设计中进行探索。