解读格式塔理论及相关设计原则

  • 经验类型经验/观点原作者:海空设计

  • 经验属性自译外文
  • 经验版权署名
3326 0 6 2018-05-18

伟大的设计师都非常清楚地知晓,心理学在视觉感知中所起到的强大作用。

 

海空设计官网,点击查看更多

 

当观众对你的设计创作感到满意时,会有什么反应?他们对你的作品分享的信息有什么反应?作为业余或专业设计师,重要的是你能回答出这些问题来。

 

了解设计如何被感知和解读,是视觉传播者身上必须具备的重要素养。如果我们不了解背后的驱动力,我们不可能用我们的设计来影响人类的看法。

 

格式塔是一种心理学运动,在本文中,我将分享格式塔背后的基本原理。它帮助我们了解到,观众是如何理解我们为他们设计的视觉刺激。

 

什么是格式塔?

“格式塔”这个词是德语,字面意思是统一的图案、图形、形式或结构。格式塔心理学是一种在20世纪20年代在柏林兴起的运动,旨在理解我们的大脑是如何以整体形式感知事物的,而不是个体的元素。 

格式塔心理学最重要的观点就是:

 “在心理现象中,人们对客观对象的感受源于整体关系而非具体元素,也就是说知觉不是感觉元素的总和而是一个统一的整体,部分之和不等于整体,因此整体不能分割;

整体先于元素,局部元素的性质是由整体的结构关系决定的。这是因为人类对于任何视觉图像的认知,是一种经过知觉系统组织后的形态与轮廓,而并非所有各自独立部分的集合。

比如一支曲子,即使可能改变速度,但在我们的知觉里仍然是同一支曲子。即使音阶改变,或有错音,也不影响人们对这支曲调的知觉。

为了理解格式塔心理学试图探索和解压的过程,请考虑你的思维如何自动感知你熟悉的人的脸部。即使脸部无疑与其他任何核心特征组成:鼻子、耳朵、眼睛等。你的大脑是如何做的?是从整体上理解特征吧,这就是格式塔心理学发现它的中心所在。

 

格式塔理论是如何将视觉感知和设计关联起来的?

格式塔很快被几个理论家应用于视觉感知领域。主要想法是,当我们认识到世界时,同时有很多不同的信号同时出现。为了组织它们,我们把周围的环境想象成单一的形式或整体。我们如何决定一些物体“走到一起”,将是未来几十年,格式塔心理学家和设计师们要面对的主要困扰问题。

 

设计中的格式塔原则

多年来,格式塔心理学家们已经提出了一个清单来总结视觉感知的基本原理,这已经成为了设计师们的非常有价值的工具。如上所述,这些原则试图解释我们的大脑是如何感知不同的视觉组件,来作为同一群体中的一部分的。下面解释的原则是由Max Wertheimer、Stephen Palmer以及其他当代格式塔理论家提出的原则,在这里一一列举出来,用案例进行解读。

 

01.简单性原则(Simplicity)

人们对一个复杂对象进行知觉时,只要没有特定的要求,就会常常倾向于把对象看作是有组织的简单的规则图形。简单的规律表明我们的心灵以最简单的形式感知一切事物。例如下面的图片,当我们深入研究的时候,是由单独的组件组成的,但是我们的大脑会自动地把它们结合起来,拼出“logo”这个词。

对于设计师来说,了解简单规律非常重要,因为当它巧妙地与创意相结合时,可以利用这两者来制作真正令人惊叹的设计。要掌握设计简单性,你要考虑将两个常常相互竞争的因素进行平衡:使用简单的形状、对象以及需要产生惊人的设计效果。下面这个例子非常完美,使用简单的元素和对象组合起来,从而形成了吉他独特迷人的外观。

从本质上讲,简单性的应用原则,就是帮助眼睛找到“舒适”的物体轮廓,用来试图解释我们想要展示的物体。

 

02.图形与背景关系原则(Figure-ground)

图形与背景关系原则,有助于解释设计中的哪一个元素将立即被视为图形?哪个元素被视为背景?“图形”是视觉焦点元素,而“背景”则是图形背后的底板。

 

在你能够回答这个问题之前,你需要了解另外两个相关的原则:

区域:大脑通常认为构图中最小的物体是图形,而更大的物体则是背景。

凸面:跟凹面元素相比,凸面元素与图形相关联更多些。

 

当你看下面的图片时,你感知到的图形,是根据你的大脑如何感知它而得出的结论。在下面例子中,黑手是图形,白色是背景板;而在另一情况下,白色的头是图形,黑色是背景底板。

在设计中应用图形与背景关系原则,可以使你的作品传达信息的方式有很大的不同。在这个墨尔本食品和葡萄酒节(2007)的广告中,酒瓶是被战略性地放置,以创造一个叉子的错觉。在将与葡萄酒和食物相关的物品组合在一起时,这个设计传达出了更令人信服的广告信息。

电影《彼得与狼》的这张海报设计,充分体现了利用图形与背景关系原则为你带来的巨大创造潜力。一方面,你得到了一只长长的狼体的图像。当你转向图像中的白色(之前为背景)时,你会立即发现一个人的轮廓——我们可以假设它是彼得的轮廓。 

 

03.接近性或邻近原则(proximity)

即空间中距离相近的元素有被看作一体的趋势。我们认为元素属于同一组,如果它们是有间隔地被放在一起的。举一个例子,考虑适当的字距可以帮助眼睛了解哪些字母组成单个单词。在某些情况下,字母之间的过度空格会导致将一个单词的结束和下一个单词的开始混淆了。在下面的例子中,我们的大脑感知到每一个近似的竖条,将它们结合起来形成一个小鹿的形象。

邻近原则在联合利华的标志中也得到有效应用。由于小图标彼此紧密排列,因此你可以轻松地将这些小图标组合视为U(联合利华)。根据他们的品牌网站,他们的标志被设计成包含“25个图标在内的标志,对于联合利华来说,每个图标都有一定的象征意义”。

在下面的海报中,可口可乐品牌通过瓶子的组合图,创造微笑的形状来传达快乐(其核心品牌价值之一)。事实是,他们以这样一种深思熟虑的方式,有助于观众感知到微笑。 

 

04.相似原则(similarity)

刺激物的形状、大小、颜色、强度等物理属性方面比较相似时,这些刺激物就容易被组织起来而构成一个整体。也就是说,如果元素彼此相像,我们会将元素视为同属于一个群组。例如,在设计一个多页文档时,创建一个强大的文本方案将帮助读者理解哪些文本块是标题,哪些是副标题,哪些是正文。

 

在下面的图片中,我们的大脑感知这个图形是由各种相同颜色的圆圈组合而成的,而不是单独的圆圈,相同颜色图圈的组合图有矩形、正方形和线形的,这与其他颜色区分开来。

 

05.共方向原则(common movement)

也有称共同命运原则。如果一个对象中的一部分都向共同的方向去运动,那这些共同移动的部分就易被感知为一个整体。我们的眼睛将被吸引到一起移动的人物上,这个原则对于2D和3D动画尤其重要。

 

在下面的图片中,由于每只鸟在同一个方向上移动, 所以我们的头脑将它们视为一个群组的一部分。由这些小鸟的群体组成的大鸟,抓走了一条捕获的鱼。

在这张美国戏剧《街景》(Street Scene)的海报中,灰色字母被视为同一个内容块(标题)的一部分,因为它们不仅相似(见上面的相似性原理),还是紧密联系在一起,而且显然也朝着同一个方向发展。

 

06.对称性原则(Symmetry)

对称的元素被视为同一组的一部分。你有没有看过那些看起来像镜子里的物体互相反射的图形?这种关系帮助我们将这些元素视为一个整体。

 

在这幅纽约自行车博览会的海报中,设计理念的目标将一个圆作为主要的焦点。为了创造这个圆圈,设计师将其中的一半描绘成一个自行车轮子,另一半描绘成井盖。虽然在纹理和颜色上有所不同,但在观众眼中,它们就是一个对称的图形。

 

平行性原则(Parallelism)

具有相同或非常相似的倾斜角度的元素放在一起时,将被作为一个相关联的组合体。在设计时,我们经常改变文本的倾斜度以匹配周围的箭头或曲线,因为它使整个图形看起来更加具有直观紧凑感。在为宣传Futura字体而创建的海报上,不同的文本区域使用并行性原则进行分组。

 

07.连续性原则(good continuation)

如果一个图形的某些部分可以被看作是连接在一起的,那么这些部分就相对容易被我们知觉为一个整体。如果元素是对齐的,那么它们在视觉上是相关联的。线条在连续的情况下被视为一个整体的图形。它们的线段越平滑,我们就越能看到它们是一个统一的形状图。

这张圣诞贺卡描绘了连续性原理是如何帮助我们创造形状的。削尖的铅笔的细细的绿线,可以帮助引导眼睛从构图的顶部到底部,以一种意想不到的方式创造出圣诞树的形状。

 

08.封闭的原则(closure)

有时也称闭合的原则。有些图形是一个没有闭合的残缺的图形,但主体有一种使其闭合的倾向,即主体能自行填补缺口而把其知觉为一个整体。如果元素是一个封闭图形的一部分,我们将其视为属于同一组的元素。一个探索闭合原则的好例子是标志设计。联邦快递的logo“隐藏”了一个右箭头,多年来没有多少人能看出箭头的图形。它是通过在E和X之间创建一个负空间,并将两个字母紧密地连接在一起,增强了闭合的错觉,箭头就变得很明显。

 

09.共同区域原则(Common Region)

当我们发现多个元素是单个区域的一部分时,我们将它们作为一个单独的组进行关联。考虑一个标志的设计,其中包含文本、物体和旗帜的组合。所有这三个要素都被视为属于统一的一个标志。

 

在这张海报中,艺术家使用共同区域原则,将电影中的人物统一在一个人的剪影中。当我们在同一区域内将它们形象化时,我们认为它们是在那个空间中共存的。如果你看过这部电影,你就会知道这很大程度上是它的目标:表明在我们的头脑中共存的积极和消极的情绪,从而塑造我们的行为。

 

10.元素连通性(Element Connectedness)

如果一些元素与其他元素相连时,我们认为这些元素是统一体。一种简单的方法来说明这个原则,下面案例是一个信息图或流程图,箭头可以帮助将一个图形(或文本块)连接到下一个图形。

 

在《哈佛》杂志设计一个的作品中,这些物体被贯穿整篇文章的一条线统一起来——尽管数量如此之多,但它们带来了统一感和视觉凝聚力。 

在你的下一个设计项目中,去尝试格式塔原则来进行设计!

将强大的心理学原理带入到你的平面设计工作中吗?下一次你在创作作品时,考虑一下上面概述格式塔理论的接近性、简单性、相似性等其他原则,会对你的观众产生什么样的影响?


全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票