人体工程学与视觉传达设计

《人体工程学与视觉传达设计》由会员分享，可在线阅读，更多相关《人体工程学与视觉传达设计（122页珍藏版）》请在装配图网上搜索。

1、1人体工程学与视觉传达设计人体工程学与视觉传达设计视杆细胞视杆细胞视锥细胞视锥细胞在低水平照明时（如夜间）起作用在低水平照明时（如夜间）起作用区别黑白区别黑白对光谱中的绿色最敏感对光谱中的绿色最敏感在视网膜远离中心处最多在视网膜远离中心处最多对极弱的刺激敏感对极弱的刺激敏感在高水平照明时（如白天）起作用在高水平照明时（如白天）起作用区别色彩区别色彩对光谱中的黄色最敏感对光谱中的黄色最敏感在视网膜靠近中心处最多在视网膜靠近中心处最多主要在识别空间位置和要求敏锐地看主要在识别空间位置和要求敏锐地看物体时起作用物体时起作用第1页/共122页人眼球的基本结构图第2页/共122页波长波长波长波长 视觉是

2、电磁波刺激人眼视网膜细胞时引起的。一视觉是电磁波刺激人眼视网膜细胞时引起的。一视觉是电磁波刺激人眼视网膜细胞时引起的。一视觉是电磁波刺激人眼视网膜细胞时引起的。一般光源都包含多种波长的电磁波，称为多色光。将不般光源都包含多种波长的电磁波，称为多色光。将不般光源都包含多种波长的电磁波，称为多色光。将不般光源都包含多种波长的电磁波，称为多色光。将不同波长的光混合起来，可以产生各种不同颜色，所有同波长的光混合起来，可以产生各种不同颜色，所有同波长的光混合起来，可以产生各种不同颜色，所有同波长的光混合起来，可以产生各种不同颜色，所有不同波长的可见光混合起来则产生白色。人眼可分辨不同波长的可见光混合起来

3、则产生白色。人眼可分辨不同波长的可见光混合起来则产生白色。人眼可分辨不同波长的可见光混合起来则产生白色。人眼可分辨的光色约有的光色约有的光色约有的光色约有120120120120多种。多种。多种。多种。第3页/共122页强度效应强度效应强度效应强度效应 所谓强度效应是指光的刺激强度只有达到一定数所谓强度效应是指光的刺激强度只有达到一定数所谓强度效应是指光的刺激强度只有达到一定数所谓强度效应是指光的刺激强度只有达到一定数量才能引起视感觉的特性。因此，可见光不仅可以用量才能引起视感觉的特性。因此，可见光不仅可以用量才能引起视感觉的特性。因此，可见光不仅可以用量才能引起视感觉的特性。因此，可见光不仅

4、可以用波长来表示，也可以用强度来表示。光的强度可用照波长来表示，也可以用强度来表示。光的强度可用照波长来表示，也可以用强度来表示。光的强度可用照波长来表示，也可以用强度来表示。光的强度可用照射在某平面上的光通量，即照度来表示，其单位是勒射在某平面上的光通量，即照度来表示，其单位是勒射在某平面上的光通量，即照度来表示，其单位是勒射在某平面上的光通量，即照度来表示，其单位是勒克司。克司。克司。克司。第4页/共122页视角视角视角视角 视角是由瞳孔中心到被观察物体两端所张开的角视角是由瞳孔中心到被观察物体两端所张开的角视角是由瞳孔中心到被观察物体两端所张开的角视角是由瞳孔中心到被观察物体两端所张开的

5、角度。在一般照明条件下，正常人眼能辨别度。在一般照明条件下，正常人眼能辨别度。在一般照明条件下，正常人眼能辨别度。在一般照明条件下，正常人眼能辨别5m5m5m5m远处两点远处两点远处两点远处两点间的最小距离，其相应的视角为间的最小距离，其相应的视角为间的最小距离，其相应的视角为间的最小距离，其相应的视角为1 1 1 1，即能够分辨的最，即能够分辨的最，即能够分辨的最，即能够分辨的最小物体的视角定义该视角为最小视角。人眼辨别物体小物体的视角定义该视角为最小视角。人眼辨别物体小物体的视角定义该视角为最小视角。人眼辨别物体小物体的视角定义该视角为最小视角。人眼辨别物体细部分的能力是随着照度及物体与背

6、景的对比度的增细部分的能力是随着照度及物体与背景的对比度的增细部分的能力是随着照度及物体与背景的对比度的增细部分的能力是随着照度及物体与背景的对比度的增加而增加。加而增加。加而增加。加而增加。第5页/共122页视力视力视力视力 视力是表征人眼对物体细部识别能力的一个生理视力是表征人眼对物体细部识别能力的一个生理视力是表征人眼对物体细部识别能力的一个生理视力是表征人眼对物体细部识别能力的一个生理尺度，以最小视角的倒数表示。尺度，以最小视角的倒数表示。尺度，以最小视角的倒数表示。尺度，以最小视角的倒数表示。检查人眼视力的标准规定，最小视角为检查人眼视力的标准规定，最小视角为检查人眼视力的标准规定，

7、最小视角为检查人眼视力的标准规定，最小视角为1 1 1 1时，视时，视时，视时，视力等于，此时视力为正常。随着年龄的增加，视力等于，此时视力为正常。随着年龄的增加，视力等于，此时视力为正常。随着年龄的增加，视力等于，此时视力为正常。随着年龄的增加，视力会逐渐下降，所以作业环境的照明设计应考虑工作力会逐渐下降，所以作业环境的照明设计应考虑工作力会逐渐下降，所以作业环境的照明设计应考虑工作力会逐渐下降，所以作业环境的照明设计应考虑工作者年龄的特点。者年龄的特点。者年龄的特点。者年龄的特点。第6页/共122页视野视野视野视野 视野是指人眼能观察到的范围，一般以角度表示。视野是指人眼能观察到的范围，一

8、般以角度表示。视野按眼球的工作状态可分为：视野按眼球的工作状态可分为：静视野静视野在头部固定、眼球静止不动的状态在头部固定、眼球静止不动的状态下自然可见的范围；下自然可见的范围；注视野注视野在头部固定，而转动眼球注视某一在头部固定，而转动眼球注视某一中心点时所见的范围；中心点时所见的范围；动视野动视野头部固定而自由转动眼球时的可见头部固定而自由转动眼球时的可见范围。范围。第7页/共122页三种视野三种视野三种视野三种视野 在人的三种视野中，注视范围最小，动视野范围在人的三种视野中，注视范围最小，动视野范围最大。最大。动视野最佳值动视野最佳值=静视野最佳值静视野最佳值+眼球可轻松偏转的眼球可轻松

9、偏转的角度角度(头部不动头部不动)。注视野最佳值注视野最佳值=动视野最佳值动视野最佳值+头部可轻松偏转的头部可轻松偏转的角度角度(躯干不动躯干不动)。第8页/共122页视野视野视野视野 在视野边缘上，人只能模糊的看到有无物体存在视野边缘上，人只能模糊的看到有无物体存在，但辨不清其详细形状。能够清楚辨认物体形状的在，但辨不清其详细形状。能够清楚辨认物体形状的视野为有效视野。静视野的有效视野是以视中心线为视野为有效视野。静视野的有效视野是以视中心线为轴，上轴，上3030度，下度，下4040度，左右各为度，左右各为1515度度2020度；其中在度；其中在中心中心3 3度以内为最佳视野区。度以内为最佳

10、视野区。人眼在不同颜色刺激下的色觉视野是不同的，称人眼在不同颜色刺激下的色觉视野是不同的，称为色觉视野。人眼对白色视野最大，对黄、蓝、红色为色觉视野。人眼对白色视野最大，对黄、蓝、红色依次减小，而对绿色视野最小。依次减小，而对绿色视野最小。第9页/共122页静视野静视野最佳静视野最佳静视野 a)最佳的水平直接视野（双眼）最佳的水平直接视野（双眼）b)最佳的垂直直接视最佳的垂直直接视野野第10页/共122页动视野动视野动视野动视野 最佳动视野最佳动视野a)最佳的水平动视野最佳的水平动视野(双眼双眼)b)最佳的垂直动视野最佳的垂直动视野第11页/共122页注视野注视野注视野注视野 最佳注视野最佳注

11、视野 a)最佳的水平注视野最佳的水平注视野(双眼双眼)b)最佳的垂直注视最佳的垂直注视野野第12页/共122页视距视距视距视距 视距是指人在控制系统中正常的观察距离。观察视距是指人在控制系统中正常的观察距离。观察视距是指人在控制系统中正常的观察距离。观察视距是指人在控制系统中正常的观察距离。观察各种显示仪表时，若视距过远或过近，对认读速度和各种显示仪表时，若视距过远或过近，对认读速度和各种显示仪表时，若视距过远或过近，对认读速度和各种显示仪表时，若视距过远或过近，对认读速度和准确性都不利，一般应根据观察物体的大小和形状在准确性都不利，一般应根据观察物体的大小和形状在准确性都不利，一般应根据观察

12、物体的大小和形状在准确性都不利，一般应根据观察物体的大小和形状在380380380380760mm760mm760mm760mm之间选择最佳视距。之间选择最佳视距。之间选择最佳视距。之间选择最佳视距。第13页/共122页色觉色觉色觉色觉 色觉是一种复杂的生理心理现象。人们能感受到色觉是一种复杂的生理心理现象。人们能感受到色觉是一种复杂的生理心理现象。人们能感受到色觉是一种复杂的生理心理现象。人们能感受到达各种不同的颜色，是由于可见光中不同波长的光线达各种不同的颜色，是由于可见光中不同波长的光线达各种不同的颜色，是由于可见光中不同波长的光线达各种不同的颜色，是由于可见光中不同波长的光线作用于人眼

13、视网膜上，并在大脑中引起主观印象的缘作用于人眼视网膜上，并在大脑中引起主观印象的缘作用于人眼视网膜上，并在大脑中引起主观印象的缘作用于人眼视网膜上，并在大脑中引起主观印象的缘故。故。故。故。一种颜色可以由一种波长光线作用而引起，如一种颜色可以由一种波长光线作用而引起，如一种颜色可以由一种波长光线作用而引起，如一种颜色可以由一种波长光线作用而引起，如红、绿、蓝等，称为原色。也可由两种或多种波长的红、绿、蓝等，称为原色。也可由两种或多种波长的红、绿、蓝等，称为原色。也可由两种或多种波长的红、绿、蓝等，称为原色。也可由两种或多种波长的光线混合作用而引起。光线混合作用而引起。光线混合作用而引起。光线混

14、合作用而引起。第14页/共122页视觉特征视觉运动规律视觉运动规律视觉运动规律视觉运动规律1 1 1 1）眼睛的水平运动比垂直运动快，即先看到水平方）眼睛的水平运动比垂直运动快，即先看到水平方）眼睛的水平运动比垂直运动快，即先看到水平方）眼睛的水平运动比垂直运动快，即先看到水平方向的东西，后看到垂直方向的东西。所以，一般机器向的东西，后看到垂直方向的东西。所以，一般机器向的东西，后看到垂直方向的东西。所以，一般机器向的东西，后看到垂直方向的东西。所以，一般机器的外形常设计成横向长方形。的外形常设计成横向长方形。的外形常设计成横向长方形。的外形常设计成横向长方形。2 2 2 2）视线运动的顺序习

15、惯于从左到右，从上至下，顺）视线运动的顺序习惯于从左到右，从上至下，顺）视线运动的顺序习惯于从左到右，从上至下，顺）视线运动的顺序习惯于从左到右，从上至下，顺时针进行。时针进行。时针进行。时针进行。第15页/共122页3 3 3 3）对物体尺寸和比例的估计，水平方向比垂直方向准）对物体尺寸和比例的估计，水平方向比垂直方向准）对物体尺寸和比例的估计，水平方向比垂直方向准）对物体尺寸和比例的估计，水平方向比垂直方向准确、迅速、且不易疲劳。确、迅速、且不易疲劳。确、迅速、且不易疲劳。确、迅速、且不易疲劳。4 4 4 4）当眼睛偏离视中心时，在偏离距离相同的情况）当眼睛偏离视中心时，在偏离距离相同的情

16、况）当眼睛偏离视中心时，在偏离距离相同的情况）当眼睛偏离视中心时，在偏离距离相同的情况下，观察率优先的顺序是左上、右上、左下、右下下，观察率优先的顺序是左上、右上、左下、右下下，观察率优先的顺序是左上、右上、左下、右下下，观察率优先的顺序是左上、右上、左下、右下第16页/共122页5 5 5 5）在视线突然转移的过程中，约有）在视线突然转移的过程中，约有）在视线突然转移的过程中，约有）在视线突然转移的过程中，约有3%3%3%3%的视觉能看清的视觉能看清的视觉能看清的视觉能看清目标，其余目标，其余目标，其余目标，其余97%97%97%97%的视觉都是不真实的，所以在工作的视觉都是不真实的，所以在

17、工作的视觉都是不真实的，所以在工作的视觉都是不真实的，所以在工作时，不应有突然转移的要求，否则会降低视觉的准确时，不应有突然转移的要求，否则会降低视觉的准确时，不应有突然转移的要求，否则会降低视觉的准确时，不应有突然转移的要求，否则会降低视觉的准确性。如需要人的视线突然转动时，也应要求慢一些才性。如需要人的视线突然转动时，也应要求慢一些才性。如需要人的视线突然转动时，也应要求慢一些才性。如需要人的视线突然转动时，也应要求慢一些才能引起视觉注意。为此，应给出一定标志，如利用箭能引起视觉注意。为此，应给出一定标志，如利用箭能引起视觉注意。为此，应给出一定标志，如利用箭能引起视觉注意。为此，应给出一

18、定标志，如利用箭头或颜色预先引起人的注意，以便把视线转移放慢。头或颜色预先引起人的注意，以便把视线转移放慢。头或颜色预先引起人的注意，以便把视线转移放慢。头或颜色预先引起人的注意，以便把视线转移放慢。或者采用有节奏的结构。或者采用有节奏的结构。或者采用有节奏的结构。或者采用有节奏的结构。第17页/共122页6666）对于运动一目标，只有当角速度大于）对于运动一目标，只有当角速度大于）对于运动一目标，只有当角速度大于）对于运动一目标，只有当角速度大于1 1 1 12 2 2 2度度度度/s/s/s/s时，且双眼的焦点同时集中在同一个目标上，才能鉴时，且双眼的焦点同时集中在同一个目标上，才能鉴时，

19、且双眼的焦点同时集中在同一个目标上，才能鉴时，且双眼的焦点同时集中在同一个目标上，才能鉴别也其运动状态。别也其运动状态。别也其运动状态。别也其运动状态。7 7 7 7）人眼看一个目标要得到视觉印象，电最短的注视）人眼看一个目标要得到视觉印象，电最短的注视）人眼看一个目标要得到视觉印象，电最短的注视）人眼看一个目标要得到视觉印象，电最短的注视时间为，这里与照明的亮度有关。人眼视时间为，这里与照明的亮度有关。人眼视时间为，这里与照明的亮度有关。人眼视时间为，这里与照明的亮度有关。人眼视觉的暂停时间平均需要。觉的暂停时间平均需要。觉的暂停时间平均需要。觉的暂停时间平均需要。第18页/共122页文字设

20、计文字设计一、文字的尺寸一、文字的尺寸一、文字的尺寸一、文字的尺寸视觉传达设计中文字的合理尺寸，涉及的因素很多，主要有：观看距离（视距）的远近光照度的高低字符的清晰度可辨性要求识别的速度快慢其中清晰度、可辨性与字体、笔画粗细、文字与背景的色彩搭配对比等有关。第19页/共122页 经人体工程学工作者测定，在以下三个方面的一般条件下：中等光照强度字符基本清晰可辨（不要求特别高的清晰度，但也不是模糊不清）稍作定睛凝视即可看清字符的尺寸与视距关系的基本数据是 字符的（高度）尺寸字符的（高度）尺寸(D)=（1/200）视距（）视距（L）（1/300）视距）视距通常情况下，若取其中间值，则有 字符的（高度

21、）尺寸字符的（高度）尺寸=视距视距/250第20页/共122页 如果情况与上述“一般条件”的三条基本符合或接近，则表5-1所列数据可直接或参照使用。而另一些情况下，仅仅能“看得清”是不够的，还要求醒目、能充分引起注意，那么字符尺寸就应该根据实际需要适当加大。第21页/共122页例例1：地铁车厢内需要贴体贴的运行线路图，试确定图上车站站名文字的大小。分析解决：地铁车厢内光照条件属于“一般”，观看时多较为专注，无特殊醒目性要求，总体符合上述一般条件，大体可参照运用上表的数值，能略略大些更好；座位上乘客能看清对面车厢壁上的线路图文字，视距约为L=2m，由上表查得的文字尺寸为D=8mm；如无其他条件的

22、限制，若将文字尺寸略加大一些，如取D=9mm，视觉效果更佳，从视觉传达的要求而言，不易小于8mm。第22页/共122页 例例2 在邮局等室内，墙上提供信息的告示文字该多大？第23页/共122页第24页/共122页第25页/共122页第26页/共122页第27页/共122页第28页/共122页第29页/共122页第30页/共122页 图5-4汉字的排布方向与字形的高宽比第31页/共122页第32页/共122页第33页/共122页图5-5 光渗效应示例第34页/共122页 像像“一一”、“二二”、“人人”、“大大”这样笔画很少的字，若为这样笔画很少的字，若为白底黑字、且光照很弱，视觉的而字相对小，

23、则笔画宽度比可达到白底黑字、且光照很弱，视觉的而字相对小，则笔画宽度比可达到1 1：5 5。反之想反之想“鼻鼻”、“薯薯”、“墨墨”等笔画多的字，若为黑底白字，且光照甚等笔画多的字，若为黑底白字，且光照甚好，则笔画宽度比需要小到（好，则笔画宽度比需要小到（1 1：2020）（1 1：1414）。若这些笔画多而复）。若这些笔画多而复杂的字是发光发亮的，背景又暗，对比强烈，则笔画宽度比甚至应该小到杂的字是发光发亮的，背景又暗，对比强烈，则笔画宽度比甚至应该小到（1 1：1515）（1 1：1818）第35页/共122页第36页/共122页第37页/共122页第38页/共122页第39页/共122页

24、第40页/共122页第41页/共122页第42页/共122页第43页/共122页图形符号设计及标志设计图形符号设计及标志设计第44页/共122页第45页/共122页第46页/共122页第47页/共122页第48页/共122页第49页/共122页第50页/共122页第51页/共122页第52页/共122页第53页/共122页第54页/共122页第55页/共122页第56页/共122页第57页/共122页第58页/共122页第59页/共122页第60页/共122页第61页/共122页第62页/共122页第63页/共122页第64页/共122页第65页/共122页第66页/共122页第67页/共12

25、2页第68页/共122页第69页/共122页第70页/共122页第71页/共122页第72页/共122页展示设计展示设计第73页/共122页第74页/共122页第75页/共122页第76页/共122页第77页/共122页第78页/共122页第79页/共122页第80页/共122页第81页/共122页第82页/共122页第83页/共122页网页界面设计网页界面设计第84页/共122页第85页/共122页第86页/共122页第87页/共122页第88页/共122页第89页/共122页第90页/共122页第91页/共122页第92页/共122页第93页/共122页第94页/共122页第95页/共12

26、2页第96页/共122页第97页/共122页第98页/共122页第99页/共122页第100页/共122页第101页/共122页第102页/共122页第103页/共122页第104页/共122页第105页/共122页第106页/共122页第107页/共122页第108页/共122页第109页/共122页第110页/共122页第111页/共122页第112页/共122页第113页/共122页第114页/共122页第115页/共122页第116页/共122页第117页/共122页第118页/共122页作业一：作业一：作业一：作业一：为2008北京奥运青年志愿者设计中、英文的文字标志要求：要求：要求：要求：注意字体、尺寸对比、色彩搭配、分行及行距、字间距、字的宽高比、笔画粗细等的整体协调。调整其尺寸，可印在旗子或T恤衫上，也可以制作成胸卡等。“2008 北京奥运 青年志愿者 YOUNG VOLUNTEER BEIJING OLYMPIC GAMES 2008”第119页/共122页作业二：作业二：作业二：作业二：对某一网页页面设计进行分析评论对某一网页页面设计进行分析评论要求：要求：要求：要求：纸型：纸型：A3A3第120页/共122页第121页/共122页