网页设计中的格式塔原理

轮廓/区域关系是一种最基本的视觉感知法则。

轮廓即“感知元素”内部与外部的区分（我们可以理解轮廓为无限精细的线段）。
讨论：http://www.missyuan.com/viewthread.php?tid=417450
区域指某“感知元素”独占的背景、空间。



左边和右边的圆形，哪个看起来更大一些？

通常轮廓被称为“绝对感知元素”而区域被称为“实体周围的空间”或“空白”。

在感知上，眼睛与大脑协调工作帮助我们专注的把轮廓从区域中分离出来。例如，当我们阅读时，我们必须把文字从纸张上阅读出来。

同样，当我们察看显示器时，也必须从视觉上把各种各样的轮廓从它们所在的窗口、桌面上分离出来。

有时恰恰相反，屏幕上的轮廓，不那么显而易见，因为太多的“感知元素”吸引着你的眼睛的注意力。

均衡 Equilibrium

浏览者倾向于寻求视觉组合中的秩序或平衡，就是均衡。



也许你觉得右边的圆形更重一些，而其实屏幕上的圆形根本没有重量

眼睛和大脑配合的视觉过程中，人们总是期望整个视场中存在一种均衡状态。例如，由于屏幕往往是与地面垂直，那么在人们的感知中会认为屏幕上的图像也存在着重力系统。

保持均衡就是“和谐”，打破均衡可能造成“冲突”，而完全不均衡就是“混乱”。

闭合 Closure or Completion

闭合，填充轮廓就是封闭的形状，眼睛和大脑配合总是在不断的完成这个封闭的过程。

浏览者的视觉系统会认为封闭的形状比较稳定（这也是一种均衡）。



虽然这个圆形不完整，但你依然认为它存在着

在感知上，浏览者倾向于从视觉上封闭那些开放或未完成的轮廓。

封闭是取悦用户视觉心理的重要原则。

比如，为了让用户保持积极投入关注，设计师会故意创造一些简单的形状让浏览者去关闭。

用户花越多的时间去关闭形状，设计可能就越令人难忘；但是，如果图形不能被闭合，观众的注意力就被分散，因为关闭它们实在太难了。