设计法则： 格式塔原理

【2015/4/1 NEXTDAY】设计法则： 格式塔原理

前序：因为格式塔原理在设计中应用的比较广泛，有众多前辈精心整理了相关知识概念，在大量阅读相关文章之后，挑选了其中比较优秀的一篇转载（补充了一些案例和相关说明，以“注"的形式呈现）如下，其他相关优秀文章请通过文末拓展阅读链接参阅。

先欣赏一张雅虎ued绘制的关于“格式塔"的Q版小漫画，初步了解下格式塔原理：

格式塔漫画 

以下转自：搜狐畅游视觉设计中心团队，官方博客：http://vc.changyou.com/

一、什么是格式塔原理 (Gestalt)

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

二、最重要的格式塔原理

接近性原理；相似性原理；连续性原理；封闭性原理；对称性原理；主体/背景原理；共同命运原理。

1、接近性原理（注：强调的是位置）

接近性原理说的是物体之间的相对距离会影响我们感知它是否以及如何组织在一起。互相靠近（相对于其它物体）的物体看起来属于一组，而那些距离较远的则自动划为组外。

注：应用接近性原理可以达到减少用户界面上视觉凌乱感和代码数量。

案例7：Tumblr是如何应用相似性原则的

观察上图Tumblr是如何应用相似性原则的。如图所示，不同图标代表了发布博客的不同方式。相似性体现在哪儿呢？

1）、每个图标下都有文字说明。2）、图标的大小，文字说明的字体以及大小都是相同的。3）、每个图标都被均匀的分布在了空间内。

从发布博客的过程中我们了解到什么？

1）、作为用户，我们知道这些图标都可以发布博客。2）、我们也清楚的知道每个图标代表的不同意义，能满足我们不同的需要。

3、连续性原理

视觉倾向于感知连续的形式而不是离散的碎片

苹果公司的logo设计 

5、对称性原理

我们倾向于分解复杂的场景来降低复杂度。

订阅文章推送，请微信关注公共订阅号：chuangshe_space