硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

其它优秀文章推荐:

硬核读书笔记:平面设计中构图与形状原理探索与分析

空间分割还是用不好? 海报设计中内空间的使用案例教程

解锁“点”构成在版式设计中的运用

设计中的光如何理解?

设计中空间的层次思维

认知与感知

人对事物产生认知必先要感知到事物,但是感知事物的过程会受到其它因素的影响我们对周边环境的感知,并不是知觉的真实感知,而是“知觉结果”
与“实际现实”存在着严重的偏差。为什么会如此?

因为感知会受到至少“三个方面”的因素影响:

1、经验影响。(过去,我们的经验)

2、环境影响。(现在,当前的环境)

3、目标影响。(将来,我们的目标)

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

这张图片是一家房地产开发公司楼盘的规划图,你现在看到的是五幢房子排列的格局。

如果再次告诉你,其实这是一家广告公司的提案。通过解释,你这次观看到的会是一个英文单词“Life”的负形。是建筑还是单词,取决于别人告诉你看什么。这种“先入为主”的印象其实就是经验影响感知的例子。

 

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

这是第三篇《格式塔原理》中四大基础特征“整体性”的一张例图。读过这篇文章的朋友现在就应该会理解到“经验影响”的意思。

没见过这幅图的人,对它第一眼的感觉基本认为就是随手泼出的墨点,而旦你知道这是“一只在树附近嗅着地面的斑点狗之后”,你的视觉系统会将其组织成一幅正常画面。当看到这只狗后,就再难看成随意的点了。这个也是经验影响知觉的例子。

再比如,你使用新的“软件、APP”,打开新网站时,基本不用太细看或研究用法,而是点击按钮和直接使用即可。包括处于全新的环境下,都会根据自身以往的方式来解读与理解当前环境,这都是经验的影响。

当然,包括其它知觉类型的“感知经验”也会影响到认知结果。比如对语句的理解,听过“转基因有害的”的人与听过“利用转基因技术解决重大难题”的人,两方对转基因玉米进入非洲这句话,就会产生不同的理解。一方可能认为是好的,另一方会产生不好的印象。这种经验影响的例子还会受熟悉框架、习惯性、注意瞵脱等多个方面的影响。

以上或接下来的案例都不作详细摘录,只作为“概念性”的启发。具体的内容推荐每篇文章后的参考书籍去通读,笔记一般是个人当前的理解与需求的收录,很多内容上的细节还需要自己去挖掘、了解。但是别人的笔记有一个好处,就是能让你对内容有更深的理解。(这也算是经验影晌,如同看影评一样,你会收获很多忽略的细节,读到不同的见解)

另外,分享一个关于自身感受到的、最为强烈的“经验影响”的例子。一个或许能改变某些人一生思维的东西:

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

学习的过程就是不断获得“知识点”的过程,我们得到的每个知识点,就是你大脑中建立的一个个“认知锚点”(可以狭义的将其视为一个“标的物”)。大脑如同茫茫的海洋,获得的每个“知识点”就如同漂浮在大海中的一个“标的物”或小灯塔”,可以作参考点,你所学到的“知识点”越多,这样的“锚点”就越多,范围就越广。

多个关联的“认知锚点”组合成小知识网,多个知识网再相互关联组合,量变引发质变,最终聚变为庞大的“系统网”。我们谈零碎的东西很容易(如同发表意见一样,你一言我一语),但要形成体系(系统性)非常之难。因为系统是宏观全局性的,它允许某一小部分有缺陷(或者不能称为缺陷)。就如同企业领导人或全军主帅对待问题一样,他们是从整个企业或全国战场的宏观视野来看待问题,允许局部有小的缺陷与失利,调控各个结构,而争取大局上的完整。

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

理论体系靠的是知识的积累,没有足够的知识量就无法组建起整个结构骨架,也就无法形成所谓的“系统”。每个领域有自身的体系,多个领域有更大的综合体系。

所以最终,“系统性”将使你逃脱以个人角度与局部视野看待问题,从而拔高你自身的“思维与认知”层次。

这也是“经验影响”的一个重要方面,就如同知识量越丰富的人,学习的速度越快。如果你不持续的学习,因为经验影响的关系,知识量与其它各个方面都会与不断“保持学习”的人越来越远。这也是“学习如逆水舟,不进则退”这句话的深刻体现。

环境影响

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

“ Polish silverware”和“毛病”。同样的词处于不同的语句旁时就产生不同解读,这是环境影响感知的小例子。

就设计而言,自然少不了一个重要的议题一“视错觉”。视错觉是基于经验主义或不当的参照形成的错误判断和感知。这是环境影晌感知的典型表现。

上篇提到了视觉平衡,也同时指出设计通常都以是以视觉平衡为准则。版面的几何中心和视觉重心不同,文字因为结构,字面也需要视情况改变,这同样也是视错觉导致的。

就艺术与设计角度来看,如果一味的追求好看、漂亮,难免乏味,一旦所有的事物都看起来循规蹈矩,便容易审美疲劳、令人生厌。光怪陆离、奇形异状也应运而生。对此,我们既好奇也有兴趣。有些表现形式乍看茫然费解,必须苦心解疑,其实何尝不是一种乐趣。这也是“错视”盛行的原因。这些技法形式不仅让人思考,也包含了游戏精神。是知识与感性的结合,同时也培养了人的创造情趣和想像力。为此,这里也简单介绍视错觉的一些形式,以供参考。(色彩的视错觉先不介绍,放到以后专门的色彩篇在去讨论)

设计中视错觉的表现形式比较具代表性的包括:错视性、多意视图、无理图形等。

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

错视性一般是指因为元素干扰或方向的变化而产生与实际物理测算不相符的视觉镨误。

 

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

多意视图的原理,也就是前篇《格式塔原理》中的多重向稳定性,根据视觉观看点的不同而产生反转,看到不同的图像。包括图底反转、正倒共存、空间转换等。

 

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

所谓无理图形,指的是在二维画面中可以表现,但在三维世界不可能实现的立体图形。以上所列的只是少部分例子,更多案例表现推荐书中去了解。

视觉、听觉、嗅觉、味觉、触觉五个感官都会对周围环境作岀感知,也相互作用与影响。听到的可以影响看到的,看到的能影响接触的。如儿时在教室读书、学习就存在着环境的影晌刺激,好的氛围能增强学习的动力。同时处于不同的环境也会影响当时的观念、行动等,这些都属于环境影响感知范围

目标影响

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

这幅图中有剪刀吗?

找到剪刀了吗?如果不去回看图片,你能告诉我图片里面有没有螺丝刀?百分之百的确定吗?

我们的目标也会影响我们的感知。

囯标会引导并过滤我们的感知∶与目标无关的东西会被过滤掉,不会被注意。例如,当你在版面、网页上寻找需要的信息或者某个功能时,并不会认真阅读所有内容,而是快速粗略地扫描版面中与目标相关的内容。你会忽略掉与目标无关的东西,并且基本不会注意它。

除了视觉上的,还有听觉及其它感官的目标过滤。如“私人谈话”效应,在人较多的场所(车站、会场、约会时等),你与感兴趣的人谈话时,绝大数注意力都会放在其身上,即使周围有很多人说话或吵闹。你们交谈的兴趣越大,专注力就越强,越能过滤周围嘈杂。如果对其感到乏味的话,多半会开始注意周围的事物。

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

对于感知的影响因素同样也会影响到设计,要注意以下三点:

避免歧义:避免设计的作品或产品带有让人误解、分歧的信息,包括风俗人情、通用的规则、特定符号样式,特殊人群及场所等等。

保持一致:系列产品、书籍画册、U设计中。不同版面上功能相同的控件和数据显示摆放在每页相同的位置,相应的还有颜色,字体和样式等等。一致性能让观者很快的找到并识别。

理解目标:受众者观看作品或使用软件都有一定目标性,作为设计者就需要了解这些目标。要认识到不同的人或不同场景,目标性可能会有所不同或变化,而且目标会强烈左右着他们能感知到什么。

如U中,在每次交互的关键点,确保提供了用户需要的信息,并让用户能够明确注意到并使用这些信息。

结构化

视觉经过优化更容易感知到结构。结构越清晰,越利于大脑理解记忆。大脑对于结构化的感知比零碎化的感知在理解和记忆方面高效数倍。思维导图就是结构化的典型表现。(作者发表的这些文章,就是梳理零散笔记和阅读心得的结构化过程)

所谓结构化,是指将逐渐积累起来的知识加以归纳和整理,使之条理化、纲领化,做到纲举目张(条理分明)。结构化其实就是梳理脉络、理清逻辑。

知识是逐渐积累的,但在头脑中不应该是无秩序的堆积。心理学有研究:优生和差生的知识组织就存在“结构化”的差异。优生头脑中的知识是有组织、有系统的,知识点按层次排列,而且知识点之间有内在联系,具有结构层次性。而差生头脑中的知识则是零散孤立、无关联秩序的。结构化对知识学习具有重要作用,因为当知识以一种层次网络结构的方式进行储存时,可以大大提高知识应用时的检索效率。

以上这段介绍与本文第一章节提到的“经验影响”有着不可分割的联系。形成体系前必定要先有“结构”。从点到线在到面,最终形成多维度、多角度、多层面的立体“体系”。

各行各业都着自身的体系存在,设计行业自然也有设计的体系。同时,每个人是不同的个体,也有自己的理解,也会形成各自的体系。就本人而言,目前设计知识所形成的简单构架体系如下(以后需要不断迭代,以供各位参考,并希望对你的体系早日成型有所启发。

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

由于个人的自我探索,遂尝试从宏观角度去诠释设计,形成了一个通用型的综合“设计知识体系”。以便使设计不受限于单纯的做图工阶段。在挖掘深度的同时,扩展一定的广度。让设计师不只单纯从“做一张好看的图”角度去做设计。切勿养成管中窥豹、坐井观天的思维。

第一篇《点线面》属于造型属性,第二篇《造型与空间》属于空间结构与视觉规律,第三篇《格式塔》属于认知思维下的心理学特性,包括以后的《对称与均衡》属于认知思维下的审美法则等。这些都是无数本零散书籍的阅读笔记与心得的关联、整合、归纳与梳理,是对知识“结构化”的—个典型过程。

从构成元素的自身属性——空间载体属性——元素与空间的组合规律——一认知与法则—多领域学科与设计的结合——到艺术的进程。以上是初步结构体系的雏形,后期还会根据认知思维的变化作出修正,对“结构化”与“体系”不断的优化、迭代,以至推翻都是大有可能

从“结构化”到形成“体系”是一个便于自身查找、记忆、复盘、迭代的重要过程。我们也可视其为思维逻辑化。当然,以上是都是为了说明结构化的重要性。在设计中,格式塔就是视觉结构化的重要体现,根据不同的组织律来关联事物,使其组群化、模块化、简单化,以提高人们的识别和理解信息的能力。

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

左图的段落文字散乱、段前有重复的内容,整个内容给人难以辨识、不好理解的距离感。

右图去掉段前重复的内容,梳理好结构散乱的文字,建立了视觉层次。看过《格式塔》文章的朋友就会发现其中各种规则的运用。右图就是对视觉结构的优化,它让內容与信息变得更易于阅读和理解。

 

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

左图的银行卡如果没有间距分开,对于要填写或报读卡号时非常不方便,容易出错,右侧正常的卡分割后更易于检索。下面是两部手机“最近通话”的显示状态,左侧的是国内某手机的,右侧的是苹果机,比较一下号码和地址的结构化显示细节。

 

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

表格化,段落的缩进,以及第一篇《点线面原理》中,点、线、面都所具备的“组织性”也是视觉结构化的重要表现。

结构化最重要的几个关键之一就是能提供“视觉层次”。观者在查看版面时,视觉层次能让人快速查找、检索信息,跳过与目标无关的信息,并集中注意力在所关注的点上,同时便于观者快速理解,也更利于记忆。

经验与阅读

“阅读”也是一个经验影响的例子,至于将其单独拎出来作为一个章节来重点说明,也是希望各位朋友能够真正重视起来。这也是《认知与设计》书中的一个重要章节。

 

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

工业化国家里,大多数人在推崇教育和阅读的家庭中长大。人们在孩童时代就开始阅读的学习。在青年时期就已养成良好的阅读习惯。成年后,更是日常中都涉及阅读。对于受教育程度高、养成阅读习惯的成年人来说,把书面的文字转换成大脑理解的内容,这个过程是自动的、潜意识的。自主的意识能非常自由的去关联、思考所阅读到的内容和深层的涵义。因此,一个良好的阅读者认为看书与日常说话一样,是一种自然存在于人类的行为。

Jef1 Johnson在书中认为,阅读不是自然而来的,人的大脑是为语言(说话)而不阅读设计的。在数十万年或数百万年里,人类的大脑进化出了囗头语言所需的神经结构,所以人在幼儿时期不需要任何训练,就能学会所在环境的语言。随年龄增长,反而越难学习新语言。

相反,写作与阅读直到公元前几千年才出现,而且直到近几百年前才开始大量普及(得益于印刷术的改进),远迟于人脑进化到现代水平的时间。因此,孩提时期,我们的大脑没显示出任何天生的阅读能力。阅读是一种需要后期人为的、经过系统指导和训练才能得到的能力,如同弹琴、设计一样。

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

 

因为人的大脑没有形成天生阅读的能力,所以儿童没有人教,就永远不会阅读,在古代或者非洲等教育落后的情况下,如果没人指导,一生都将会是文盲。而相对来说,几乎没有人学不会说话。

 

阅读、学习是认知思维提升的必然过程(无论是世界各领域的顶尖学者,还是站酷的“大神”,以至作者,无不是通过不断学习、阅读、练习提升而来),也是视觉观察力的训练过程。如从最简单的单个拼音字母到拼音词组,再到单个汉字、词组、句子段落等。在理解记忆含乂的同时,也对线条、轮廓和形状特征进行了识别。

人在阅读过程中是特征驱动(部分天生的识别能力,加上经过训练后对词组、短句的理解变成无意识的)和语境驱动(根据完整段落、句子的含义猜测岀各个组成部分的内容)同时进行的,如我们见过的例子:

 

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

第一段文字被挡住了一部分,我们依然可以认岀这段话。以特征驱动为主,语境驱动为辅,加上《格式塔原理》中视觉基础特征的“整体性”和“具体化”与经验影响的多方结合,能让我们自动弥补缺失的部分而认出文字。这同时也是我对上篇一位朋友的评论所提的:“知觉是极为复杂的”一种回应,这是“多方合作”的综合性问题。

第二段因为语境驱动,我们基本能知道后面的词语是什么。

第三段文字顺序错乱、第四段是英文字母错位的例子,但人基本能正常阅读。这些都是两种“阅读驱动方式”的表现,也是我大脑和视觉经过长期阅读训练后,才能达到的效果。

其实就阅读这个问题,我与好几个朋友做过两次简单的小测试。测试双方分为AB,一位是多年来不间断阅读的朋友A和几乎不怎么阅读的朋友B,观看同样的短篇小说或文章。A阅读的速度飞快,通常是B的好几倍,而且读完后基本能流畅说明、总结文章内容。B则时常停顿,因为很多字不认识,并且很多句子读的不连贯、不通顺,理解很是费力,且读完后基本很难完整阐述內容思想。重要的是读完后或读到某一程度会犯困!

综上所述可以看出:人成长的过程中阅读量少,长大后会导致对文字及语义的理解极其匮乏,大脑没有形成理解与记忆的条件反射,无法快速无意识的判断与解读文字语义,以致需要耗费大量脑力去分析与理解语句的含义。

因此阅读是极其费劲的,精神上形成很大的压力,大脑易疲倦、分心。从而导致更加不愿意阅读,而这同时又加剧了阅读与理解能力的更加不足。形成恶性循环.…读专业性很强的书籍与不常见的文章时,压力表现的极为突岀)

句话,保持阅读能让你更容易、更快速的学习。

一旦你能比别人更容易、更快速的学习,那么结果就是?

以上都是近年来的多本阅读笔记和心得总结,一直在慢慢整理中。特意分享给各位作为交流参考,本文还有诸多不足,望各位批评指证。

《格式塔与视知觉》这个章节,其实同哲学的唯物辩证法可以作很多关联结合。平衡、系统性、格式塔是否跟两大基础与三大特征的内容(普遍联系、永恒发展,对立统一规律、质量互变规律、否定之否定规律)或多或少产生联结,后续值得探讨。这是格式塔与视知觉的最后一个章节。下节将讨论艺术与设计中的重要核心《构图与造型的原理》,主要是讲解空间结构秩序、造型的形态意义与心理情感特征等方面的内容。

本人梳理编写的文章,力求体现两个特点:1.底层原理,2.系统性。

底层原理,不同于表层原理与技法思维只讲解:怎么样做?得到什么效果,或者是要什么效果,怎么来实现?当时感觉懂了,一到动手,换成不同的题材就无法转变思维,做不出来。底层原理注重的是:透过现象看本质,要了解为什么这个“样式”产生如此的效果,是什么原理(力学、心理学、经验影响?)。

系统性,不同于网络上碎片化的知识,不片面、单一角度解释设计:此效果怎么解读,彼方法怎么实现,这样过于松散且不便于检索及形成体系。系统性注重的是:以一种较为清晰的逻辑思路来了解整体的知识结构,如同打仗时作战室里的整个大作战图一样,注重整体,观察部分,综合考量。便于关联、记忆、优化等。也就是上面文中所提到的“结构化”原理的优势。

因为自己时常于国内外网路查阅资料,发现文章大多都还不够系统。所以尝试以较为“系统性”的方式来解读设计,因此建议观看的朋友们一定不要漏掉任何一遍文章。如果你将某篇文章遗漏掉了,就可能会发现很多文章的关节点、术语读不明白,当然还可能与整个系统架构完善度有关,其中很多“知识点”会关联、交叉解读,包括评论里也会有一部分的讲解。由此,希望各位能够反复通读,以及多在实践中反复检验,查找问题与构建自身的体系。

理论不同于软件和技法,短时间的学习就能看到进步,不能现学现卖。它是一种所谓的“种树”过程,靠的是日积月累,是一种学习、消化、迭代的过程,一种由量变到质变的过程。需要坚持不懈、持之以恒。我们小学到大学的所学习的教材也是系统性理论的体现。走上社会后的各位朋友,感觉到以前系统知识积累的重要性了吗。书到用时方恨少。

仅作免费交流与启发,请勿商用! 谢谢!

如果有任何疑问,也欢迎随时留言与交流。

另外也邀请对基础理论方面有涉猎或是有兴趣的朋友,可以共同交流、联名探讨。

参考书籍:

《认知与设计:理解UI设计准则》Jeff Johnson

《格式塔心理学原理》库尔特.考夫卡

《艺术与视知觉》鲁道夫.阿恩海姆

《艺术.设计的平面构成》朝仓直已

《设计元素.造型与空间》丹尼斯.M.普哈拉

《运动中的视觉》莫霍利.纳吉

 

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉



属性标签: , ,

欢迎留言

页面生成消耗的时间 0.413 秒,此页面一共查询了 113 次数据库!缓存时间:2020-10-27 15:25:31你的IP为:3.230.1.126