设计法则：格式塔理论 Gestalt Theory
理论
格式塔理论也叫“完形心理学”，是心理学家对知觉组织的一种看法。把完形心理学应用到画面里，可以有效引导视觉的动线。
观看下面的图片，你看到了什么？
大多数人会回答：“是一只狗。”对品种更了解的人会说：“这是一只大麦町。”
明明只是一堆不规则的点，为什么大家几乎都觉得这些点能代表狗？为什么不觉得是猫，或者其他动物？
这些点的位置和形状，好像都在暗示这只狗的轮廓。而且因为你以前见过狗，知道它们的尾巴、头、耳朵和身体，这些信息都帮你在很短的时间内认出来。
如果我们认知里的“狗”可能有很多只脚，一个很大的头，那你就不会觉得这张图像是狗了。
整体不等于个体的总和。当多个个体聚集在一起时，会自然形成一种新的组织和特定信息，这种信息超越了各个个体简单相加所产生的信息。
图片由 Xuan Nguyen 拍摄并发布于 Unsplash
我们对一朵花的感知，不只是花的形状、颜色这些感官信息，还包括我们对花的经验和印象，合起来才是我们对一朵花的感知。
通过“统一性”来创造更好的设计，而它的核心概念是：整体不等于各部分简单相加。
简单来说，这是大脑用更快的方法，让我们在短时间内理解世界。
八个法则
下面介绍几个法则，并用插图、图片作品来说明我自己是怎么运用或延伸的。
相似性 Similarity
相似的元素会被归为一组。
如果元素之间有相似的视觉特征，比如颜色、大小、形状、主题等等，人们就会把它们看成一组。我们可以利用元素的相似性，让不同的元素之间有组织性。
例一：蘑菇森林·仰望月空
插图用粉红色和粉蓝色，把元素分成两组；这样不仅让画面看起来更简洁，也能让人一眼就看出谁是主角。
例二：只给香蕉只能请到猴子吗？
这张图是《给香蕉只能请到猴子？》的封面插图，用钱币和香蕉切片相似的形状融合在一起。
延续性 Continuation
把元素看作是沿着路径走的一条连续的线。
最明显的特点就是，先找到起点，然后按照方向走。比如箭头指向的方向、相邻的点连成的线，甚至是通过一些暗示，让观众不自觉地往那个方向看去。
例一：笔记本电脑
插图用白色球体，暗示视觉的延伸。
例二：火车
火车头暗示了前进的方向，虽然车厢的上半部分没有完全封闭，但在视觉上人们会觉得它们是一条线。
例三：放射状背景制作方法文章封面
作为《AI｜放射状背景的制作方式》这篇文章的封面，这些放射状的形态就像烟花一样，不断扩散开来，让画面有一种隐藏的动态感。
这个例子也有下一个法则（封闭性）的特点。虽然没有明确画出一个圆形，很多地方是空白的，但我们视觉上还是会把它看成一个圆形。
封闭性 Closure
当视觉缺少整体的一部分时，我们的大脑会自动把缺失的部分补上。
通过利用负空间或者剪影来表现物体，不需要把图像全部画出来，也能让观众自己想象出里面的内容。
例一：一气标志
标志设计的形状，虽然没有把球形完全封闭，但视觉上还是会觉得它是个球形。
例二：山
插图利用封闭的特点，把视觉效果简化，增加神秘感。
例三：疹子
因为封闭的特性，就算画面没补全，也能清楚看出图像。
邻近性 Proximity
距离较近的元素被归为一组。
元素放得越近，关系就越紧密。在排版设计里，把有关系的元素放在一起，可以让版面更有条理。
例一：圣诞
三个三角形互相垂直排列在一起，形成一个整体的效果。
例二：Dribbble 邀请
把五个物件紧密排列，让它们整体感更强。另外，可以看到五个物件从中心往外颜色逐渐变淡，让画面有节奏感。中间的物件是实心的，最有分量，左右两边的是色块填充，分量稍微轻一点，最外侧左右两边的物件是用线条构成的，是最轻的部分。
背景与前景 Figure and Ground
背景和前景的关系可以看作是一组。
元素之间的空隙形成了负空间，负空间可以有效弥补正空间的局限，还能帮助画面更平衡，让画面有更多想象的空间。
例一：双心
两个互相倒过来的爱心，组合成一个视觉效果。因为画面元素很少，可以让人联想到爱心、胸部、臀部这些暧昧的形象。
例子二：图形和背景反转以及负空间的文章封面
特意反过来做，故意强化图和地的表现。
对称性 Symmetry
对称元素被认为属于同一组。
能让读者在短时间内识别出来，并找到它们之间的关系。在画面中不仅可以看作是同一组，还能起到视觉平衡的作用。
例一：方便面
用黑轮、麻糬、面条、香菇这些食物，组合成对称的人脸，在画面中可以清楚地感受到它们是一组视觉元素。
例二：水果派对
把同类型的食物（都是水果）上下对齐，并改变它们的形状，但保留它们的特征。
共同区域 Common Region
放在同一个区域的元素，被看作是一组。
在实际应用中，可以看到比较明显的区域划分，比如色块、线条，清楚地显示出不同的区域。这种做法常见于信息图表或者信息量比较大的设计里。
例一：诺蔓烘焙产品名称标签
可以看到品牌名称（诺蔓烘焙）底下有色块和线条，很明显把品牌名称和其他信息区分开来，让大家第一时间就能清楚地阅读信息。
例子二：猫咪农场
类似相框的设计，把内容清楚地分开，还增加了趣味性。
共同命运 Common Fate
当元素往同一个方向移动时，我们会把它们看作是同一组的一部分。
让元素往同一个方向移动或运动，可以让用户在短时间内理解它们之间的。
例一：文章封面
可以看到所有箭头都朝右边前进，暗示多个项目会汇集到同一条轨道上。
补充
一位设计师把格式塔理论做成了动画视频，内容清楚又有美感。
最后的唠叨
大多数文章里都能看到关于格式塔理论的案例，但内容大多是界面设计，所以有了这篇，讲的是在视觉（偏向插画）表现上的应用案例。
- The End -
更多发现
设计法则：格式塔理论 Gestalt Theory
理论
格式塔理论也叫“完形心理学”，是心理学家对知觉组织的一种看法。把完形心理学应用到画面里，可以有效引导视觉的动线。
观看下面的图片，你看到了什么？
大多数人会回答：“是一只狗。”对品种更了解的人会说：“这是一只大麦町。”
明明只是一堆不规则的点，为什么大家几乎都觉得这些点能代表狗？为什么不觉得是猫，或者其他动物？
这些点的位置和形状，好像都在暗示这只狗的轮廓。而且因为你以前见过狗，知道它们的尾巴、头、耳朵和身体，这些信息都帮你在很短的时间内认出来。
如果我们认知里的“狗”可能有很多只脚，一个很大的头，那你就不会觉得这张图像是狗了。
整体不等于个体的总和。当多个个体聚集在一起时，会自然形成一种新的组织和特定信息，这种信息超越了各个个体简单相加所产生的信息。
图片由 Xuan Nguyen 拍摄并发布于 Unsplash
我们对一朵花的感知，不只是花的形状、颜色这些感官信息，还包括我们对花的经验和印象，合起来才是我们对一朵花的感知。
通过“统一性”来创造更好的设计，而它的核心概念是：整体不等于各部分简单相加。
简单来说，这是大脑用更快的方法，让我们在短时间内理解世界。
八个法则
下面介绍几个法则，并用插图、图片作品来说明我自己是怎么运用或延伸的。
相似性 Similarity
相似的元素会被归为一组。
如果元素之间有相似的视觉特征，比如颜色、大小、形状、主题等等，人们就会把它们看成一组。我们可以利用元素的相似性，让不同的元素之间有组织性。
例一：蘑菇森林·仰望月空
插图用粉红色和粉蓝色，把元素分成两组；这样不仅让画面看起来更简洁，也能让人一眼就看出谁是主角。
例二：只给香蕉只能请到猴子吗？
这张图是《给香蕉只能请到猴子？》的封面插图，用钱币和香蕉切片相似的形状融合在一起。
延续性 Continuation
把元素看作是沿着路径走的一条连续的线。
最明显的特点就是，先找到起点，然后按照方向走。比如箭头指向的方向、相邻的点连成的线，甚至是通过一些暗示，让观众不自觉地往那个方向看去。
例一：笔记本电脑
插图用白色球体，暗示视觉的延伸。
例二：火车
火车头暗示了前进的方向，虽然车厢的上半部分没有完全封闭，但在视觉上人们会觉得它们是一条线。
例三：放射状背景制作方法文章封面
作为《AI｜放射状背景的制作方式》这篇文章的封面，这些放射状的形态就像烟花一样，不断扩散开来，让画面有一种隐藏的动态感。
这个例子也有下一个法则（封闭性）的特点。虽然没有明确画出一个圆形，很多地方是空白的，但我们视觉上还是会把它看成一个圆形。
封闭性 Closure
当视觉缺少整体的一部分时，我们的大脑会自动把缺失的部分补上。
通过利用负空间或者剪影来表现物体，不需要把图像全部画出来，也能让观众自己想象出里面的内容。
例一：一气标志
标志设计的形状，虽然没有把球形完全封闭，但视觉上还是会觉得它是个球形。
例二：山
插图利用封闭的特点，把视觉效果简化，增加神秘感。
例三：疹子
因为封闭的特性，就算画面没补全，也能清楚看出图像。
邻近性 Proximity
距离较近的元素被归为一组。
元素放得越近，关系就越紧密。在排版设计里，把有关系的元素放在一起，可以让版面更有条理。
例一：圣诞
三个三角形互相垂直排列在一起，形成一个整体的效果。
例二：Dribbble 邀请
把五个物件紧密排列，让它们整体感更强。另外，可以看到五个物件从中心往外颜色逐渐变淡，让画面有节奏感。中间的物件是实心的，最有分量，左右两边的是色块填充，分量稍微轻一点，最外侧左右两边的物件是用线条构成的，是最轻的部分。
背景与前景 Figure and Ground
背景和前景的关系可以看作是一组。
元素之间的空隙形成了负空间，负空间可以有效弥补正空间的局限，还能帮助画面更平衡，让画面有更多想象的空间。
例一：双心
两个互相倒过来的爱心，组合成一个视觉效果。因为画面元素很少，可以让人联想到爱心、胸部、臀部这些暧昧的形象。
例子二：图形和背景反转以及负空间的文章封面
特意反过来做，故意强化图和地的表现。
对称性 Symmetry
对称元素被认为属于同一组。
能让读者在短时间内识别出来，并找到它们之间的关系。在画面中不仅可以看作是同一组，还能起到视觉平衡的作用。
例一：方便面
用黑轮、麻糬、面条、香菇这些食物，组合成对称的人脸，在画面中可以清楚地感受到它们是一组视觉元素。
例二：水果派对
把同类型的食物（都是水果）上下对齐，并改变它们的形状，但保留它们的特征。
共同区域 Common Region
放在同一个区域的元素，被看作是一组。
在实际应用中，可以看到比较明显的区域划分，比如色块、线条，清楚地显示出不同的区域。这种做法常见于信息图表或者信息量比较大的设计里。
例一：诺蔓烘焙产品名称标签
可以看到品牌名称（诺蔓烘焙）底下有色块和线条，很明显把品牌名称和其他信息区分开来，让大家第一时间就能清楚地阅读信息。
例子二：猫咪农场
类似相框的设计，把内容清楚地分开，还增加了趣味性。
共同命运 Common Fate
当元素往同一个方向移动时，我们会把它们看作是同一组的一部分。
让元素往同一个方向移动或运动，可以让用户在短时间内理解它们之间的。
例一：文章封面
可以看到所有箭头都朝右边前进，暗示多个项目会汇集到同一条轨道上。
补充
一位设计师把格式塔理论做成了动画视频，内容清楚又有美感。
最后的唠叨
大多数文章里都能看到关于格式塔理论的案例，但内容大多是界面设计，所以有了这篇，讲的是在视觉（偏向插画）表现上的应用案例。
- The End -
更多发现
设计法则：格式塔理论 Gestalt Theory
理论
格式塔理论也叫“完形心理学”，是心理学家对知觉组织的一种看法。把完形心理学应用到画面里，可以有效引导视觉的动线。
观看下面的图片，你看到了什么？
大多数人会回答：“是一只狗。”对品种更了解的人会说：“这是一只大麦町。”
明明只是一堆不规则的点，为什么大家几乎都觉得这些点能代表狗？为什么不觉得是猫，或者其他动物？
这些点的位置和形状，好像都在暗示这只狗的轮廓。而且因为你以前见过狗，知道它们的尾巴、头、耳朵和身体，这些信息都帮你在很短的时间内认出来。
如果我们认知里的“狗”可能有很多只脚，一个很大的头，那你就不会觉得这张图像是狗了。
整体不等于个体的总和。当多个个体聚集在一起时，会自然形成一种新的组织和特定信息，这种信息超越了各个个体简单相加所产生的信息。
图片由 Xuan Nguyen 拍摄并发布于 Unsplash
我们对一朵花的感知，不只是花的形状、颜色这些感官信息，还包括我们对花的经验和印象，合起来才是我们对一朵花的感知。
通过“统一性”来创造更好的设计，而它的核心概念是：整体不等于各部分简单相加。
简单来说，这是大脑用更快的方法，让我们在短时间内理解世界。
八个法则
下面介绍几个法则，并用插图、图片作品来说明我自己是怎么运用或延伸的。
相似性 Similarity
相似的元素会被归为一组。
如果元素之间有相似的视觉特征，比如颜色、大小、形状、主题等等，人们就会把它们看成一组。我们可以利用元素的相似性，让不同的元素之间有组织性。
例一：蘑菇森林·仰望月空
插图用粉红色和粉蓝色，把元素分成两组；这样不仅让画面看起来更简洁，也能让人一眼就看出谁是主角。
例二：只给香蕉只能请到猴子吗？
这张图是《给香蕉只能请到猴子？》的封面插图，用钱币和香蕉切片相似的形状融合在一起。
延续性 Continuation
把元素看作是沿着路径走的一条连续的线。
最明显的特点就是，先找到起点，然后按照方向走。比如箭头指向的方向、相邻的点连成的线，甚至是通过一些暗示，让观众不自觉地往那个方向看去。
例一：笔记本电脑
插图用白色球体，暗示视觉的延伸。
例二：火车
火车头暗示了前进的方向，虽然车厢的上半部分没有完全封闭，但在视觉上人们会觉得它们是一条线。
例三：放射状背景制作方法文章封面
作为《AI｜放射状背景的制作方式》这篇文章的封面，这些放射状的形态就像烟花一样，不断扩散开来，让画面有一种隐藏的动态感。
这个例子也有下一个法则（封闭性）的特点。虽然没有明确画出一个圆形，很多地方是空白的，但我们视觉上还是会把它看成一个圆形。
封闭性 Closure
当视觉缺少整体的一部分时，我们的大脑会自动把缺失的部分补上。
通过利用负空间或者剪影来表现物体，不需要把图像全部画出来，也能让观众自己想象出里面的内容。
例一：一气标志
标志设计的形状，虽然没有把球形完全封闭，但视觉上还是会觉得它是个球形。
例二：山
插图利用封闭的特点，把视觉效果简化，增加神秘感。
例三：疹子
因为封闭的特性，就算画面没补全，也能清楚看出图像。
邻近性 Proximity
距离较近的元素被归为一组。
元素放得越近，关系就越紧密。在排版设计里，把有关系的元素放在一起，可以让版面更有条理。
例一：圣诞
三个三角形互相垂直排列在一起，形成一个整体的效果。
例二：Dribbble 邀请
把五个物件紧密排列，让它们整体感更强。另外，可以看到五个物件从中心往外颜色逐渐变淡，让画面有节奏感。中间的物件是实心的，最有分量，左右两边的是色块填充，分量稍微轻一点，最外侧左右两边的物件是用线条构成的，是最轻的部分。
背景与前景 Figure and Ground
背景和前景的关系可以看作是一组。
元素之间的空隙形成了负空间，负空间可以有效弥补正空间的局限，还能帮助画面更平衡，让画面有更多想象的空间。
例一：双心
两个互相倒过来的爱心，组合成一个视觉效果。因为画面元素很少，可以让人联想到爱心、胸部、臀部这些暧昧的形象。
例子二：图形和背景反转以及负空间的文章封面
特意反过来做，故意强化图和地的表现。
对称性 Symmetry
对称元素被认为属于同一组。
能让读者在短时间内识别出来，并找到它们之间的关系。在画面中不仅可以看作是同一组，还能起到视觉平衡的作用。
例一：方便面
用黑轮、麻糬、面条、香菇这些食物，组合成对称的人脸，在画面中可以清楚地感受到它们是一组视觉元素。
例二：水果派对
把同类型的食物（都是水果）上下对齐，并改变它们的形状，但保留它们的特征。
共同区域 Common Region
放在同一个区域的元素，被看作是一组。
在实际应用中，可以看到比较明显的区域划分，比如色块、线条，清楚地显示出不同的区域。这种做法常见于信息图表或者信息量比较大的设计里。
例一：诺蔓烘焙产品名称标签
可以看到品牌名称（诺蔓烘焙）底下有色块和线条，很明显把品牌名称和其他信息区分开来，让大家第一时间就能清楚地阅读信息。
例子二：猫咪农场
类似相框的设计，把内容清楚地分开，还增加了趣味性。
共同命运 Common Fate
当元素往同一个方向移动时，我们会把它们看作是同一组的一部分。
让元素往同一个方向移动或运动，可以让用户在短时间内理解它们之间的。
例一：文章封面
可以看到所有箭头都朝右边前进，暗示多个项目会汇集到同一条轨道上。
补充
一位设计师把格式塔理论做成了动画视频，内容清楚又有美感。
最后的唠叨
大多数文章里都能看到关于格式塔理论的案例，但内容大多是界面设计，所以有了这篇，讲的是在视觉（偏向插画）表现上的应用案例。