设计中的格式塔心理原则一般如何运用?

其实格式塔心理学的概念也许听的不多,但是其实你已经在生活中切切实实的在运用了,举个简单例子:当我们在逛街的时候,为什么有的会立刻吸引了你的注意力,叫卖声还是视觉元素引导?

例如上图中,我们会下意识的把同色系的招牌归为一类,如果面对无法划分类型的复杂内容时,会让我们感到非常的不舒服,就像有时候我们在看产品设计或体验设计的时候,就是觉得不好用或不好看,但是又说不上哪里不好的情况一样。这就是人的认知心理在作祟。

那么作为体验设计师的我们而言,格式塔心理其实对我们影响更为深远。因为我们输出的内容有时候是难以衡量的,需要有理论支撑我们做出的考量。而不是我们随意发挥臆想的设计。

格式塔心理学原理

格式塔心理学诞生于 1912 年,是由德国心理学家组成的研究小组试图解释人类视觉的工作原理。最基础的发现是人类视觉是整体的:我们的视觉系统自动对视觉输入构建结构,并在神经系统层面上感知形状、图形和物体,而不是只看到互不相连的边、线和区域。

其核心观点是:整体决定部分的性质,并且部分依从于整体

听起来有点像是哲学概念,但是不重要,关键是我们需要了解的是其主张的7大基本原则,这些原则与我们的体验设计才是息息相关的。

格式塔创始人总结的七个基本原则:

接近性原则

相似性原则

连续性原则

闭合性原则

简单对称性原则

主体与背景原则

共同命运原则

01

接近性原则

人们对知觉场中客体的知觉,是根据它们各部分彼此接近或邻近的程度而组合在一起的。两个元素越是接近,组合在一起的可能性就越大。说明它们之间关系更强。但是接近也是有对比的,在复杂的设计中,我们要一边考虑它们之间内部的逻辑关系一边来排版。

在上图的两个图形组合中,我们可以看出「A」中的圆角矩形给我们的视觉效果是以横向的「行」为单位进行组合,而「B」中更像是以「列」为单位进行组合。因「A」每两个圆角矩形之间的间距横向 20px 大于竖向30px,而「B」与之相反所以会产生这样的视觉效果。距离近的关联亲密,距离远的就各自独立分组这就是格式塔理论中的接近性原则。

我们在做版式设计时会把图文信息以不同形状、大小、颜色分组排列,在视觉上营造视觉层次,便于用户阅读。如上图元素以组的形式分布在海报中的各个位置,形成不同大小的视觉层次,让我们能够依次看到主要信息、次要信息、辅助信息等内容。

我们在体验设计时常用划分固定的位置区域,例如导航栏,内容区,操作栏来做区分。还有就是通过距离远近来进行信息归类。属性相同、场景相似的信息应该放到一起,降低阅读成本,提高用户获取效率;不想干的信息尽量区分开,以免引起不必要的误解。

02

相似性原则

人们在感知时,会对那些相似的项目,只要不被接近因素干扰,会倾向于把它们联合在一起。换言之,相似的部分在知觉中会形成若干组。人们会把那些明显具有共同特性(如形状、大小、共同运动、方向、颜色等)的事物当成一个整体。与不具有相似视觉特征的元素相比,具有相似视觉特征的元素被认为更加相关。

虽然与亲密性非常类似,但他们又的的确确存在不同,亲密性强调位置,相似性强调内容。通常是把具有明显特征的事物(形状、颜色、大小)组合在一起。常常用于表单和导航

03

连续性原则

因人眼的视觉会偏向连续的形式,使阅读上更具有连贯性,在观察事物的过程中会情不自禁地形成一种视觉延续的感受,这就是格式塔的连续性原则。

在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线,使曲线继续成为曲线,也就是视觉的惯性。利用连续律我们可以让用户操作界面时不经过思考就点击一个固定的位置。人的视觉有追随一个方向的延续,以便把元素联接在一起,使它们看来是连续向着特定的方向。

我们在体验设计过程中,或者在体验某些产品界面时,不难发现这些产品基本都是通过将多个不同的信息以某个非常微小的共性,结成一个整体来展现的。

04

闭合性原则

真实的图形是非闭合的,但在视觉上我们会自动把空白填满形成封闭的空间,这就是格式塔的闭合性原则。因为闭合时一种完形的认知规律心理。主要是在人们观察熟悉的视觉形象时,会把不完整的局部形象当作一个整体的形象来感知,这种知觉上的结束;但是如果局部形象过于陌生或者简略,则不会产生整体闭合联想。

人们的视觉系统或者说视觉心理会自动把不相干的图形元素封闭起来,感知为完整的个体,而不是单独的视觉化元素。这种心理视觉影响更多应用在logo设计中,界面设计中也有。主要表现为:正负形、封闭边界、不完全闭合

05

主体/背景原则

当小图形重叠大图形之上,我们的视觉会倾向于将小图形归为主体,大色块为背景,这就是格式塔中的主体与背景原则。当主体与背景重叠时,人的视觉更加倾向于将小的物体视为主体,大的物体视为背景,所以我们可以通过大小与图的关系,将我们希望传递的不同层次的信息进行展示。

(图1)

(图2)

如图1中所展示的弹窗,主体是弹窗,背景是底部界面,利用空间感给用户做视觉引导,让用户快速感知我们想要传递的重要信息内容

06

简单对称性原则

在观察事物过程中,我们第一印象更倾向于简单而且对称的图形,这就是格式塔的简化对称性原则。具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。对称的元素往往被认为是归属在一起的,而不管它们之间的距离,都给我们一种牢固和有序的感觉。

07

共同命运性原则

一起运动的物体会被感知为属于同一组或是彼此相关这样的一种视觉现象,这就是格式塔中的共同命运原则。无论元素之间的距离有多远,或者它们看起来有多不同,如果它们一起运动或变化,它们都被认为是相关的。

iPhone删除应用时候,所有图标都一起晃动起来,左上角都有一个删除的按钮,在处理的过程中,要么删除,要么保留,这就是共同命运原则。

其实格式塔心理学原理并不是一定要死记硬背的理论,它其实在我们没有接触设计之前就已经在运用了。之所以,需要复习重温就是需要我们明白,我们在日常设计过程中,需要有一个思维或者说考虑,明白为什么这样做的原因?这才是锻炼我们成长的关键所在。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,752评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,100评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,244评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,099评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,210评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,307评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,346评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,133评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,546评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,849评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,019评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,702评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,331评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,030评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,260评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,871评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,898评论 2 351

推荐阅读更多精彩内容

  • 格式塔心理学(gestalt psychology),又叫完形心理学,是西方现代心理学的主要学派之一,诞生于德国,...
    几个字的思考阅读 20,876评论 2 56
  • 你曾经仰望过天空时,有注意过不同形状的云酷似熟悉的动物或物体么?有没有想过,为什么会把蓬松的一团雾气与不同形状联想...
    York_W阅读 2,915评论 0 5
  • 如何成为视觉传达的主导者 你有没有看到过天空中有一不同形状的云,像熟悉的动物或物体?你有没有想过,为什么或者怎样通...
    Ystarsan阅读 365评论 0 1
  • UI设计中的格式塔原则 如何成为视觉传达的主操纵者 你有没有看到过天空中有一不同形状的云,像熟悉的动物或物体?你有...
    Ayaoii阅读 1,327评论 0 6
  • 如何成为视觉传达的主操纵者 你有没有看到过天空中有一不同形状的云,像熟悉的动物或物体?你有没有想过,为什么或者怎样...
    UX_Burn阅读 1,319评论 0 2