格式塔心理学在UI中的应用

格式塔心理学又叫完型心理学，它揭示的是人们在观察事物时人脑对于图像的处理方式

它主要由五项基本法则构成 接近（Proximity）、相似（Similarity）、连续（Continuity）、简单（Simplicity）、闭合（Closure）

设计师若能将这几条法则有意识的用于设计，能帮助用户更好的理解设计的内容

1.接近

接近强调位置。如下图所示的10条线我们并不倾向于把他们看成每个独立的个体反而更倾向于把他们看做5对线，眼脑更倾向于把相近的元素当成一个整体看待。

旁边的方块在错落放置时我们无法一眼就看出共有几个方块，但当他们以相同的间距排列时我们一眼就可以看出其个数，同时我们第一眼看去会认为它是一个魔方。

应用

在UI设计中有意识的利用接近原理，将让信息的展现更具条理也更加清晰。

这种将相近的物体当成一个整体看待的倾向，在UI设计中的应用类似于《写给大家看的设计》一书中提到的亲密性。如果多个项之间距离很近，它们就会形成一个视觉单元，而不是多个独立的元素。运用在设计中时，就要求设计师有意识的将相关联的元素紧密联系在一起同时与非相关元素隔离开

如下图所示：

2.相似性

不同于接近强调位置，相似则强调内容。人的眼脑倾向于将视线内具有相同颜色、形状、大小、亮度的元素视为一个整体或集合。

如下图所示的10条线他们在形状上是相似的，但是因为具有两种颜色，我们就很容易将他们看成两类。旁边的四个小人我们在观察时将他们分为三个站立的小人和一个跳起的小人。

应用

相似性在设计中的应用类似于重复性，例如一套APP中的icon运用相同的设计元素会让整套icon看起来属于同一个项目，运用好统一的设计元素也能辅助品牌印象的形成。

如下图的百度云盘，首页与个人中心的icon均采用面型图标且均为简单形状的拼接，具有一致的设计元素与配色，形成了APP的整体风格

3.连续性

意识会根据一定规律做视觉上的延展。这也是为什么我们会把虚线也当成线。比较经典的是IBM的标志。

应用

在UI设计中我们同样可以利用这种连续性让用户知道模块内容并没有结束，同样也可以引导用户进行操作。

如下图红板报中的推荐板块、自如中的租房、飞猪中的模块导航。未显示完整的内容暗示用户横向将有更多同等级的内容。同时暗示用户横向滑动进行查看。

4.简单

简单性告诉我们的是：人们更喜欢简单的事物而不是复杂的方式。

如下图，对于图1我们会以图2的方式拆解，而不是图3的方式。而对旁边的图形我们会看成是很多不同的大小颜色的圆圈叠加起来的。

应用

在UI设计中越是简单的图形越易于辩识与记忆。我们在设计icon时应更倾向于简单易于理解记忆，并在此基础上去追求独特性。

例如To-Do就用了简单的一个勾，即契合了其功能又简单明了，让人能很快记住。其它的icon也都符合简单的特性

5.闭合

闭合原则说的是我们在观察一个不封闭的图案时，视觉将倾向于将其看成一个平滑连续的图案。

如下图的矩形框和熊猫我们会自动感知缺失的线条，而认为他们是完整的图形。

应用

在排版时有意识把控留白能让界面更干净利落。将各板块的内容通过亲密性合理排布，在各部分间利用留白分割开，合理的留白能让界面更加通透，信息传递更加清晰。

如新改版的QQ就去掉了列表分割线，直接通过空白去实现视觉分割。

火币Info快讯通过字段间距与留白将不同快讯分割的很清晰，会让人感觉到同一快讯是一个整体

 

总结

理解格式塔原理并合理运用能让我们更好的管理信息层级，带给用户更愉悦的体验。