七大交互设计定律之格式塔心理学

定义与来源

格式塔心理学派中的“格式塔”源自德语“Gestalt”，意即“整体”、“完形”。格式塔心理学诞生于1912年，由魏特海默(M．Wetheimer)、苛勒(W．kohler)和考夫卡(K．Koffka)三位德国心理学家创立的。

格式塔心理学是视觉心理学领域的一个学派，他们的观点是：整体大于部分之和。即人的视觉是具有整体化、简化处理图形倾向的，因此，当一个不完整的图形出现在人的视觉当中时，人的视觉思维会倾向于自动将其补全，使其变成一个已知的、完整的、常见的、整体图形，即“完形”。

其中，创始人们提出了以下法则：

1. Proximity  接近

2. Similarity  相似

3. Closure  闭合

4. Continuity  连续

5. Simplicity  对称

6. Common Fate 共同运动

7. Figure-Ground 主体-背景

接近法则

接近法则指出相互接近的物体往往被组合在一起。人们会把位置近的物体或图形视作一组或一类，这在Robin P Williams的《写给大家看的设计书》中也被提及。

接近法则

例如在iOS的设置中，相同类别的设置距离近，不同类别间距离远。

相似法则

我们倾向于把具有相似视觉外观的元素归为一组。增强相似性印象的主要特征是元素的大小，形状和颜色。

相似法则

例如马蜂窝首页，外观相似的图标被视作一组：

闭合法则

即使图形不完整，我们的大脑很快就会填补空白，将其视为一个整体。

闭合法则

如唯物首页卡片显示不全，但是用户会脑补他是一个完整的卡片。

连续法则

当视觉被从一个物体引导到另一个物体时，我们的感知倾向于使对象以直线或曲线排列的关系排列。

连续法则

例如我的天气中，温度、空气指数纵向排列，引导用户视觉纵向移动。

对称法则

我们将对称对象视为一组。他们给人以稳定和秩序的印象。有助于阅读内容和识别模式。

对称法则

例如各种APP底部的Tab bar一般都是对称的：

共同命运法则

当元素朝同一方向移动时，我们将它们视为一组。

共同命运法则

例如banner轮播图向着一个方向自动播放：

主体-背景

人眼能够区分主体育背景元素。我们直观地知道哪些元素放置在前景中，哪些元素放置在背景中。

主体-背景

例如弹窗的设计，通常下层内容会进行遮罩，此时弹窗为主体：

图片来源 uxmisfit