设计心理学第二章)课件

设计心理学第二章 设计中的感觉与知觉以“视觉生产”为核心的艺术设计设计心理学第二章 设计中的感觉与知觉1目 录2.1 感觉2.2 易于感知与难于感知：基于感知原理的设计技巧 2.2.1 感觉的多通道 2.2.2 阈限2.3 视觉 2.3.1 颜色视觉 2.3.2 明度视觉 2.3.3 运动视觉2.4 现实与感知：视觉游戏 2.4.1 知觉 2.4.2 知觉特征 2.4.3 知觉组织2.5 错觉：被愚弄的知觉 2.5.1 错觉种类 2.5.2 有效错觉 2.5.3 错觉矫正目 录2.1 感觉22.1 感觉感觉是感受器眼、耳等器官中的结构所产生的表示身体内外经验的神经冲动过程。现代心理学则将感觉根据承受的不同分为了三类:外受、内受和本受。感觉的功能：1、生存需要，帮助人类适应外界环境；2、获得各种生物意义上快乐体验。返回2.1 感觉感觉是感受器眼、耳等器官中的结构所产生的32.2 易于感知与难于感知 基于感知原理的设计技巧 感觉依赖于输入信息的性质、强度和差异。2.2.1感觉的多通道 1、“通道通道”（Modality）是指人们接受外界刺激的不同感觉方式。2、感觉通道对应各种感觉器，包括视觉、听觉、味觉、嗅觉、触觉等。3、多“通道”协同上图：联想公司概念设计，使用盲文的键盘下图：使用盲文及音频提示的ATM(自动提款机)2.2 易于感知与难于感知 基42.2.2 阈限 阈限是使个体产生感觉的刺激水平。绝对阈限绝对阈限 能引起人体产生感觉的最小刺激水平。差别阈限差别阈限（J.N.D just noticeable difference）两个相似刺激之间被觉察到的最小差别。韦伯定律韦伯定律：外界刺激之间的最小可觉差与标准刺激强度比值是恒定的，也就是说，所能觉察的强度的最小差别，和背景强度成正比，标准刺激越强越大，则达到最小可觉差的刺激增量越大，公式写为I/I=K2.2.2 阈限 阈限是使个体产生感觉的刺激水平。5差别阈限内的图形演变（Fisher 1967年）美国贝尔电报电话公司标志的渐变过程 阈限的运用：不易察觉的变化 差别阈限内的图形演变（Fisher 1967年）美国贝尔电6SONY 经典P系列数码相机索爱手机外观演变 SONY 经典P系列数码相机索爱手机外观演变 7阈限的运用：易视性比 较:国内外农机驾驶室控制器的设计上有什么样的差别？阈限的运用：易视性8遮蔽效应遮蔽效应 人们在感受到巨大变化时会忽略掉那些较微妙的变化。阈下知觉阈下知觉 除了阈限上的刺激会对主体产生反应，其他比较弱的刺激，虽然不会被主体所感知，但也能被感受器所接收。返回遮蔽效应 返回92.3 视 觉视觉是人类最复杂、最重要的感觉。颜色视觉明度视觉运动视觉2.3 视 觉视觉是人类最复杂、最重要的感觉。102.3.1 颜色视觉杨格赫尔姆霍兹理论三原色理论 人的眼睛具有三种类型的颜色感受器，能对红、绿、蓝三种色光产生基本感觉，其他颜色都是这三种颜色加减混合得到的，三种色光混合在一起获得白光。拮抗加工理论 所有的视觉体验产生于三个基本系统，每个系统包含两种拮抗成分，红绿、黄蓝、黑白，也称为互补色，互补色之间具有拮抗作用，当一个成分疲劳或过度刺激，就会增加拮抗成分的相对作用。“视觉后效”2.3.1 颜色视觉杨格赫尔姆霍兹理论三原色理论 11请比较画面中的红色块和绿色块，思考两者有怎样的差别？请比较画面中的红色块和绿色块，思考两者有怎样的差别？122.3.2 明度视觉明度是对照射在视网膜上的一定强度的光的感受，它受到两个要素的影响，一是眼睛的适应状态，二是光的强度。锥体细胞（cones）和杆体细胞（rods）光适应和暗适应明度对比导致的光强度的错觉 2.3.2 明度视觉明度是对照射在视网膜上的一定强度的光的13 眩光”（glare）:当人的视野中物体与背景间的亮度对比过大时，就会造成视觉不适或能见度（visibility）下降，这也是人机工程学常谈到的“眩光”。丹麦 保罗.汉宁森，PH灯具(1931年/1958年)返回 眩光”（glare）:当人的视野中物体与背景间的亮度对比过142.3.3 运动视觉运动视觉是感觉物体空间位移和移动速度的视觉。人们对物体空间移动的信息有两种不同的视觉途径：网膜映象系统和头眼系统。网膜映象系统（左）和头眼系统（右）对运动的感觉 2.3.3 运动视觉运动视觉是感觉物体空间位移和移动速度的15 动画中的人物，常常本身并没有在画面中运动，而仅凭借其原地动作，以及背景的移动，使人产生向前运动的感觉。视觉暂留 视觉暂留是指人的视觉存在一定惰性，不能立即根据外在刺激的变化而发生变化，因此闪烁率大于每秒50次的光就感觉是稳定的光源了。返回 动画中的人物，常常本身并没有在画面中运动，而仅凭借其原地162.4 现实与感知：视觉游戏知觉（perception）知觉组织 2.4.1 知觉的定义 1、知觉（perception）是对感觉经验的加工处理，是认识、选择、组织并解释作用于我们的刺激的过程。2、知觉被划分为三个阶段：感觉，知觉组织，辨别与识别客体。2.4 现实与感知：视觉游戏知觉（perception）172.4.2 知觉的特征整体性选择性理解性恒常性2.4.2 知觉的特征182.4.3 知觉组织知觉组织:一切知觉经验，都必定是某种分门别类的加工过程的最终产品，这种分门别类的工作就是将感觉信息组织到一起使人们能形成连续知觉的过程。简洁律恒常律图与底错觉轮廓整体特征优于局部：接近律和相似律深度知觉2.4.3 知觉组织知觉组织:一切知觉经验，都必定是某种分19 人们知觉的有一种“简化”的倾向，所谓“简化”并非仅指物体中包含的成分少或成分与成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。知觉简化的特性对人的认知产生正反两个方面的影响：一方面它自身的力使它呈现向最简化的结构或紧张力减少的状态发展的倾向，体现为人们对于简洁、对称、规则图形的喜好；另一方面，简化、规则的倾向使人们的活动变得简单、程序化，这样就会有相反的力则对它起到抑制的作用。1、简洁律返回 人们知觉的有一种“简化”的倾向，所谓“简化”并非仅指物体中202、恒常律 恒常性是指客观事物本身不变，但其给人们的感觉刺激由于某些外界条件变化而在一定限度内变化，人对它的知觉不变。大小、形状、方向恒常性的产生主要来自两个方面的信息：一是画面中的情境线索；二是人们的先验知识。返回2、恒常律 恒常性是指客观事物本身不变，但其给人们的感觉刺激213、图与底“图”是居于前部的区域，“底”是被看成用来衬托图的背景。图比底，轮廓较为完整，封闭，形状较为规则，面积比较小，色彩比较浅；此外，更重要是能组织成为一定意义的区域倾向于感觉为图。“两难图形”：图底区别就不太明显。左边的图形，没有明暗对比，并缺乏封闭的轮廓，因此图、底比较模糊；如果将字母变黑，就能很容易地分辨出这些字母。返回3、图与底“图”是居于前部的区域，“底”是被看成用来衬托图22两可图形是一些模糊的、不稳定的图形，它们使人们能对单一的图像在知觉和辨认上产生多种可能。Charmichael，墓地与华盛顿的影子 骷髅还是少女 老鼠和男人 两可图形是一些模糊的、不稳定的图形，它们使人们能对单一的图像234、错觉轮廓错觉轮廓（Illusory Figures）也被称为主观轮廓，是指那些没有直接刺激而产生的轮廓知觉。原因：1、画面内存在有规则的空白，人们试图赋予它意义；2、人的知觉系统倾向于将事物组合成简单、具有一定意义的整体。舒曼正方形 凯尼撒三角形及在其基础上衍变出来的其他错觉轮廓的图形 返回4、错觉轮廓错觉轮廓（Illusory Figures）也被24错觉轮廓，请问这是谁？错觉轮廓，请问这是谁？255、整体特征优于局部：接近律和相似律接近律、相似律的本质上都是简化和整体化知觉对象的组织原则，即人们在倾向于简化认知对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。点阵图中接近的点被认知为一个整体 返回5、整体特征优于局部：接近律和相似律接近律、相似律的本质上都266、深度知觉（depth perception）人们的视觉所观测到的外界世界是二维的，但所感知到的世界是三维的，这是因为人的感知能通过一定的关于深度的信息确定深度。深度知觉产生包括主体和客体的双重原因，1、主体：人双眼提供的视差和视轴辐合是产生深度知觉的重要生理机制。2、客体:所观测对象的图形为感知提供了深度线索。设计中，设计师可以有意识地利用图像中的元素，增加或减少图像的深度。6、深度知觉（depth perception）人们的视觉所27请比较中世纪的绘画圣洛伦佐的殉教和达芬奇的绘画最后的晚餐，看看两者表现三度空间的方式有何不同？其深度知觉线索包括哪些？请比较中世纪的绘画圣洛伦佐的殉教和达芬奇的绘画最后的28主要深度知觉线索包括：1、大小：大的物体比小的物体显得更近；2、质地：组成质地的单元大的比小的显得近，例如建筑效果图中运用地板砖来表现室内空间纵深；3、插入：阻挡其他物体的不透明物体显得更近；4、焦距：细节清晰的物体比模糊的物体显得近；5、饱和度：高饱和度的颜色比低饱和度的颜色显得近。返回主要深度知觉线索包括：返回292.5 错觉：被愚弄的知觉错觉是错误的知觉，是人在已被证明错误的方式下体验刺激。幻觉和欺骗 1、幻觉：例如透视、恒常性、整体性等；2、欺骗：来自信息“自上而下”的加工过程，即人记忆中存储的概念，如对知觉环境的经验、知识、期待、动机、文化等方面的对人知觉产生的影响。错觉分类有效错觉错觉矫正2.5 错觉：被愚弄的知觉错觉是错误的知觉，是人在已被证明302.5.1 错觉种类长度错觉长度错觉长度错觉长度错觉 缪勒莱依尔错觉分割错觉 对比错觉 变形错觉 2.5.1 错觉种类长度错觉 缪勒莱依尔错觉分割错觉 312.5.1 错觉种类长度错觉 波根多夫错觉分割错觉分割错觉分割错觉分割错觉 对比错觉 变形错觉 2.5.1 错觉种类长度错觉 波根多夫错觉分割错觉 对比错322.5.1 错觉种类长度错觉 分割错觉 对比错觉对比错觉对比错觉对比错觉 变形错觉 艾宾浩斯错觉2.5.1 错觉种类长度错觉 分割错觉 对比错觉 变形错觉332.5.1 错觉种类长度错觉 分割错觉 对比错觉 变形错觉变形错觉变形错觉变形错觉 奥毕森错觉佐尔纳错觉2.5.1 错觉种类长度错觉 分割错觉 对比错觉 变形错觉342.5.2 有效错觉艺术设计创作20世纪60年代盛行的所谓OP（Optical Art)）风格，也称为“光效应艺术”，就是一种利用视错觉的艺术。这种艺术的表现方式和目的就是利用光学、物理学、心理学等科学原理，通过几何图形元素的并置、叠加、错位等方式愚弄人们的视觉。这些图形没有什么明显的主题思想，它只是使人感觉闪烁、流动、模糊等，让平面、静态的画面出现奇异的动态效果。维克托瓦萨雷利，Alom以及莱利，流。2.5.2 有效错觉艺术设计创作20世纪60年代盛行的所谓352.5.2 有效错觉营销技巧带有液晶显示器的产品常会在显示屏周围设计一圈深色的衬圈，黑色的衬圈利用相互位置接近、属性类似的物体更易于被人们认为是一个整体的原理，使黑色光洁的显示屏和旁边深色的衬圈容易被作为一个整体，从而增大了显示器的面积。返回2.5.2 有效错觉营销技巧带有液晶显示器的产品常会在显示362.5.3 错觉矫正调整轮廓线条和比例矫正形态错觉 避免错觉的交通标识设计师有意识地拉长标识使标志显得比例正常、易于识别 2.5.3 错觉矫正调整轮廓线条和比例矫正形态错觉 避免37汉字、包装、图标设计中对形状错觉的矫正汉字、包装、图标设计中对形状错觉的矫正38面积相对较大的纯平面常常会给人一种下陷的感觉，为了弥补这一错觉，往往方形的大平面会设计为向外凸出。面积相对较大的纯平面常常会给人一种下陷的感觉，为了弥补这一错39帕提农神庙时期校正视错觉的设计主要包括：1）正面的8个柱子，只有中央二柱完全垂直，其他六柱都向内倾斜（34英尺的柱子向内倾斜约3英寸），这样可以避免柱子全部垂直，在高处两侧石柱会被沉重的石楣压得显得向外分开；2）神庙基石不是水平的，而是向上略凸形成弧线，这样能弥补在上方的石楣和石柱的压迫下略显凹入的错觉。3）神庙的柱子都是微妙的弧线，并且上小下大，以弥补长平行线带来的中部凹入的错觉。并且石柱还不是一样粗细，两边较粗，中间较细，因为按照明度视觉，衬着明亮背景时显得比较细；衬着黑色背景显得比较粗，而神庙两侧衬着天空，中间衬着殿堂，因此设计为两边粗，中间细，以平衡错觉。4）神庙的各部分装饰大小也不同，一般越往高处，比例越大，根据观者的仰角大小均匀变化。返回帕提农神庙时期校正视错觉的设计主要包括：返回40问题与讨论1、联系设计实践，谈谈人的知觉组织的规律有哪些？2、在你所学的设计门类，找到2个利用错觉或避免错觉的案例。问题与讨论1、联系设计实践，谈谈人的知觉组织的规律有哪些？41