大数跨境
0
0

设计中的这些原则,其实是一门心理学

设计中的这些原则,其实是一门心理学 爱云画AI
2022-05-09
0
导读:格式塔原理的诞生1910年,心理学家威特海默(M,Wetheimer)乘坐火车度假旅行,当火车经过一个铁路道

格式塔原理的诞生

1910年,心理学家威特海默(M,Wetheimer)乘坐火车度假旅行,当火车经过一个铁路道口的时候,他发现道口闪烁的灯竟然像马戏团表演时剧院帐篷上环绕的灯光,令他产生了光在运动的错觉。于是他为了测试自己的想法,开始了似动(Apparent Movement)实验,格式塔心理学从此诞生。

 

什么是格式塔原理

格式塔系德文“Gestalt”的音译,意思为“形式”、“形状”,在心理学中用这个词表示的是任何一种被分离的整体。格式塔也被译为完形心理学。

似动现象就是一个格式塔,在心理现象上整体不等于部分之和,整体的性质不存在于它的部分之中,而存在于整体之中。


历史意义

格式塔理论强调经验和行为的整体性,反对当时流行的构造主义元素学说和行为主义“刺激-反应”公式,认为整体不等于部分之和,意识不等于感觉元素的集合,行为不等于反射弧的循环。
它向旧的传统进行挑战,给整个心理学以推动和促进,为后来的认知心理学打下了伏笔;使意识经验成为心理学中的一个合法的研究领域;

 


格式塔主要三大实验研究


1. 似动现象

似动现象是形成格式塔心理学的基础。如下图中相继呈现一条垂直(A)和一条水平(B)的发亮线段,改变两条线段呈现的时距,并测量对它们的知觉经验。结果发现,当两条线段呈现的时距短于30毫秒(0.03秒)时,人们看到的AB同时出现;当时距长于200毫秒(0.2秒)时,看到AB先后出现,当时距约为60毫秒(0.06秒)时,看到线段AB运动





后来,格式塔心理学把重点放在整体系统上,在这个系统中,各个部分是以一种能动的方式相互联系在一起的,也就是说,仅根据各分离的部分,无法推断出这个整体。所以人们把它称为「格式塔或完形心理学」。


2. 整体与部分

看起来格式塔心理学是把重点放在整体上,但这并不意味着他们不承认分离性。事实上,格式塔也可以是指一个分离的整体。

研究认为,一个人的知觉场始终被分成图形与背景两部分。「图形」是一个格式塔,是突出的实体,是我们知觉到的事物;「背景」则是尚未分化的、衬托图形的东西。知觉帮助我们把图形从背景中分离出来。图形与背景的对比越大,图形的轮廓越明显,则图形越容易被发觉。


3. 顿悟实验

W·科勒在一次实验中用绳子把一只香蕉悬挂在笼子的顶棚上。笼子里只有唯一的一只木箱可以使用。6只黑猩猩看到香蕉时跳跃起来竭力想抓住香蕉,但是徒劳。有一只名叫苏尔坦的黑猩猩马上停止了这些白费力气的努力,开始从各个方向打量箱子。忽然它停在箱子前面,抓起它并径直朝目标走去。它把木箱迅速放到地上,爬上箱子,从木箱上面使劲跳起,终于抓住了香蕉。


W·科勒还对这组黑猩猩使用其他工具进行了观察,如利用木棍去获取放在笼子外面的水果。这些黑猩猩甚至能够将两根短棍连接起来做成一根长棍。同样,它们还能把两三个箱子叠放在一起,再爬到放在最上面的箱子顶上,借助一根木棍去获取香蕉。苛勒通过对黑猩猩进行的许多实验,提出了顿悟理论。他认为问题的解决不是由于尝试错误,而是由于顿悟。所谓顿悟,就是内在地把握情境的关系性,并依此改变整个情境。


顿悟不是一种独立的学习过程或学习形式,而是学习达到一定程度的表现或者结果。一定的经验积累,是产生顿悟的前提。


格式塔视觉组织原则


1.图形与背景

在具有一定配置的场内,有些对象凸现出来形成图形,有些对象退居到衬托地位而形成背景。一般来说,图形与背景的区分度越大,图形就越可突出而成为我们的知觉对象。例如我们在寂静中比较容易听到清脆的钟声,在绿叶中比较容易发现红花。

在视觉设计中格式塔原则也是随处可见的,如下图中海报设计中的应用。



反之图形与背景的区分度越小,就越是难以把图形和背景分开,军事上的伪装便是如此。



所以要使图形成为知觉对象,不仅要具备突出的特点,而且应具有明确的轮廓、明暗度和统一性。正如下图中,通过调整不同物体的色彩饱和度、明度,有的物体成为我们的知觉对象,有的则形成背景达到衬托的作用。

 

 


 

2.接近性和连续性


接近性

某些距离较短或相互接近的部分,容易组成整体。


相关联的控件和内容放在一起,用户就能感知他们的相关性。

相反,加大元素之间的间距或者使用分割线制造空间上的距离感,就会让页面有视觉层次。



连续性

意识会根据一定规律做视觉上的延展。



连续性在logo设计中的经典案例之一,IBM的logo。



 

3.完整和闭合倾向

 

知觉印象随环境而呈现最为完善的形式。彼此相属的部分,容易组合成整体;反之,彼此不相属的部分,则容易被隔离开来。


如下图,有12个圆圈排成一个椭圆形,旁边还有一个圆圈,尽管按照接近原则,它靠近12个圆圈中的其中一个,但我们仍把12个圆圈作为一个完整的整体来感知,而把单独一个圆圈作为另一个整体来感知。


这种完整倾向说明知觉者心理的一种推论倾向,即把一种不连贯的又有缺口的图形尽可能在心理上使之趋合,那便是闭合倾向。

如下图中两个经典示例图,观察者会把左边的图看成一个三角形,而右边视作猫头鹰图案,而不会看成其它分别独立的线条或圆形。完整和闭合倾向在所有感觉道中都起作用,他为知觉图形提供完善的界定、对称和形式。



闭合倾向在logo设计中的经典案例之一,苹果的logo。




4.转换率



转换律是知觉的一个属性,指物体经历广泛的改变而不失其本身的特性。


由于我们常会从不同的角度遇到物体,所以我们已经具备了一种认知它们的能力,尽管它们的外观不同。


想象一下,如果你认识的某人,如他们直接站在你面前,面对着你,你可以认出来;如果他们转到侧面,你仍能认出。尽管是不同的视觉角度,但我们仍然可以识别认出。


在设计中,像素化的设计风格也是转换率的一种应用。最经典的就是我的世界全像素块的游戏界面的设计。




5.相似性


相似跟接近是两个不同的概念。接近强调位置,而相似则强调内容。人们通常把那些明显具有共同视觉元素(如形状、运动、方向、颜色、大小等)的事物联系在一起。如果各部分的距离相等,但它的颜色有异,那么颜色相同的部分就容易组合成为一个整体。


如下图,白色圆圈和黑色圆点虽然距离相等,但我们更容易把他们按直线排列分组,而非横线排列。



这种方法在导航、强调信息部分属性、信息分类的设计上有着广泛地应用。


例如在京东我的页面订单信息模块,我的订单和前面的四个功能入口虽然间距上一样,但是通过不同的图标风格和颜色,让用户能准确及快速的理解到他们之间功能的差别。


在底部标签栏的导航图标设计上,突出当前状态图标样式也是在相似性的基础上形成反差,达到突出图标的效果。





6.共同运动方向


一个整体中的部分,如果作共同方向的移动,则这些作共同方向移动的部分容易组成新的整体。


不管元素相距多远或它们看起来多么不同如果它们被视为一起移动或改变,它们会被认为是相关的。元素不需要为了共同方向运动这一原则的存在而移动。


如下图,看形状的箭头指向就可以清晰的明确它们的分组。



在产品设计中,如果我们想要对一些元素进行同样的操作动作,就会用到这个原则。

比如在APP中IOS系统长按删除或者移动图标的交互动作,在mac 电脑系统中同时拖动多个文件时,图标的高亮展示和图标的运动方向也是一体的,用户能快速且直观的感受到动作与样式反馈之间统一的关系。





总结



格式塔心理学对设计来说有着重要的影响,不管是空间关系还是视觉层次。都极大的帮助了我们更有效的整理和组织信息,合理的运用格式塔能让我们的设计更有据可依。


当你在设计中遇到瓶颈时、当你在一个样式里面无法取舍时,你可以买一本【美】库尔特.考夫卡写的《格式塔心理学原理》放在身边随时翻阅,相信一定会对你的设计有所帮助的。




【声明】内容源于网络
0
0
爱云画AI
爱云画AI是一个专注于电商领域的AI在线作图工具,上万款免费场景满足你电商工作中的各种设计需求,高质量商品图 | 模特图 | 素材,利用AI工具轻松高效的完成工作,随时随地,省钱省力! 🔗aiyunhua.com
内容 80
粉丝 0
爱云画AI 爱云画AI是一个专注于电商领域的AI在线作图工具,上万款免费场景满足你电商工作中的各种设计需求,高质量商品图 | 模特图 | 素材,利用AI工具轻松高效的完成工作,随时随地,省钱省力! 🔗aiyunhua.com
总阅读0
粉丝0
内容80