用超多案例，帮你学会经典格式塔理论的7个视觉原则

格式塔理论为界面设计准则提供了相关的基本理论和原理支持。让我们了解一下！

「格式塔」这个词没有确切的翻译，所以我们使用了它的德语音译（Gestalt），也有翻译成的「完形」也就是完形心理学。完形心理学和格式塔心理学只是不同翻译方法的区别。

格式塔的原理是什么？ (Gestalt)

格式塔心理学诞生于 1912 2000年，由德国心理学家组成的研究小组试图解释人类视觉的工作原理。他们观察了许多重要的视觉现象，并为他们设置了目录。最基本的发现是，人类视觉是整体的：我们的视觉系统自动构建视觉输入结构，并在神经系统层面感知形状、图形和物体，而不仅仅是看到相互连接的边缘、线和区域。「形状」和「图形」在德语中是 Gestalt，因此，这些理论也被称为视觉感知的格式塔原理。

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

1. 接近性原则

我们可以在上图的两个图形组合中看到「A」圆角矩形给我们的视觉效果是横向的「行」组合单位「B」中更像是以「列」组合单位。因为「A」每两个圆角矩形之间的间距是横向的 20px 大于垂直30px，但大于垂直30px「B」相反，它会产生这样的视觉效果。距离密切相关，距离独立分组，这是格式塔理论中的接近原则。

在视觉效果方面，图片上的单独特征并不特别明显，取而代之的是接近组合，形成一个层次分明的整体。

在进行布局设计时，我们将以不同的形状、大小和颜色分组排列图形和文本信息，以创建视觉层次，方便用户阅读。例如，上述元素以组的形式分布在海报的每个位置，形成不同大小的视觉层次，使我们能够依次看到主要信息、次要信息、辅助信息等内容。

在上图微信的发现页面中，功能分组用户，每组硬分组是一个整体。而且 App store 中的「探索更多」和「为你推荐」更接近下面的内容，软分割中间没有明确的分割线，用户也会知道它们与下面的内容是一个整体。

2. 相似性原则

在观察事物的过程中，人们经常自动将相似或相似的东西结合在一起。如上图所示，我们将在视觉上默认分为「灰-粉-灰」三部分。默认情况下，人们在感知事物的过程中形成的心理模型属于一组类似的物体，这就是格式塔的相似性原则。

上图中的电子邮件界面是格式塔相似性原则的体现。在浏览过程中，我们会默认将纵向电子邮件图标、发件人、电子邮件标题等自动分类。

相关阅读：

由于共同的视觉元素是相关的，上图是「图片+标题+作者」作为一个模块，我们在视觉上将界面分为组类。

3. 连续性原则

因为人眼的视觉倾向于连续的形式，使阅读更加连贯，在观察事物的过程中不禁形成视觉连续性的感觉，这是格式塔的连续性原则。

上图中 IBM 的 logo，我们之所以能看出来，是因为 IBM，因为我们在视觉上看到的不是离散的线条，而是连续的图形。

「上图」它是我们在阅读过程中形成的视觉连续性的体现，具有横向或纵向阅读模式。因此，在不打破视觉连续性的情况下，设计中的有效对齐可以减弱用户的视觉疲劳。

4. 闭合性原则

封闭性类似于连续性。真实图形是非封闭的，但在视觉上，我们会自动填补空白，形成封闭的空间，这是格式塔的封闭原则。

图中 IBM 的 logo，我们的视觉将封闭非封闭的东西。

「上图」我们的视觉系统试图自动关闭开放的图形，将其感知为完整的物体，而不是分散的碎片。

5. 简化对称原则

在观察事物的过程中，我们的第一印象往往是简单对称的图形，这就是格式塔简化对称性的原则。

「上图」属于人类视觉的自然感知，①属于第一时间感知的视觉体验，②和③通过分析和分析，强烈的视觉感知。

「上图」它是格式塔简化对称性的体现，用户在浏览过程中有效地减轻了阅读压力。

6. 主题与背景原则

当小图形重叠在大图形上时，我们的视觉倾向于将小图形归类为主体，以大色块为背景，这是格式塔中的主体和背景原则。例如「下图」。

「上图」就是运用主体与背景的原理，体现图形之间的共生关系，突出主体与背景。

7. 共同命运的原则

共同命运是运动物体的体现，类似于接近原理和相似原理，与我们的视觉系统有分组对象感知事物的倾向有关，但一起运动的物体会被感知为属于同一组或相互关联的视觉现象，这是格式塔中的共同命运原则。

「上图」选中的图形 02、07、08、12、13、14、21、22.在处理过程中，我们默认将其归类为一类。

「上图」在格式塔理论中，共同命运涉及运动对象，iPhone 删除应用程序时，左上角有删除标记，在处理过程中，要么删除，要么保留，这是共同命运的原则。

总结

格式塔原则在设计中随处可见。只有更好地利用视觉空间设计作品，降低设计的复杂性，尽可能保持格式塔原则的完整性，用户才能更好、更容易地理解我们产品的使用。

更多格式塔原则的应用：

欢迎关注作者微信微信官方账号:「设计教研社」