设计心理学1知识讲解

设计(shèjì)心理学第二章设计(shèjì)中的感觉与知觉——以“视觉生产”为核心的艺术设计(shèjì)柳沙第一页，共36页。目录2.1感觉2.2易于感知与难于感知：基于感知原理的设计技巧2.2.1感觉的多通道2.2.2阈限2.3视觉2.3.1颜色视觉2.3.2明度视觉2.3.3运动(yùndòng)视觉2.4现实与感知：视觉游戏2.4.1知觉2.4.2知觉组织2.5错觉：被愚弄的知觉2.5.1有效错觉2.5.2错觉矫正第二页，共36页。2.1感觉(gǎnjué)感觉是感受器——眼、耳等器官中的结构——所产生的表示身体内外经验(jīngyàn)的神经冲动过程。现代心理学则将感觉根据承受的不同分为了三类:外受、内受和本受。感觉的功能：1、生存需要，帮助人类适应外界环境；2、获得各种生物意义上快乐体验。返回(fǎnhuí)第三页，共36页。2.2易于感知与难于感知

——基于感知原理(yuánlǐ)的设计技巧感觉依赖于输入信息的性质、强度和差异。2.2.1感觉的多通道1、“通道”（Modality）是指人们接受外界刺激的不同感觉方式。2、感觉通道对应(duìyìng)各种感觉器，包括视觉、听觉、味觉、嗅觉、触觉等。3、多“通道”协同上图：联想公司概念设计，使用盲文(mángwén)的键盘下图：使用盲文及音频提示的ATM(自动提款机)第四页，共36页。2.2.2阈限阈限是使个体产生感觉的刺激水平(shuǐpíng)。绝对阈限能引起人体产生感觉的最小刺激水平(shuǐpíng)。差别阈限（J.N.Djustnoticeabledifference）两个相似刺激之间被觉察到的最小差别。韦伯定律：外界刺激之间的最小可觉差与标准刺激强度比值是恒定的，也就是说，所能觉察的强度的最小差别，和背景强度成正比，标准刺激越强越大，则达到最小可觉差的刺激增量越大，公式写为ΔI/I=K第五页，共36页。差别阈限内的图形(túxíng)演变（Fisher1967年）美国贝尔电报电话公司标志(biāozhì)的渐变过程阈限的运用(yùnyòng)：不易察觉的变化第六页，共36页。SONY经典(jīngdiǎn)P系列数码相机索爱手机外观(wàiguān)演变第七页，共36页。阈限的运用(yùnyòng)：易视性比较:国内外农机驾驶室控制器的设计上有什么样的差别？第八页，共36页。遮蔽效应人们在感受到巨大变化时会忽略掉那些较微妙的变化。阈下知觉除了阈限上的刺激(cìjī)会对主体产生反应，其他比较弱的刺激(cìjī)，虽然不会被主体所感知，但也能被感受器所接收。返回(fǎnhuí)第九页，共36页。2.3视觉视觉是人类(rénlèi)最复杂、最重要的感觉。颜色视觉明度视觉运动视觉第十页，共36页。2.3.1颜色视觉杨格－赫尔姆霍兹理论三原色理论人的眼睛具有三种类型的颜色感受器，能对红、绿、蓝三种色光产生基本感觉，其他颜色都是这三种颜色加减混合(hùnhé)得到的，三种色光混合(hùnhé)在一起获得白光。拮抗加工理论所有的视觉体验产生于三个基本系统，每个系统包含两种拮抗成分，红绿、黄蓝、黑白，也称为互补色，互补色之间具有拮抗作用，当一个成分疲劳或过度刺激，就会增加拮抗成分的相对作用。“视觉后效”

第十一页，共36页。请比较(bǐjiào)画面中的红色块和绿色块，思考两者有怎样的差别？第十二页，共36页。2.3.2明度(mínɡdù)视觉明度是对照射在视网膜上的一定强度的光的感受(gǎnshòu)，它受到两个要素的影响，一是眼睛的适应状态，二是光的强度。锥体细胞（cones）和杆体细胞（rods）光适应和暗适应明度对比导致的光强度(qiángdù)的错觉第十三页，共36页。眩光”（glare）:当人的视野(shìyě)中物体与背景间的亮度对比过大时，就会造成视觉不适或能见度（visibility）下降，这也是人机工程学常谈到的“眩光”。

[丹麦(dānmài)]保罗.汉宁森，PH灯具(1931年/1958年)返回(fǎnhuí)第十四页，共36页。2.3.3运动(yùndòng)视觉运动视觉是感觉物体空间位移和移动速度的视觉。人们(rénmen)对物体空间移动的信息有两种不同的视觉途径：网膜－映象系统和头眼系统。网膜－映象(yìnɡxiànɡ)系统（左）和头眼系统（右）对运动的感觉第十五页，共36页。动画中的人物，常常本身并没有在画面中运动，而仅凭借(píngjiè)其原地动作，以及背景的移动，使人产生向前运动的感觉。视觉暂留视觉暂留是指人的视觉存在一定惰性，不能立即根据外在刺激的变化而发生变化，因此闪烁率大于每秒50次的光就感觉是稳定的光源了。返回(fǎnhuí)第十六页，共36页。2.4现实(xiànshí)与感知：视觉游戏知觉（perception）知觉组织2.4.1知觉的定义1、知觉（perception）是对感觉经验的加工处理，是认识、选择、组织并解释作用于我们的刺激(cìjī)的过程。2、知觉被划分为三个阶段：感觉，知觉组织，辨别与识别客体。第十七页，共36页。2.4.2知觉(zhījué)组织知觉(zhījué)组织:一切知觉(zhījué)经验，都必定是某种分门别类的加工过程的最终产品，这种分门别类的工作就是将感觉信息组织到一起使人们能形成连续知觉(zhījué)的过程。简洁律恒常律图与底错觉轮廓整体特征优于局部：接近律和相似律深度知觉(zhījué)第十八页，共36页。人们知觉的有一种“简化”的倾向，所谓“简化”并非仅指物体中包含的成分少或成分与成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。知觉简化的特性对人的认知产生正反两个(liǎnɡɡè)方面的影响：一方面它自身的力使它呈现向最简化的结构或紧张力减少的状态发展的倾向，体现为人们对于简洁、对称、规则图形的喜好；另一方面，简化、规则的倾向使人们的活动变得简单、程序化，这样就会有相反的力则对它起到抑制的作用。1、简洁(jiǎnjié)律返回(fǎnhuí)第十九页，共36页。2、恒常(hénɡchánɡ)律恒常性是指客观事物本身(běnshēn)不变，但其给人们的感觉刺激由于某些外界条件变化而在一定限度内变化，人对它的知觉不变。大小、形状、方向恒常性的产生主要来自(láizì)两个方面的信息：一是画面中的情境线索；二是人们的先验知识。返回第二十页，共36页。3、图与底“图”是居于前部的区域，“底”是被看成用来衬托图的背景。图比底，轮廓较为完整，封闭，形状较为规则，面积比较小，色彩比较浅；此外，更重要(zhòngyào)是能组织成为一定意义的区域倾向于感觉为图。“两难图形”：图底区别就不太明显。左边的图形，没有明暗对比，并缺乏封闭的轮廓，因此图、底比较模糊；如果将字母变黑，就能很容易地分辨(fēnbiàn)出这些字母。返回(fǎnhuí)第二十一页，共36页。两可图形是一些模糊的、不稳定的图形，它们使人们能对单一的图像在知觉和辨认上产生(chǎnshēng)多种可能。Charmichael，墓地(mùdì)与华盛顿的影子骷髅还是(háishi)少女老鼠和男人第二十二页，共36页。4、错觉(cuòjué)轮廓错觉轮廓（IllusoryFigures）也被称为主观轮廓，是指那些没有(méiyǒu)直接刺激而产生的轮廓知觉。原因：1、画面内存在有规则的空白，人们试图赋予它意义；2、人的知觉系统倾向于将事物组合成简单、具有一定意义的整体。舒曼正方形凯尼撒三角形及在其基础上衍变出来的其他(qítā)错觉轮廓的图形返回第二十三页，共36页。错觉轮廓(lúnkuò)，请问这是谁？第二十四页，共36页。5、整体(zhěngtǐ)特征优于局部：接近律和相似律接近律、相似律的本质上都是简化和整体化知觉对象的组织原则，即人们在倾向于简化认知对象的同时，也倾向于将近似、接近的元素(yuánsù)组合起来作为一个整体加以认知。点阵图中接近的点被认知为一个(yīɡè)整体返回第二十五页，共36页。6、深度知觉（depthperception）人们的视觉所观测到的外界世界是二维的，但所感知到的世界是三维的，这是因为人的感知能通过一定的关于深度的信息确定深度。深度知觉产生包括主体和客体的双重原因，1、主体：人双眼提供的视差和视轴辐合是产生深度知觉的重要生理机制。2、客体:所观测对象(duìxiàng)的图形为感知提供了深度线索。设计中，设计师可以有意识地利用图像中的元素，增加或减少图像的深度。第二十六页，共36页。请比较中世纪的绘画《圣洛伦佐的殉教》和达·芬奇的绘画《最后的晚餐》，看看两者表现三度空间的方式(fāngshì)有何不同？其深度知觉线索包括哪些？第二十七页，共36页。主要(zhǔyào)深度知觉线索包括：1、大小：大的物体比小的物体显得更近；2、质地：组成质地的单元大的比小的显得近，例如建筑效果图中运用地板砖来表现室内空间纵深；3、插入：阻挡其他物体的不透明物体显得更近；4、焦距：细节清晰的物体比模糊的物体显得近；5、饱和度：高饱和度的颜色比低饱和度的颜色显得近。返回(fǎnhuí)第二十八页，共36页。2.5错觉：被愚弄(yúnòng)的知觉错觉是错误的知觉，是人在已被证明错误的方式下体验刺激。幻觉和欺骗1、幻觉：例如透视、恒常性、整体性等；2、欺骗：来自信息“自上而下”的加工过程，即人记忆中存储的概念，如对知觉环境的经验、知识、期待、动机、文化等方面的对人知觉产生的影响。有效(yǒuxiào)错觉错觉矫正第二十九页，共36页。2.5.1有效错觉(cuòjué)

艺术设计创作20世纪(shìjì)60年代盛行的所谓OP（OpticalArt)）风格，也称为“光效应艺术”，就是一种利用视错觉的艺术。这种艺术的表现方式和目的就是利用光学、物理学、心理学等科学原理，通过几何图形元素的并置、叠加、错位等方式愚弄人们的视觉。这些图形没有什么明显的主题思想，它只是使人感觉闪烁、流动、模糊等，让平面、静态的画面出现奇异的动态效果。维克托·瓦萨雷利，《Alom》以及(yǐjí)莱利，《流》。第三十页，共36页。2.5.1有效(yǒuxiào)错觉

营销技巧带有液晶显示器的产品常会在显示屏周围设计一圈深色的衬圈，黑色的衬圈利用相互位置(wèizhi)接近、属性类似的物体更易于被人们认为是一个整体的原理，使黑色光洁的显示屏和旁边深色的衬圈容易被作为一个整体，从而增大了显示器的面积。返回(fǎnhuí)第三十一页，共36页。2.5.2错觉矫正

调整(tiáozhěng)轮廓线条和比例矫正形态错觉

避免错觉的交通标识(biāozhì)设计师有意识地拉长标识(biāozhì)使标志显得比例正常、易于识别第三十二页，共36页。汉字、包装、图标设计中对形状(xíngzhuàn)错觉的矫正第三十三页，共36页。面积相对较大的纯平面常常会给人一种下陷的感觉，为了弥补这一错觉(cuòjué)，往往方形的大平面会设计为向外凸出。第三十四页，共36页。帕提农神庙时期校正视错觉的设计主要包括：1）正面的8个柱子，只有中央二柱完全垂直，其他六柱都向内倾斜（34英尺的柱子向内倾斜约3英寸），这样可以避免柱子全部垂直，在高处两侧石柱(shízhù)会被沉重的石楣压得显得向外分开；2）神庙基石不是水平的，而是向上略凸形成弧线，这样能弥补在上方的石楣和石柱(shízhù)的压迫下略显凹入的错觉。3）神庙的柱子都是微妙的弧线，并且上小下大，以