让设计更有说服力的20条经典原则：简洁法则

简介说明

1. 理论表述

了方便理解这世界，人类会将接受到的信息行过滤简化。

2. 理论背景

简洁法则所格式设原理的基石纲领，也 Wertheimer 知觉律中基础的一条原则。

1910年，心理学家 Max Wertheimer 在路道口观察到一系列灯光闪烁时有此现，现象看来就像是一束光在灯泡之间移动，其不，只是一系列灯泡挨个开/关所呈现出的效果，种现象被称为「似动现象」。在似动现象中式塔心理学家看到一种人类认和识别外部信息的模式，简洁法则也就在样的背下由 Wertheimer 提出。

研究表明，我们大脑善于将复杂信息识为更简单形，善于优先识物体或画轮廓、形、体，善于将意义、抽象、不熟悉部分以某共性互相联系起来组成有意义、具象、熟悉事物，这将大大减少大脑处理信息压力。也正是类这近乎于本能信息处理模，我们设计才具备坚实理论性和生物性基础，所以简洁法则我们设计具有极大指导意义。

设计案例

1. 与简洁法则的第一次接触

有一个著名的案例来释简洁法则的用。

案例1：胡乱涂鸦？斑点狗？

当我们图集中精力去仔细辨认每一部分时，它一堆任何意义的斑点，或一堆抽象的、泼洒的黑色墨块。然当我们惊一瞥，或远离图，或缩小图去看，就可以看到一只趴的狗。

奇妙的眼脑感系统。

2. 界面设计中的几何

在简洁法则的影响之下，我们所看到的几乎所有界面呈现出一定的几何规律，绝大数界面中的组件/控件，不论它到底是不是正的几何，在大脑中呈现出它是几何形的印象。

所有几何形，识负荷大致为圆形≈矩形≤凸多边形<凹多边形。

△ 几何形识难度

正因如此，在界面较为复杂的场景应更易识别的几何形作为基础视觉形状，这是简洁法则最简单直接的应。

案例2：京东 web 版，版面中大量应了矩形作为基本

我们现在在界设计，多多少少都会自发以「矩形或圆形」作为控件设计、信息排布基本形状，是这个理。

3. 细分原则介绍

简洁法则是条纲要性法则，它描述了所有格塔设计原理起作用原，所以如想应用于具体设计，需要往后阅读，了解它细节和应用法。

这里我们先概览一后面涉及的几条与 UI 相性较的格式塔原，解它们与简洁法则之间的系。

邻性原则 Law of Proximity

△ 邻近性原则原理示意图

对左右两组圆形，我们发现左侧间距一致的圆形并会现任何成组的倾向，而右侧的圆形，我们首先看到的是一个个独立的圆形个体，而是两个大组，因为某一些圆形相互更靠，大脑告诉我们它们是一组的。复杂信息的简单，最重要的一点就是成组，将一分互相具备某种区别于余分特质的个体联系在一起，看做一个整体，是大脑将复杂信息简单的一种模。

而在邻近性则中，这个质是间距。

注：这种信息处理的模型称组织律（Gestalt Principles of Grouping，也叫组原则），平面四素中，这原则被称「亲密性原则」。

相似性原则 Law of Similarity

△ 相似性则理演示图

排除邻近性法则的影响后，我们会倾向于把相似的元素看作一组。相似的元素具强的相关性，这脑处理信息之后让我们感知到的结果。

连通性原则 Law of Uniform Connectedness

△ 通性则理演示图

视觉直接相连的元素，倾向于被看一组，视觉的连接一种极强的、对于相关性的暗示，暗示我们它们之间的关联极，超越了邻近性相似性，甚至时候不用直接相连，也同样能够具很强的分组感知的效果。

同域原则 Law of Common Region

△ 同域则理演示图

被包含一完整封闭区域内的元素易被识别一组。同连通性一样，同域的元素也具非常强的相关性。

注意事项

注点：简洁法则是一种则

作为一种基础则，想要应用进计中就要体某个细则中，比如通过邻近性则完成某个列表的排版，但无法直套用简洁法则。

之后的四篇文章里，会针对述四则格式组织律行细致讲解。

总结

• 简洁法则是大多数版原则的基石；
• 格式塔中的邻近性、相似性、通性、同域性则都脱胎于简洁法则。

参考文献

• 《Laws of Organization in Perceptual Forms》 Max Wertheimer
• 《The Designer’s Guide to the Law of Prägnanz》 Erkan Kerti

欢迎关注作者的微信公众：「超人的电话亭」