设计心理学中的格式塔原理（格式塔心理学对设计有啥影响）

其实格式塔心理学的概念也许听的不多，但是其实你已经在生活中切切实实的在运用了，举个简单例子：当我们在逛街的时候，为什么有的会立刻吸引了你的注意力，叫卖声还是视觉元素引导？

例如上图中，我们会下意识的把同色系的招牌归为一类，如果面对无法划分类型的复杂内容时，会让我们感到非常的不舒服，就像有时候我们在看产品设计或体验设计的时候，就是觉得不好用或不好看，但是又说不上哪里不好的情况一样。这就是人的认知心理在作祟。

那么作为体验设计师的我们而言，格式塔心理其实对我们影响更为深远。因为我们输出的内容有时候是难以衡量的，需要有理论支撑我们做出的考量。而不是我们随意发挥臆想的设计。

格式塔心理学原理

格式塔心理学诞生于 1912 年，是由德国心理学家组成的研究小组试图解释人类视觉的工作原理。最基础的发现是人类视觉是整体的：我们的视觉系统自动对视觉输入构建结构，并在神经系统层面上感知形状、图形和物体，而不是只看到互不相连的边、线和区域。

其核心观点是：整体决定部分的性质，并且部分依从于整体

听起来有点像是哲学概念，但是不重要，关键是我们需要了解的是其主张的7大基本原则，这些原则与我们的体验设计才是息息相关的。

格式塔创始人总结的七个基本原则：

• 接近性原则
• 相似性原则
• 连续性原则
• 闭合性原则
• 简单对称性原则
• 主体与背景原则
• 共同命运原则

01

接近性原则

人们对知觉场中客体的知觉，是根据它们各部分彼此接近或邻近的程度而组合在一起的。两个元素越是接近，组合在一起的可能性就越大。说明它们之间关系更强。但是接近也是有对比的，在复杂的设计中，我们要一边考虑它们之间内部的逻辑关系一边来排版。

在上图的两个图形组合中，我们可以看出「A」中的圆角矩形给我们的视觉效果是以横向的「行」为单位进行组合，而「B」中更像是以「列」为单位进行组合。因「A」每两个圆角矩形之间的间距横向 20px 大于竖向30px，而「B」与之相反所以会产生这样的视觉效果。距离近的关联亲密，距离远的就各自独立分组这就是格式塔理论中的接近性原则。

我们在做版式设计时会把图文信息以不同形状、大小、颜色分组排列，在视觉上营造视觉层次，便于用户阅读。如上图元素以组的形式分布在海报中的各个位置，形成不同大小的视觉层次，让我们能够依次看到主要信息、次要信息、辅助信息等内容。

我们在体验设计时常用划分固定的位置区域，例如导航栏，内容区，操作栏来做区分。还有就是通过距离远近来进行信息归类。属性相同、场景相似的信息应该放到一起，降低阅读成本，提高用户获取效率；不想干的信息尽量区分开，以免引起不必要的误解。

02

相似性原则

人们在感知时，会对那些相似的项目，只要不被接近因素干扰，会倾向于把它们联合在一起。换言之，相似的部分在知觉中会形成若干组。人们会把那些明显具有共同特性（如形状、大小、共同运动、方向、颜色等）的事物当成一个整体。与不具有相似视觉特征的元素相比，具有相似视觉特征的元素被认为更加相关。

虽然与亲密性非常类似，但他们又的的确确存在不同，亲密性强调位置，相似性强调内容。通常是把具有明显特征的事物（形状、颜色、大小）组合在一起。常常用于表单和导航

03

连续性原则

因人眼的视觉会偏向连续的形式，使阅读上更具有连贯性，在观察事物的过程中会情不自禁地形成一种视觉延续的感受，这就是格式塔的连续性原则。

在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线，使曲线继续成为曲线，也就是视觉的惯性。利用连续律我们可以让用户操作界面时不经过思考就点击一个固定的位置。人的视觉有追随一个方向的延续，以便把元素联接在一起，使它们看来是连续向着特定的方向。

我们在体验设计过程中，或者在体验某些产品界面时，不难发现这些产品基本都是通过将多个不同的信息以某个非常微小的共性，结成一个整体来展现的。

04

闭合性原则

真实的图形是非闭合的，但在视觉上我们会自动把空白填满形成封闭的空间，这就是格式塔的闭合性原则。因为闭合时一种完形的认知规律心理。主要是在人们观察熟悉的视觉形象时，会把不完整的局部形象当作一个整体的形象来感知，这种知觉上的结束；但是如果局部形象过于陌生或者简略，则不会产生整体闭合联想。

人们的视觉系统或者说视觉心理会自动把不相干的图形元素封闭起来，感知为完整的个体，而不是单独的视觉化元素。这种心理视觉影响更多应用在logo设计中，界面设计中也有。主要表现为：正负形、封闭边界、不完全闭合

05

主体/背景原则

当小图形重叠大图形之上，我们的视觉会倾向于将小图形归为主体，大色块为背景，这就是格式塔中的主体与背景原则。当主体与背景重叠时，人的视觉更加倾向于将小的物体视为主体，大的物体视为背景，所以我们可以通过大小与图的关系，将我们希望传递的不同层次的信息进行展示。

（图1）

（图2）

如图1中所展示的弹窗，主体是弹窗，背景是底部界面，利用空间感给用户做视觉引导，让用户快速感知我们想要传递的重要信息内容

06

简单对称性原则

在观察事物过程中，我们第一印象更倾向于简单而且对称的图形，这就是格式塔的简化对称性原则。具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。对称的元素往往被认为是归属在一起的，而不管它们之间的距离，都给我们一种牢固和有序的感觉。

07

共同命运性原则

一起运动的物体会被感知为属于同一组或是彼此相关这样的一种视觉现象，这就是格式塔中的共同命运原则。无论元素之间的距离有多远，或者它们看起来有多不同，如果它们一起运动或变化，它们都被认为是相关的。

iPhone删除应用时候，所有图标都一起晃动起来，左上角都有一个删除的按钮，在处理的过程中，要么删除，要么保留，这就是共同命运原则。

其实格式塔心理学原理并不是一定要死记硬背的理论，它其实在我们没有接触设计之前就已经在运用了。之所以，需要复习重温就是需要我们明白，我们在日常设计过程中，需要有一个思维或者说考虑，明白为什么这样做的原因？这才是锻炼我们成长的关键所在。

,