设计心理学基本原理与应用 (2)幻灯片.ppt

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