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

人体工程学人体工程学与视觉人体工程学与视觉(shju)传达设计传达设计 了解视觉生理诸因素在视觉传达设计中的基础性作用，包括光照度、视距与视觉对象的尺寸、视觉对象与背景的明度对比和色彩对比、视觉对象的清晰度与可辨性、视觉对象的识别速度等。视觉功能及其特征文字(wnz)设计 图形符号设计及标志设计展示设计网页界面设计 第一页，共147页。人体工程学视觉功能视觉功能(gngnng)及其特征及其特征 产生视觉的视网膜是由杆状和锥状两种感光细胞构成的。与视轴对应(duyng)的视网膜称为黄斑，黄斑处锥状细胞的密度最高。在视网膜周围，锥体细胞的密度则较少，而杆状细胞的数量却较多。2 第二页，共147页。人体工程学视杆细胞视杆细胞视锥细胞视锥细胞在低水平照明时（如夜间）起作用在低水平照明时（如夜间）起作用区别黑白区别黑白对光谱中的绿色最敏感对光谱中的绿色最敏感在视网膜远离中心处最多在视网膜远离中心处最多对极弱的刺激敏感对极弱的刺激敏感在高水平照明时（如白天）起作用在高水平照明时（如白天）起作用区别色彩区别色彩对光谱中的黄色最敏感对光谱中的黄色最敏感在视网膜靠近中心处最多在视网膜靠近中心处最多主要在识别空间位置和要求敏锐地看主要在识别空间位置和要求敏锐地看物体时起作用物体时起作用第三页，共147页。人体工程学人眼球(ynqi)的基本结构图第四页，共147页。人体工程学波长波长 视觉是电磁波刺激人眼视网膜细胞时引起的。视觉是电磁波刺激人眼视网膜细胞时引起的。一一般光源都包含多种波长的电磁波，称为多色光。将般光源都包含多种波长的电磁波，称为多色光。将不不同波长的光混合起来，可以产生各种不同颜色，所同波长的光混合起来，可以产生各种不同颜色，所有有不同波长的可见光混合起来则产生白色不同波长的可见光混合起来则产生白色(bis)(bis)。人。人眼可分辨眼可分辨的光色约有的光色约有120120多种。多种。第五页，共147页。人体工程学强度效应强度效应 所谓强度效应是指光的刺激强度只有达到一所谓强度效应是指光的刺激强度只有达到一定数定数量才能引起视感觉的特性。因此，可见光不仅可量才能引起视感觉的特性。因此，可见光不仅可以用以用波长来表示，也可以用强度来表示。光的强度可波长来表示，也可以用强度来表示。光的强度可用照用照射在某平面上的光通量，即照度射在某平面上的光通量，即照度(zho d)来表示，来表示，其单位是勒其单位是勒克司。克司。第六页，共147页。人体工程学视角视角(shjio)视角视角(shjio)是由瞳孔中心到被观察物是由瞳孔中心到被观察物体两端所张开的角体两端所张开的角度。在一般照明条件下，正常人眼能辨别度。在一般照明条件下，正常人眼能辨别5m远远处两点处两点间的最小距离，其相应的视角间的最小距离，其相应的视角(shjio)为为1，即能够分辨的最即能够分辨的最小物体的视角小物体的视角(shjio)定义该视角定义该视角(shjio)为最小视角为最小视角(shjio)。人眼辨别物体。人眼辨别物体细部分的能力是随着照度及物体与背景的对比细部分的能力是随着照度及物体与背景的对比度的增度的增加而增加。加而增加。第七页，共147页。人体工程学视力视力 视力是表征人眼对物体细部识别能力的一视力是表征人眼对物体细部识别能力的一个生理个生理尺度尺度(chd)，以最小视角的倒数表示。，以最小视角的倒数表示。检查人眼视力的标准规定，最小视角为检查人眼视力的标准规定，最小视角为1时，时，视视力等于力等于1.0，此时视力为正常。随着年龄的增加，此时视力为正常。随着年龄的增加，视视力会逐渐下降，所以作业环境的照明设计应考力会逐渐下降，所以作业环境的照明设计应考虑工作虑工作者年龄的特点。者年龄的特点。第八页，共147页。人体工程学视野视野 视野是指人眼能观察视野是指人眼能观察(gunch)到的范围，一般到的范围，一般以角度表示。以角度表示。视野按眼球的工作状态可分为：视野按眼球的工作状态可分为：静视野静视野在头部固定、眼球静止不动的状态在头部固定、眼球静止不动的状态下自然可见的范围；下自然可见的范围；注视野注视野在头部固定，而转动眼球注视某一在头部固定，而转动眼球注视某一中心点时所见的范围；中心点时所见的范围；动视野动视野头部固定而自由转动眼球时的可见头部固定而自由转动眼球时的可见范围。范围。第九页，共147页。人体工程学三种视野三种视野 在人的三种视野中，注视范围最小，动视野范围在人的三种视野中，注视范围最小，动视野范围最大。最大。动视野最佳值动视野最佳值=静视野最佳值静视野最佳值+眼球可轻松偏转的眼球可轻松偏转的角度角度(jiod)(头部不动头部不动)。注视野最佳值注视野最佳值=动视野最佳值动视野最佳值+头部可轻松偏转的头部可轻松偏转的角度角度(jiod)(躯干不动躯干不动)。第十页，共147页。人体工程学视野视野 在视野边缘在视野边缘(binyun)上，人只能模糊的看到上，人只能模糊的看到有无物体存有无物体存在，但辨不清其详细形状。能够清楚辨认物体形在，但辨不清其详细形状。能够清楚辨认物体形状的状的视野为有效视野。静视野的有效视野是以视中心视野为有效视野。静视野的有效视野是以视中心线为线为轴，上轴，上30度，下度，下40度，左右各为度，左右各为15度度20度；其度；其中在中在中心中心3度以内为最佳视野区。度以内为最佳视野区。人眼在不同颜色刺激下的色觉视野是不同的，人眼在不同颜色刺激下的色觉视野是不同的，称称为色觉视野。人眼对白色视野最大，对黄、蓝、为色觉视野。人眼对白色视野最大，对黄、蓝、红色红色依次减小，而对绿色视野最小。依次减小，而对绿色视野最小。第十一页，共147页。人体工程学静视野(shy)最佳静视野最佳静视野 a)最佳的水平最佳的水平(shupng)直接视野（双眼）直接视野（双眼）b)最佳的垂直直接最佳的垂直直接视野视野第十二页，共147页。人体工程学动视野动视野(shy)最佳动视野最佳动视野a)最佳的水平最佳的水平(shupng)动视野动视野(双眼双眼)b)最佳的垂最佳的垂直动视野直动视野第十三页，共147页。人体工程学注视野注视野(shy)最佳最佳(zu ji)注视野注视野 a)最佳最佳(zu ji)的水平注视野的水平注视野(双眼双眼)b)最佳最佳(zu ji)的垂直注视野的垂直注视野第十四页，共147页。人体工程学视距视距 视距是指人在控制系统中正常的观察距离视距是指人在控制系统中正常的观察距离(jl)。观察。观察各种显示仪表时，若视距过远或过近，对认读速各种显示仪表时，若视距过远或过近，对认读速度和度和准确性都不利，一般应根据观察物体的大小和形准确性都不利，一般应根据观察物体的大小和形状在状在380760mm之间选择最佳视距。之间选择最佳视距。第十五页，共147页。人体工程学色觉色觉 色觉是一种复杂的生理心理现象。人们能感色觉是一种复杂的生理心理现象。人们能感受到受到达各种不同的颜色，是由于可见光中不同波长的达各种不同的颜色，是由于可见光中不同波长的光线光线作用作用(zuyng)于人眼视网膜上，并在大脑中引起于人眼视网膜上，并在大脑中引起主观印象的缘主观印象的缘故。故。一种颜色可以由一种波长光线作用一种颜色可以由一种波长光线作用(zuyng)而引起，如而引起，如红、绿、蓝等，称为原色。也可由两种或多种波红、绿、蓝等，称为原色。也可由两种或多种波长的长的光线混合作用光线混合作用(zuyng)而引起。而引起。第十六页，共147页。人体工程学视觉(shju)特征视觉运动规律视觉运动规律1）眼睛的水平）眼睛的水平(shupng)运动比垂直运动快，即运动比垂直运动快，即先看到水平先看到水平(shupng)方方向的东西，后看到垂直方向的东西。所以，一般向的东西，后看到垂直方向的东西。所以，一般机器机器的外形常设计成横向长方形。的外形常设计成横向长方形。2）视线运动的顺序习惯于从左到右，从上至下，）视线运动的顺序习惯于从左到右，从上至下，顺顺时针进行。时针进行。第十七页，共147页。人体工程学3）对物体尺寸和比例的估计，水平(shupng)方向比垂直方向准确、迅速、且不易疲劳。4）当眼睛偏离视中心时，在偏离距离相同的情况下，观察率优先的顺序是左上、右上、左下、右下第十八页，共147页。人体工程学5 5）在视线突然）在视线突然(trn)(trn)转移的过程中，约有转移的过程中，约有3%3%的视觉能看的视觉能看清清目标，其余目标，其余97%97%的视觉都是不真实的，所以在工作的视觉都是不真实的，所以在工作时，不应有突然时，不应有突然(trn)(trn)转移的要求，否则会降低视觉的转移的要求，否则会降低视觉的准确准确性。如需要人的视线突然性。如需要人的视线突然(trn)(trn)转动时，也应要求慢一转动时，也应要求慢一些才些才能引起视觉注意。为此，应给出一定标志，如利用箭能引起视觉注意。为此，应给出一定标志，如利用箭头或颜色预先引起人的注意，以便把视线转移放慢。头或颜色预先引起人的注意，以便把视线转移放慢。或者采用有节奏的结构。或者采用有节奏的结构。第十九页，共147页。人体工程学66）对于运动一目标，只有当角速度大于）对于运动一目标，只有当角速度大于1 12 2度度/s/s时，且双眼的焦点同时集中在同一个目标上，才能鉴时，且双眼的焦点同时集中在同一个目标上，才能鉴别其运动状态。别其运动状态。7 7）人眼看一个目标要得到视觉）人眼看一个目标要得到视觉(shju)(shju)印象，电最短的注印象，电最短的注视视时间为时间为0.070.070.3s0.3s，这里与照明的亮度有关。人眼视，这里与照明的亮度有关。人眼视觉的暂停时间平均需要觉的暂停时间平均需要0.17s0.17s。第二十页，共147页。人体工程学文字文字(wnz)设计设计一、文字的尺寸一、文字的尺寸视觉传达设计视觉传达设计(shj)中文字的合理尺寸，涉及中文字的合理尺寸，涉及的因素很多，主要有：的因素很多，主要有：观看距离（视距）的远近观看距离（视距）的远近光照度的高低光照度的高低字符的清晰度字符的清晰度可辨性可辨性要求识别的速度快慢要求识别的速度快慢 其中清晰度、可辨性与字体、笔画粗细、其中清晰度、可辨性与字体、笔画粗细、文字与背景的色文字与背景的色彩搭配对比等有关。彩搭配对比等有关。第二十一页，共147页。人体工程学 经人体工程学工作者测定，在以下三个方面的一般条件下：中等(zhngdng)光照强度字符基本清晰可辨（不要求特别高的清晰度，但也不是模糊的）稍作定睛凝视即可看清字符的尺寸与视距关系的基本数据是 字符的（高度）尺寸(D)=（1/200）视距（L）（1/300）视距通常情况下，若取其中间值，则有 字符的（高度）尺寸=1/250视距第二十二页，共147页。人体工程学 如果情况与上述“一般条件”的三条基本符合或接近，则表5-1所列数据可直接或参照(cnzho)使用。而另一些情况下，仅仅能“看得清”是不够的，还要求醒目、能充分引起注意，那么字符尺寸就应该根据实际需要适当加大。第二十三页，共147页。人体工程学例例1：地铁车厢内需要贴体贴的运行线路图，试确定图上车站：地铁车厢内需要贴体贴的运行线路图，试确定图上车站站名文字的大小。站名文字的大小。分析解决：分析解决：地铁车厢内光照条件属于地铁车厢内光照条件属于“一般一般(ybn)”，观看时多较为专，观看时多较为专注，无特殊醒目性要求，总体符合上述一般注，无特殊醒目性要求，总体符合上述一般(ybn)条件，条件，大体可参照运用上表的数值，能略略大些更好；大体可参照运用上表的数值，能略略大些更好；座位上乘客能看清对面车厢壁上的线路图文字，视距约为座位上乘客能看清对面车厢壁上的线路图文字，视距约为L=2m，由上表查得的文字尺寸为，由上表查得的文字尺寸为D=8mm；如无其他条件的限制，若将文字尺寸略加大一些，如取如无其他条件的限制，若将文字尺寸略加大一些，如取D=9mm，视觉效果更佳，从视觉传达的要求而言，不易小，视觉效果更佳，从视觉传达的要求而言，不易小于于8mm。第二十四页，共147页。人体工程学 例2 在邮局(yuj)等室内，墙上提供信息的告示文字该多大？第二十五页，共147页。人体工程学第二十六页，共147页。人体工程学第二十七页，共147页。人体工程学第二十八页，共147页。人体工程学第二十九页，共147页。人体工程学第三十页，共147页。人体工程学第三十一页，共147页。人体工程学第三十二页，共147页。人体工程学 图5-4汉字的排布(pi b)方向与字形的高宽比第三十三页，共147页。人体工程学第三十四页，共147页。人体工程学第三十五页，共147页。人体工程学图5-5 光渗效应(xioyng)示例第三十六页，共147页。人体工程学 像“一”、“二”、“人”、“大”这样(zhyng)笔画很少的字，若为白底黑字、且光照很弱，视距大而字相对小，则笔画宽度比可达到1：5。反之像“鼻”、“薯”、“墨”等笔画多的字，若为黑底白字，且光照甚好，则笔画宽度比需要小到（1：20）（1：14）。若这些笔画多而复杂的字是发光发亮的，背景又暗，对比强烈，则笔画宽度比甚至应该小到（1：15）（1：18）第三十七页，共147页。人体工程学第三十八页，共147页。人体工程学第三十九页，共147页。人体工程学第四十页，共147页。人体工程学第四十一页，共147页。人体工程学第四十二页，共147页。人体工程学第四十三页，共147页。人体工程学第四十四页，共147页。人体工程学第四十五页，共147页。人体工程学图形符号设计图形符号设计(shj)及标志设计及标志设计(shj)第四十六页，共147页。人体工程学第四十七页，共147页。人体工程学第四十八页，共147页。人体工程学第四十九页，共147页。人体工程学第五十页，共147页。人体工程学第五十一页，共147页。人体工程学第五十二页，共147页。人体工程学第五十三页，共147页。人体工程学第五十四页，共147页。人体工程学第五十五页，共147页。人体工程学第五十六页，共147页。人体工程学第五十七页，共147页。人体工程学第五十八页，共147页。人体工程学第五十九页，共147页。人体工程学第六十页，共147页。人体工程学第六十一页，共147页。人体工程学第六十二页，共147页。人体工程学第六十三页，共147页。人体工程学第六十四页，共147页。人体工程学第六十五页，共147页。人体工程学第六十六页，共147页。人体工程学第六十七页，共147页。人体工程学第六十八页，共147页。人体工程学第六十九页，共147页。人体工程学第七十页，共147页。人体工程学第七十一页，共147页。人体工程学第七十二页，共147页。人体工程学第七十三页，共147页。人体工程学第七十四页，共147页。人体工程学（三）安全标志（三）安全标志第七十五页，共147页。人体工程学第七十六页，共147页。人体工程学第七十七页，共147页。人体工程学禁止类标志禁止类标志 禁止人们不安全行为禁止人们不安全行为(xngwi)(xngwi)的图形标志。的图形标志。第七十八页，共147页。人体工程学第七十九页，共147页。人体工程学第八十页，共147页。人体工程学警告类标志警告类标志 提醒人们对周围环境引起注意，以避免提醒人们对周围环境引起注意，以避免(bmin)(bmin)可能发可能发生危险的图形标志。生危险的图形标志。第八十一页，共147页。人体工程学第八十二页，共147页。人体工程学警告(jnggo)标志基本型式的参数：外边 a10.034L；内边 a20.700a1；边框外角圆弧半径 r0.08a2；L为观察距离。第八十三页，共147页。人体工程学命令命令(mng lng)(mng lng)标志标志 强制人们必须做出某种动作或采用防范措施的强制人们必须做出某种动作或采用防范措施的图形标志图形标志 。第八十四页，共147页。人体工程学第八十五页，共147页。人体工程学命令标志基本型式的参数：直径 d0025L；L为观察(gunch)距离。第八十六页，共147页。人体工程学提示标志提示标志 向人们提供某种信息向人们提供某种信息(如标明安全设施如标明安全设施(shsh)(shsh)或场所等或场所等)的图形标志。的图形标志。紧急紧急(jnj)出口出口 避险处避险处 第八十七页，共147页。人体工程学第八十八页，共147页。人体工程学提示标志提示标志(biozh)的方向辅助标志的方向辅助标志(biozh)第八十九页，共147页。人体工程学文字辅助标志文字辅助标志1 文字辅助标志的基本型式是矩形边框。文字辅助标志的基本型式是矩形边框。2 文字辅助标志有横写和竖写两种形式。文字辅助标志有横写和竖写两种形式。横写时，文字辅助标志写在标志的下方，可以和横写时，文字辅助标志写在标志的下方，可以和标志连标志连在一起，也可以分开。在一起，也可以分开。禁止标志、指令禁止标志、指令(zhlng)标志为白色字；警告标志为白色字；警告标志为黑色字。禁标志为黑色字。禁止标志、指令止标志、指令(zhlng)标志衬底色为标志的颜色，标志衬底色为标志的颜色，警告标志衬底色为警告标志衬底色为白色。白色。第九十页，共147页。人体工程学 竖写时，文字辅助标志写在标志杆的上部。禁止标志、警告标志、指令标志、提示标志均为白色(bis)衬底，黑色字。标志杆下部色带的颜色应和标志的颜色相一致。第九十一页，共147页。人体工程学第九十二页，共147页。人体工程学第九十三页，共147页。人体工程学第九十四页，共147页。人体工程学展示展示(zhnsh)设计设计第九十五页，共147页。人体工程学第九十六页，共147页。人体工程学第九十七页，共147页。人体工程学第九十八页，共147页。人体工程学第九十九页，共147页。人体工程学第一百页，共147页。人体工程学第一百零一页，共147页。人体工程学第一百零二页，共147页。人体工程学第一百零三页，共147页。人体工程学第一百零四页，共147页。人体工程学第一百零五页，共147页。人体工程学网页网页(wn y)界面设计界面设计第一百零六页，共147页。人体工程学 文字链接能够直观地呈现链接的相关主题信息，使浏览文字链接能够直观地呈现链接的相关主题信息，使浏览者对所包含的信息一目了然，方便者对所包含的信息一目了然，方便(fngbin)浏览者对信息的检索。浏览者对信息的检索。第一百零七页，共147页。人体工程学第一百零八页，共147页。人体工程学第一百零九页，共147页。人体工程学第一百一十页，共147页。人体工程学第一百一十一页，共147页。人体工程学第一百一十二页，共147页。人体工程学第一百一十三页，共147页。人体工程学第一百一十四页，共147页。人体工程学第一百一十五页，共147页。人体工程学第一百一十六页，共147页。人体工程学第一百一十七页，共147页。人体工程学第一百一十八页，共147页。人体工程学第一百一十九页，共147页。人体工程学第一百二十页，共147页。人体工程学第一百二十一页，共147页。人体工程学第一百二十二页，共147页。人体工程学第一百二十三页，共147页。人体工程学第一百二十四页，共147页。人体工程学第一百二十五页，共147页。人体工程学第一百二十六页，共147页。人体工程学第一百二十七页，共147页。人体工程学第一百二十八页，共147页。人体工程学第一百二十九页，共147页。人体工程学第一百三十页，共147页。人体工程学第一百三十一页，共147页。人体工程学第一百三十二页，共147页。人体工程学第一百三十三页，共147页。人体工程学第一百三十四页，共147页。人体工程学第一百三十五页，共147页。人体工程学第一百三十六页，共147页。人体工程学第一百三十七页，共147页。人体工程学第一百三十八页，共147页。人体工程学第一百三十九页，共147页。人体工程学第一百四十页，共147页。人体工程学第一百四十一页，共147页。人体工程学作业一：作业一：设计一个由文字和箭头组成的室外路牌面板，设计一个由文字和箭头组成的室外路牌面板，要求视距要求视距15m处能看清楚。处能看清楚。要求：要求：1、选择文字、箭头和底板的色彩搭配，说明、选择文字、箭头和底板的色彩搭配，说明理由；理由；2、确定、确定(qudng)文字、箭头的尺寸，说明文字、箭头的尺寸，说明根据；根据；3、确定、确定(qudng)文字、箭头的排布形式，文字、箭头的排布形式，选择字体，确定选择字体，确定(qudng)笔画粗笔画粗细，作简要解释说明；细，作简要解释说明；4、按比例缩小画制出自己设计的面板，装裱、按比例缩小画制出自己设计的面板，装裱在在A3（421mm297mm）黑纸板上。）黑纸板上。第一百四十二页，共147页。人体工程学第一百四十三页，共147页。人体工程学作业二：作业二：结合所学内容作改进字型设计结合所学内容作改进字型设计(shj)，减少，减少字符的混淆程度。字符的混淆程度。要求：要求：1、汉字中任选一组，字母与数字中任选两、汉字中任选一组，字母与数字中任选两组完成；组完成；2、设计、设计(shj)完稿装裱在完稿装裱在A3黑纸板上。黑纸板上。第一百四十四页，共147页。人体工程学作业三：作业三：绘制一幅警告绘制一幅警告(jnggo)类标志。类标志。要求：要求：1、在每小格为、在每小格为20mm的方格纸上绘制；的方格纸上绘制；2、设定观察距离、设定观察距离L=8000mm；3、符合尺寸比例和填色要求；、符合尺寸比例和填色要求；4、完稿装裱在、完稿装裱在A3的黑色纸板上。的黑色纸板上。第一百四十五页，共147页。人体工程学作业作业(zuy)四：四：结合所学内容对某一网页设计进行分析。结合所学内容对某一网页设计进行分析。要求：要求：1、结合图例清晰、扼要进行分析；、结合图例清晰、扼要进行分析；2、完稿装裱在、完稿装裱在A3黑纸板上。黑纸板上。第一百四十六页，共147页。人体工程学第一百四十七页，共147页。