本站原创摘 要：格式塔心理学科是认知心理学中的一个重要理论,在视觉设计中已经有较大的影响.对于用户界面设计而言,格式塔原理向我们解释了视觉系统是怎样感知界面的,本文依据七种格式塔原理着重分析了它在视觉界面设计中的应用.
关 键 词：格式塔；视觉界面设计；整体性
在用户界面设计中,视觉设计是将所有设计要素最终落实的一步,是给予用户的第一印象.虽然它只是一种表面的表现形式,但对于用户的认知却起到了关键性的作用.在视觉界面设计过程中应遵循人类认知的规律,运用这些规律进行更为理性化的设计.借助心理与行为科学领域成熟的方法与理论才可以有效提高产品与怎么写作的设计水准,提升用户体验.
格式塔心理学始于20世纪初期的德国,是西方现代心理学的主要流派之一.所谓的“格式塔”是德文的译音,英文中Gestalt往往译成form（形式）或shape（形状）,因此格式塔心理学研究的出发点就是基于“形”,但又不仅限于一般所指的形式或形状,还包括由知觉活动组织成的经验中的整体.因此中文译作“整体或完形”,故格式塔心理学又称完形心理学.
格式塔心理学的核心就在于整体性.整体决定部分的性质,而部分依从于整体.它主张人脑的运作原理是整体的.在视觉感知中,人们的视觉系统自动对视觉输入构建结构,并且在神经系统层面上感知形状、图形和物体,而不是看到互不相连的边、线和区域.简而言之,就是将不完整的视觉信息给予最简单直接的解读,赋予其整体性.
视觉界面设计是产品设计的表现层,是决定视觉感知的重要层面.格式塔心理学在视觉界面设计中有着广泛的应用和深远的影响,其中最重要的格式塔原理有以下七个：
1.接近性原理：距离相近的各部分趋于组成整体
物体之间的相对距离会影响我们感知他们是否以及如何组织在一起.也就是说相对而言,相互靠近的物体看起来是属于一组的,而相对距离较远的就不是.接近性原理在网页中的页面内容归组设计最为常见,通过留白进行页面内容的归组,创造出相对距离较近和较远的组别.而并不需要分组框或者可见的边界,这样的设计一方面减少了用户界面上的视觉凌乱感,另一方面又减少了代码的数量.接近性原理为用户解读界面起到了重要的作用.
2.相似性原理：在某一方面相似的各部分趋于组成整体
同接近性原理相同,相似性原理同样解释了人们是如何感知分组的.如果其他因素相同,那么相似的物体看起来归属于一组.在人们的潜意识中,会根据形状,颜色,大小,亮度等视线内一些相似的元素自动将物体整合成集合或是整体.在使用计算机的过程中,同样类型的文件通常以同样的图标形式存在与文件夹中,即使文件夹内的文件杂乱零散,在我们的潜意识中也会认为那些具有相同或相似图标的文件是属于一组的.而当我们任意选中其中的几个文件时,我们又会认为选中的是一组,非选中的是另外一组.
3.连续性原理：具有特定轨道运行规律的物体趋于组成整体
人们往往倾向于使知觉对象的直线继续成为直线,使曲线继续成为曲线.连续性原理告诉我们,我们的视觉系统倾向于通过填补遗漏进感知连续的形式而不是离散的碎片.一个广为人知的例子就是IBM的标志.它是由非连续的蓝色快组成,但我们能够一点也不含糊地看到这三个粗体字母,就像是透过百叶窗看到的效果.利用连续性原理设计时,可以通过引导人们的视觉流达到吸引人们视觉注意力的目的.苹果公司始创的coverflow设计正是很好的应用了这一原理.即使两边的内容没有完全显示出来,但是用户却能连贯的将露出来的内容小角与正在阅读的内容轻易地联系起来,明白后面依然含有内容,并且明白如何到达下一个内容.
4.封闭性原理：彼此相属、构成封闭实体的各部分趋于组成整体
我们的视觉系统自动尝试将敞开的图形关闭起来,从而将其感知为完整的物体而不是分散的碎片.根据过去以往的经验和视知觉的整体意愿驱使,我们习惯性的将图形作为一个整体去观看,于是我们在脑袋里将缺少的形状补充进去之后,便形成最终我们识别出来的图形效果.即使是一个空白的区域,由于受到其它形体的构建影响,我们的视觉系统也会自觉地将其感知成一个物体.封闭性原理经常被应用于图标设计中,通过不完全关闭的图形设计给人以简单,轻松、自由的感觉.我们同样也能在网页设计中发现封闭性原理的踪影.例如在页面中经常会用堆叠的形式表示对象的集合,只要显示一个完整的对象和其“背后”对象的一角就足以让用户感知到这是由一叠对象构成的整体.
5.对称性原理：具有对称图形特征的部分趋于组成整体
对称性原理阐述了我们倾向于分解复杂的场景来降低复杂度.我们的视觉区域中的信息有不止一个可能的解析,但我们的视觉会自动组织并解析数据,从而简化这些数据并赋予它们对称性.对称的设计会给人以稳定,平衡,一致的感觉,同时表达了完整性、专业性和一致性.其中所对称并不一定是文字结构,也有可能是颜色或者区块性的对称.在网页设计中,有众多案例通过将logo、导航、装饰条、图片居中运用对称性原理.
6.主体/背景原理：我们的大脑将区域分为主体和背景,主体包括一个场景中占据我们主要注意力的所有元素,其余的则是背景
主体/背景原理说明了我们实际观察物体的一个现象,我们观察物体时通常有一个视觉焦点,焦点之外的物体皆是模糊的,其中焦点可以理解为主体,而模糊的其他物体可以理解成是背景.当我们在观察物体时,主体和背景会随着我们的视觉焦点的变化而发生变化.除此之外,场景的特点也会影响视觉系统对于场景中的主体和背景的解析.图形与背景的对比越大,图形的轮廓越明显,则图形越容易被发觉.在用户界面设计中,模态效果的设计就是主体/背景原理的典型应用范例,模态弹出框吸引了用户的注意力,成为新的信息主体,而原来的信息主体成为了新信息的背景.这种方式通常比将旧信息临时换成新信息更好,因为这能够帮助用户理解他们在交互中所处的环境.
7.共同命运原理：针对运动的物体,一起运动的物体趋于组成整体
共同命运原理不同于前面的六个格式塔原理,它针对的是运动的物体.但同接近性原理和相似性原理相同,都影响着我们所感知的物体是否成组.如在上文所述的相似性原理的应用中,当用户一次选取多个文件或者目录并拖拽到新的位置时,就运用到了共同命运原理,当然与此同时应用了相似性原理.同样在IOS系统中,长按应用的图标,所有的图标同时晃动,此时这些应用具有共同的命运,即被删除或移动.
实际上在现实世界的视觉场景中,格式塔原理不是孤立存在的,而是共同起作用的.格式塔心理学为视觉界面设计提供了坚实的理论基础,指导设计师在有限的空间中向用户传达更加丰富的信息.灵活的使用格式塔心理学可以帮助设计师去设计一个架构或者页面内的从属关系,还可以利用这些原则去设计页面内一些特别需要用户注意到的模块元素,制造一些具有深刻影响的平衡和牢固.在视觉界面设计中,格式塔原理是其背后的支撑,只有善于使用才能设计出更友好的用户界面.