格式塔原理：设计师们的必备的用户心理学知识

人的大脑总是倾向于通过以往的经验或视觉模式来理解、感知这个世界，并将这些信息连接起来。例如：天空中出现的一团“怪异”的云朵，我们会将其看作成某种动物或某个熟悉的物体。那么，为什么会有这种奇妙的联系呢?

这就要归功于大脑的运作方式，它以看到的蓬松气体来感知形状或形式，一边过滤大脑中曾接收过的信息、一边以任意组合并填补空白，直至出现我们认为的那个结果。这就是格式塔心理学，也就是设计师常说的格式塔原理。

什么是格式塔心理?

格式塔的核心为“整体大于部分之和”，即人类的视觉感知具有整体性，当感知到复杂的事物时，会从神经系统层面感知形状、图形或物体，并在大脑的指挥下将视觉输入自建结构成为一个整体，而不是单独的互不相关的边、线或区域。在格式塔中，整体不能简单地看作为个体集合，其特性并不包含于元素之内。例如：矩形 矩形可以组合成一个圆，一些色块组合起来就是一只熊猫等。

格式塔原理描述的是人类视觉从神经系统对事物的感知方式，经心理学研究者总结并得出若干理论，但在设计中，常用的有以下七种：

一、接近性原则

接近性原则指出，物体之间的相对距离会影响我们感知它们的关系，元素之间越是接近，组合在一起的可能性就越大，会被看作成一个整体，反之那些距离较远的则自动划分到组外。

设计师想要表达信息的层级关系时，就需要合理运用接近性法则，它能让界面层次清晰有序。例如列表页设计，将相关的信息组合在一起并重复排列出来，就能明显感知不同小组之间的界限，当同一小组内元素关系明确时，将其更加靠拢，用户视觉就会更聚焦。

二、相似性原则

相似性认为，有共同视觉元素的物体看起来更有关联性，我们倾向于将彼此相似的元素(形状、尺寸、方向、颜色...)分为一组，这就意味着当功能、含义和层次结构相同时，应该让它们在视觉上保持一致。

在 UI 设计中，当界面元素过多，接近原则不足以满足信息层级区分时，可以使用相似性原则来统一视觉样式、表达统一的功能性。

三、连续性原则

连续性指出，人的视觉倾向于完整的连接一个图形，而不是零散的碎片，通过感知事物的形状和运动方向将分散的元素连接在一起，使直线继续成为直线、曲线继续成为曲线并朝着特定的方向延续。

在互联网产品中，做字体设计时，合理的通过断点来打破常规并不影响识别度，这正是利用的连续性原则。UI 界面中的 banner 轮播图交互模块、图标等，很多都结合了连续性设计来提升用户的视觉体验。

四、封闭性原则

封闭性认为，人们的视觉系统倾向于将不完整的局部当做一个整体来感知，看起来与连续性有诸多相似，不过连续性是通过物体的形状和运动方向、按照视觉惯性来制定闭合规律，而封闭性则并无特定规律，只要把握好不完整物体的尺度、使各元素之间相互辅助，就能让其与我们认知模型中的原型匹配。所以，不管是缺少了一部分还是更多，我们都可以自行脑补后将其视作一个完整物体。

在图形用户界面中，运用封闭性原则做省略或减法处理，可以节省很多空间资源。例如界面的横向滑动组件，右侧只显示少部分内容用来提示，用户便能自行联想出隐藏的更多内容。

五、简单对称性原则

在观察事物的过程中，人们的第一印象更倾向于简单且对称的物体，当看到一个复杂的事物时，神经系统会潜意识地移除无关细节并简化它们，使其成为简单且统一的形状这就是简单对称性原则。

简单的物体可以降低大脑的认知负荷，更容易被识别。规则、对称的物体能给人一种坚不可摧的感觉，不管有多远的距离，都可以将其归属在一起并成为一个相对的整体，不过有时候，对称的物体会比较烦闷，可以通过添加一些修饰元素来吸引人们的注意力。

六、主体与背景原则

人们在感知事物的时候，总是会将视觉区域分为主体和背景两个部分，主体指的是最吸引视觉注意力的元素，其他的元素皆为背景，这对于我们区分重要信息和次要信息至关重要。在同一画面中，不管有多少元素，都只能存在一个主体。

区分主体与背景需要从多个维度，从场景角度，我们倾向于将大场景中的小元素视为主题，大场景则为背景;从层级角度，可直接忽略大小，处于视觉第一层级的则为主体。设计师通过对主体与背景关系的处理，向用户传递出不同内容的优先级。

七、共同命运原则

共同命运原则指出，人们倾向于将具有共同运动形式的事物感知为一个彼此相关的整体，无论元素之间的距离有多远、或其他属性(形状、颜色、大小)各异，但只要沿着相同的方向、相同的速度运动，共同命运就会将其归类。

共同命运针对的是运动的物体，适合用在交互设计中，与前面提到的相似性、接近性相关。当某些元素的动作需要保持相似性或一致的运动方向时，人的视觉神经系统就可以将这些元素分离出来并视为同一个小组。

设计要求和谐有序、层次分明，这不仅是辅助传达内在业务信息的存在，还是一门关于沟通、性能和便利性的学问，灵活运用格式塔设计原理能帮助我们实现这些目标，对产品体验的提升有很大的帮助。更多设计灵感知识，请关注。