简洁、对称以及更多:格式塔理论及衍生出的设计规范

简洁、对称以及更多:格式塔理论及衍生出的设计规范_meitu_17

伟大的设计师们都明白心理学在视觉认知中的重要作用。

当有人关注到你的设计创作时,会发生什么?他们对你想要分享的信息是如何反应的?你作为一名设计爱好者或是专业设计师要可以回答这些问题。

对于视觉传达者而言,理解设计的构思是自我价值所在。如果我们不理解自己设计背后的含义,就无法影响读者感知。

本篇文章将分享格式塔理论背后的基本原则,而正是格式塔理论这场心理学运动让我们搞清观看者是如何理解我们设计的视觉冲击。

什么是格式塔理论?

格式塔一词源自德语,指的是统一的模式、图形、形式或结构。二十世纪二十年代在柏林兴起的格式塔心理学运动主张以整体形式而非单独元素理解事物。

为了理解格式塔心理学的研究内容,想想看你的大脑是如何自动辨识出熟人的吧。大脑也可自动识别熟人的其他关键特征(鼻子、耳朵、眼睛等)。而弄清你的大脑是如何做到这点的(从整体上了解特征)正是格式塔心理学的专注所在。

格式塔心理学是如何改变规则的?

大家都听说过巴甫洛夫的狗狗实验吧?巴甫洛夫是十九世纪九十年代末期前苏联心理学家。他偶然间发现,我们可以通过奖励影响行为(将食物作为奖励,测试其对狗狗行为的影响)。这一经典条件反射理论仍然影响着当今的市场及设计领域。与其他同行不同的是,格式塔心理学家认为,直觉、学习及认知等过程没那么简单,不可分隔开去理解。他们对复杂观念感兴趣,比如洞察力、整体论及解决问题的能力。

格式塔理论与视觉感知及设计有什么关系?

自心理学引入格式塔理论之后不久,它很快在视觉感知领域被理论学家运用,比如马克斯·韦特海默、沃尔夫冈·柯勒、库尔特·考夫卡。该理论主导思想是,当我们去感知世界时,许多不同信号同时出现。为了避免混乱,我们对他们进行规划,并将周边一切视为统一形式或群体。而正是我们决定的一些物体“成为一体”的方式,它成为了数十年来格式塔心理学家以及设计师的沉迷所在。

设计中的格式塔原则

多年来,格式塔心理学家已总结了视觉感知的基本原则,对设计师而言,这些均是宝贵的财富。如上所述,这些原则试图诠释我们的大脑在何时,以及如何将不同的画面视为同组成分。以下的原则是结合马克斯·韦特海默(1923)、史蒂芬·帕尔默(1999, 2002)以及其他当代格式塔理论学家的观点而提出的。

01.简洁

简洁原则表明我们的大脑以事物最简单的形式感知一切。例如,以下的这张照片,由单独的几个部分组成,它们分开来看毫无意义,但我们的大脑会自动将它们结合起来看,组成“标志”一词。

对于设计师来说,重要的是理解简洁原则。两者巧妙而创意地结合在一起,从而打造出令人称奇的设计。掌握设计的简洁性需要经常衡量两项相互冲突的考量因素,即简单形状的运用以及惊人设计效果的营造。这个例子完美地运用、融合了简单的元素,同时独特地呈现了迷人的吉他。

本质上来讲,简洁就是让眼睛捕捉到“看起来舒服”的图形以诠释我们想要呈现的内容。

02.图底

图底原则解释了设计中是哪一元素可视为图形,哪一个可作为背景。“图”是聚焦元素,而“底”是图后的背景。

在回答这个问题之前,你还需了解其他两项相关原则:

区域: 大脑常将作品中较小的对象视为图,较大的为面。

凸面: 相比凹面,凸度元素更让人联想到图形。

当你看到下方图片时,你对于图还是底的判断取决于大脑的感知。在一种情况下,黑色是图,白色部分是底,而在另一种情况下,似乎白色是图,黑色部分是底。

图底在设计中的运用使信息传递方式产生巨大的差异。这则2007年墨尔本美食与美酒节广告里,酒瓶的摆设巧妙地打造出叉子的错觉。设计将酒类与食品相关物体整合,传达出更有说服力的信息。

这张《彼得与狼》的电影海报充分体现图——底原则在创作中的巨大潜力。一方面,你看到的是狼长长的身形。而当你看到图片中白色图形(之前视为底)时,你一下子看出这是一个人的轮廓。

03.邻近性

如果将元素放在一起,它们离得很近,那么它们属于同一组。举例如,合适的字间距可以让眼睛搞清字母是如何构成单词的。在某些情况下,字母间多余的空白会让人弄不清单词间的起末。可以看下图,我们的大脑会认为每个邻似的竖块构成了一个简单的小鹿形象。

联合利华商标也有效地采用了邻近性原则。这些小块图形排列得很近,很容易会被认为这一团是U(代表联合利华)。按照联合利华品牌网站上的说法,他们的商标设计包含25个图标,每一个对联合利华来说都是很重要的。

在下方海报中,可口可乐公司运用瓶子打造出笑脸状来传递出快乐的情绪。其中的设计原理是他们将这些瓶子设置得很近,让观众在大脑中联想出笑脸的形象。

04.相似性

如果元素之间看起来相像,那么我们就认为它们是属于同组的。相似性原则可以通过颜色、大小、方向、纹理和字体体现。例如,多页文档里类型方案会帮助读者理解哪些段落是说明文字、标题、正文。

在下方图片里,我们的大脑会认为这些相似颜色的圆圈并不是单独一个个的圆圈,而是矩形、方形、线条,只是它们的颜色有区分。

05.共同命运律

当视觉元素在相同方向上移动时,我们认为它们是群组的组成部分。我们的目光跟随图形移动,这一原则对2D和3D动画来说尤为重要。

在下方图片里,每只鸟以群体的方式在相同方向上飞行,大脑会认为它们是群体的组成部分,也就是会这些鸟抓捕住了一条鱼。

在这幅库特·威尔的美国歌剧《街景》海报中,灰色字母被认为是相同内容块的组成,因为它们看起来不仅相似、紧密相邻,而且方向指向相同。

06.对称

人们将对称元素视为同组的组成部分。你有没有注意过镜像的图形?这种关系让我们将这些元素视作单一图形。

可以看这张纽约自行车博览会海报,设计理念是以圆圈为聚焦中心。在创作该圆圈时,设计师将一半设计为自行车车轮,而另一半为下水道井盖。除了质地和颜色上的差别,它们在观众眼中就是一个统一对称图形。

并行机制

人们将具有相似或非常近似斜率的元素视为一组。我们在设计时,经常改变文本倾斜度以匹配周围的箭头或曲线,因为这样可以让整个图形看起来更为紧凑。在这张字体Futura的宣传广告海报中,设计师就是运用并行机制原则将不同文本区域分组。

07.连续性

如果视觉元素排列在一起,那么它们就会产生关联性。线条在连续的情况下就成为了单一图形。线段越平滑,看起来越像是统一图形。

在这张由新加坡阳狮集团设计的圣诞贺卡里,连续性原则起到了关键作用。绿色铅笔削出的整根细细木屑引导注意力从顶到底,以一种意想不到的方式打造出圣诞树的形状。

08.封闭性

如果元素是闭合图形的组成,那么我们认为它们是同组的。标志设计正是探讨封闭性原则的绝佳示例。联邦快递的标志“隐藏”了一个向右的箭头,多年以来,并没有许多人可以发现这点。透过设计E与X之间的负空间,以及缩进两个字母之间间距,箭头显而易见 。

09.共同区域

当我们发现若干元素构成单个区域时,我们会认为它们是一体的。想象一下包含文字、图象还有横幅的徽章设计吧,这三大元素结合起来成为了徽章。

在这幅皮克斯《头脑特工队》海报中,艺术家史黛丝·青山、艾瑞克·谭运用共同区域原则将电影中人物相结合,统一设计到单一人物剪影中。当我们看到它们出现在同一区域时,就会认为它们在同一空间内共存。如果你看过电影,就会明白这其中的意义。

10.因素联结

如果元素与其他的相连,我们就会认为它们是一体的。制作图标或流程图时,很容易想到这一原则,箭头会将图形(或文本块)连接到下一个。

在乔纳森·卡卢吉与《哈佛杂志》合作的作品中,所有的对象通过线条联结,贯穿整幅作品。尽管人物的活动很多,但仍具整体感以及视觉凝聚力。

请你在下个项目中尝试下格式塔理论原则吧!

准备好将强大的心理学原则运用到你的设计作品中了吗?下次当你设计作品时,想想看上面提到的邻近性、简洁、相似性还有其他原则,看看他们可以如何影响你的观众!