今天要介绍的是“格式塔心理学”的部分内容;什么是格式塔心理学呢?
它主要研究人的知觉,将思维的方式以及心理经验结合起来,探索感觉信息如何进行组织和分组;
简单点说,就是研究人们怎么认识这个世界的心理学,对这些感知的信息怎么进行组织分类;

这次以“京东电商首页”为案例,展示介绍“格式塔心理学”的几个法则;

 
 

1. 相似

相似是指不同的元素,但是具有一定的相似性(颜色、形态、方向等等),通常都会被联系在一起;
如下图,各种形状的图形,其中有两个圆形,虽然它们空间位置分散的,但是具有相似性,经常被当成关联的一组元素;

在京东的案例中,各种推广图区域就是用了相似的原理,让同类广告图之间联系更模切,整体视觉也更工整;

 
 

2. 近似

近似是指空间位置相近的元素,通常都会被联系在一起;它跟相似有点像,但它更强调空间位置的距离;
如下图,我们通常会认为这是3组元素,而不是12个正方形;

在京东的案例中,各种导航区域其实都运用了近似的原理,能提高用户的识别效率;

 
 

3. 闭合

这个比较有趣,人的思维对不完整的图形会产生不稳定感,利用这一点,当我们看到不完整的图形时,会不自觉的识别成闭合的图形;
如下图,我们会识别出这是个四边形,中间还叠加了另一个四边形;

在京东的案例中,最常见也最明显的就属二维码了,二维码是由多个小方块组成的,它的边缘没有闭合过,但是在我们会把它识别成一个“正方形”;

 
 

4. 连续

连续也比较好理解,就是我们更倾向于看到连续的元素,而且将连续的元素看成一个整体;
如下图,对于曲线,我们会识别为一条线;但是对于折线,我们则识别为3条直线链接起来;

在京东的案例中,常常看到利用连续法则(这个例子用到相同底色,作为连续的方式),在将导航内容和展示区域做一个视觉关联,让用户更直观的查看内容;

 
 

5. 同向

同向是指利用方向性,将元素之间联系起来,一般针对移动元素或由方向性的元素;
如下图,我们会感知到,这是一组正在滚动的小球,或同一个小球,在滚动阶段的不同状态;

在京东的案例中,各种banner的视觉设计,常可以看到这个同向法则的身影,背景里的烟花和五角星元素,都利用了同向法则,让元素行为一个完整体,并具有动势能;

 
 

6. 图与底

图与底,也就是平面设计中正负图形的原理,当我们感知到一个元素叠加在另一个元素上,我们就会不自觉的判断它们的空间叠加关系;
如下图,有些人会认为,这是白色矩形底,叠加着一个灰色矩形,也有一些人也认为是灰色矩形底,叠加白色边框;

在京东的案例中,刚好有个例子,当看到这个图时,我们会觉得是白色底上,叠加了中国地图;假如你的大脑,没有中国地图的认知(如婴儿),就会认为是白色底,叠加了灰色的图形;

利用这个法则,可以设计出各种营造认知错觉的正负图形来;

 
 

7. 简化

简化,是人的天性,特别是认知复杂的元素时,常常会将元素进行简化处理;如果我拿着普通相机问你,这是什么?也许你会很快速的回答我,是“相机”;
如下图,就算我拿简化后的图形问你,你也可以轻松回答对;但更深次的分析,这是什么图形呢?这只不过是几个简单的几何图形组成的元素;

在京东的案例中,各种小图标就是将复杂的元素,进行简化,同时保留了人对这些元素的认知功能;简化有助于用户理解复杂的元素,也有助于视觉的设计展示,但前提是要保留必要的识别基因,合理的简化;

 
 

总结

格式塔心理学远不止今天提到的这几个法则,还有关于对称性,感知恒定等;
总的来说,格式塔心理学的知觉分组原则主要为:

  1. 整体性原则。
  2. 连续性原则。
  3. 相似性原则。
  4. 接近性原则。

而在实际运用中,通常会将多个法则混合使用;