如何将视错觉运用到UI设计界面中

下面我们就来重点了解一下它的四个特性。

1.整体性
当我们（人类）辨认一样物体时，我们倾向于首先辨别它的轮廓，然后将这个轮廓归类为已知的事物。在此之后，我们才会去注意到这件物体的细节及各个组成部分。
片在解释格式塔原理时经常被采用。在这张图片中，看图的人首先会辨认出一条达玛尔提亚狗，而不是首先认出它的腿，耳朵，头部，然后把它们在脑中组合成一条狗的样子。
在网页设计中的应用：轮廓及线条往往比细节更重要（尽管细节有时也很有创意）。如果用户根本就辨认不出哪个图形才是可以点击的按钮，那么这个按钮设计得再华丽也是失败的。正如我们在最佳交互设计之道这篇文章中说过的，这种清晰的“定义”能让用户更了解按钮的功能。
2.具体化
由于在现实中我们所接受的视觉刺激很多都是支离破碎的，我们的大脑在处理这些信息时会自动把缺失的部分补足。
例如，上面的图形事实上都是含糊而不完整的，但我们的大脑依然能辨认的出它们。在图形A中，我们会得出这样的印象，即三个不完整的黑色圆形是由一个白色三角形连在一起的。
在网页设计中的应用：“闭合性”对网页设计而言非常重要。这意味着你只需提供某样东西的基本要素，观看者会自动补全确实的部分。因此你应该在设计中积极灵活地运用负空间（white space），而不应只是把它简单视作画面中的留白部分。
我们稍后会再次提及这个特性。
3.组织性
如果在视觉上一件物体有不止一种解释方法，大脑会在不同的解释之间切换，因为它无法同时接受两种解释。一个观看者越是集中注意力于某种解释之上，这种解释就越有支配性。
这也是许多“视错觉”图形的理论基础。例如，在上面的图形中，观看者可以将其解释为一个老妇人，也可以将其解释为一个年轻女人，但不能同时解释它的不同意义。
计中的应用：尽量避免在网页设计中使用具有多重意义的图形。你想要观看者看到什么，就呈现给他们什么。
4.恒常性
这是大脑在辨认和理解图形时采用的另一种策略。这个特性让我们总是能根据物体的轮廓与基本结构去辨认不同视角，大小和灯光下的物体。