《人体工程学与视觉传达设计.pptx》由会员分享,可在线阅读,更多相关《人体工程学与视觉传达设计.pptx(39页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、ErgonomicsErgonomics第一节文字设计第一节文字设计一、文字的尺寸一、文字的尺寸视觉传达文字的合理尺寸,涉及的主要因素有视觉传达文字的合理尺寸,涉及的主要因素有观看距离观看距离( (视距视距) ),光照度,光照度,字符的清晰度、可辨性,字符的清晰度、可辨性,要求识别的速度快慢等。要求识别的速度快慢等。其中清晰度、可辨性又与字体、笔画粗细、文字与背景的色彩其中清晰度、可辨性又与字体、笔画粗细、文字与背景的色彩搭配对比等有关。由于上述因素不同,文字的合理尺寸可以相差很搭配对比等有关。由于上述因素不同,文字的合理尺寸可以相差很大。因此各种特定、具体条件下的合理字符尺寸,常需要通过实际
2、大。因此各种特定、具体条件下的合理字符尺寸,常需要通过实际测试才能确定。测试才能确定。Ergonomics在以下三方面的在以下三方面的“一般条件一般条件”下,即下,即中等光照强度,中等光照强度,字符基本清晰可辨字符基本清晰可辨( (不要求清晰度很高,也非模糊不清不要求清晰度很高,也非模糊不清) ),稍作定睛凝视即可看清,稍作定睛凝视即可看清,那么,人机学给出的基本数据是那么,人机学给出的基本数据是字符的字符的( (高度高度) )尺寸尺寸(1(1200)200)视距视距(1(1300)300)视距视距通常情况下,若取其中间值,则有通常情况下,若取其中间值,则有字符的字符的( (高度高度) )尺寸
3、视距尺寸视距250250椐此,得到视距椐此,得到视距L L与字符高度尺寸与字符高度尺寸D D之间的对照关系见下表:之间的对照关系见下表:一般条件下字符高度尺寸与视距的对照关系一般条件下字符高度尺寸与视距的对照关系如果与上述的如果与上述的“一般条件一般条件”的三条基本符合或接近,则上表所列的数的三条基本符合或接近,则上表所列的数据可直接或参照使用。而另一些情况下,仅仅能据可直接或参照使用。而另一些情况下,仅仅能“看得清看得清”是不够的,还是不够的,还要求醒目,能充分引起注意,那么字符尺寸就应根据实际需要适当加大。要求醒目,能充分引起注意,那么字符尺寸就应根据实际需要适当加大。例例1 1确定地铁车
4、厢内运行线路图上站名文字的大小确定地铁车厢内运行线路图上站名文字的大小。分析解决分析解决 (1)(1)地铁车厢内壁的光照条件不是很好,也不太差,不熟悉线路的乘地铁车厢内壁的光照条件不是很好,也不太差,不熟悉线路的乘客观看时较专注,多数乘客平时并不关心,无特殊醒目性要求,客观看时较专注,多数乘客平时并不关心,无特殊醒目性要求,总体符合上述总体符合上述“一般条件一般条件”,可参照上表的数据,如能略略加大,可参照上表的数据,如能略略加大更好。更好。(2)(2)应该让坐在座位上乘客能看清对面车厢壁上的线路图文字,视距应该让坐在座位上乘客能看清对面车厢壁上的线路图文字,视距约为约为L L2m2m,由上表
5、查得文字尺寸为:,由上表查得文字尺寸为:D D8mm8mm。(3)(3)如车厢内壁整个线路图的尺寸或其他条件没有什么限制,若将文如车厢内壁整个线路图的尺寸或其他条件没有什么限制,若将文字尺寸略微加大一些,如取字尺寸略微加大一些,如取D D9mm9mm,乘客观看起来会更好。从视,乘客观看起来会更好。从视觉传达的要求而言,不宜小于觉传达的要求而言,不宜小于8mm8mm。Ergonomics例例2 2邮局、储蓄所等室内,墙上告示的文字该多大邮局、储蓄所等室内,墙上告示的文字该多大? ?分析解决分析解决告示文字都是清晰的,人们可在此驻足观看而非匆匆一瞥,这两个条件均较优越。视距可设定为L L1.5m1
6、.5m。因此可根据告示处的三种光照条件分别确定文字尺寸大小:有专设的局部照明,可取D D L L300300(1500(1500300)mm300)mm5mm5mm。无无专设的局部照明,但贴告示的地方光照情况不错,可取 D D L L250250(1500(1500250)mm250)mm6mm6mm贴告示处光线灰暗,可取贴告示处光线灰暗,可取D D L L200200(1500(1500200)mm200)mm7.5mm7.5mm ErgonomicsErgonomics例确定高速公路上出口指示路牌上文字的尺寸例确定高速公路上出口指示路牌上文字的尺寸分析解决分析解决条件分析:条件分析:这是室
7、外的路牌,白天光照强,夜晚文字有荧光,光照条件是好的。这是室外的路牌,白天光照强,夜晚文字有荧光,光照条件是好的。路牌上的字体、色彩对比等均有国家标准,能保证文字的高清晰度和路牌上的字体、色彩对比等均有国家标准,能保证文字的高清晰度和高可辨性。高可辨性。路牌上的文字的字数很少,内容也简单,匆匆一瞥就能获得全部信路牌上的文字的字数很少,内容也简单,匆匆一瞥就能获得全部信息。息。但出口指示牌的醒目性要求很高。但出口指示牌的醒目性要求很高。综合考虑以上条件后判定,文字尺寸综合考虑以上条件后判定,文字尺寸D D对视距对视距L L应取较大的比例,应取较大的比例,例如例如D D L/ 200L/ 200E
8、rgonomics视距分析:视距分析:高速公路上驾车者对于路牌的视距,可考虑有两部分组成即:高速公路上驾车者对于路牌的视距,可考虑有两部分组成即:静态视距静态视距L L1 1,因为车在路中开而路牌在路旁,驾车中脸面不能因为车在路中开而路牌在路旁,驾车中脸面不能侧转太大的角度去看路旁的路牌,现把驾车者能方便观看路旁路侧转太大的角度去看路旁的路牌,现把驾车者能方便观看路旁路牌时车与路牌在行进方向上的距离称为静态视距。并初步设取静牌时车与路牌在行进方向上的距离称为静态视距。并初步设取静态视距态视距L L1 11010m m,如图如图。驾车者不可能都在路牌刚呈现时就能注意到它。由于种种原因,驾车者不可
9、能都在路牌刚呈现时就能注意到它。由于种种原因,在驾车过程中能注意到路牌,需要有一段时间;设在这段时间内在驾车过程中能注意到路牌,需要有一段时间;设在这段时间内汽车行进的距离为汽车行进的距离为L L。大多数驾车者会在多长时间内注意看大多数驾车者会在多长时间内注意看这个路牌?这是本问题中的关键数据,若没有可靠的资料可查,这个路牌?这是本问题中的关键数据,若没有可靠的资料可查,应通过实际测试取得这个数据。这里假设这个时间是应通过实际测试取得这个数据。这里假设这个时间是t=2st=2s。并按。并按高速公路上的行驶速度为高速公路上的行驶速度为v=120km/h=33.3m/sv=120km/h=33.3
10、m/s为准计算。在设定为准计算。在设定的的2s2s时间内汽车行经的距离为时间内汽车行经的距离为L L=vt=(33.3=vt=(33.3* *2)m=67m2)m=67m,如图。,如图。Ergonomics高速公路路牌上文字的尺寸高速公路路牌上文字的尺寸D D 实际可取实际可取D D400mm400mmD L200(77200)m0.385m=385mm 广告、招牌、海报、组织机构和店铺牌子上的文字,都要求醒目、广告、招牌、海报、组织机构和店铺牌子上的文字,都要求醒目、引人注意,尺寸设计不以简单的引人注意,尺寸设计不以简单的“看得清看得清”为标准,应该根据具体条件灵为标准,应该根据具体条件灵活
11、处理。活处理。Ergonomics二、字体二、字体(一)字体的选择(一)字体的选择对于不同的视觉对象,字体的选择有不同的要求,涉及到对于不同的视觉对象,字体的选择有不同的要求,涉及到美感、动美感、动感、视觉冲击力、文化内涵、独特性、象征性、隐喻暗示感、视觉冲击力、文化内涵、独特性、象征性、隐喻暗示等方面。但在人等方面。但在人机学中,主要研究字体的可辨性、识别性。机学中,主要研究字体的可辨性、识别性。字体的可辨性、识别性是现代字体的可辨性、识别性是现代视觉传达设计中的基本要求。视觉传达设计中的基本要求。字体可辨性、识别性优劣的一般结论是:字体可辨性、识别性优劣的一般结论是:直线笔画和带直角尖角的
12、直线笔画和带直角尖角的字形优于圆弧、曲线笔画的字形,正体字优于斜体字。字形优于圆弧、曲线笔画的字形,正体字优于斜体字。.汉字字体汉字字体汉字的识别性以仿宋体、黑体(等线体)为最佳,普通宋体汉字的识别性以仿宋体、黑体(等线体)为最佳,普通宋体也很好。长方宋体多用于图样上的标注与说明,普通宋体用于书也很好。长方宋体多用于图样上的标注与说明,普通宋体用于书籍报刊印刷,而尺寸较大、要求识别性高的汉字,例如路标路牌、籍报刊印刷,而尺寸较大、要求识别性高的汉字,例如路标路牌、车船航班表等,还有大型包装物上的文字说明等,多用黑体字。车船航班表等,还有大型包装物上的文字说明等,多用黑体字。所以现在除了书籍报刊
13、中的宋体字用得最广泛外,其次就是所以现在除了书籍报刊中的宋体字用得最广泛外,其次就是黑体。黑体。例:福州闽清例:福州闽清福州闽清福州闽清福州闽清福州闽清福州闽清福州闽清福州闽清福州闽清福州闽清福州闽清ErgonomicsErgonomics2.拉丁字母和阿拉伯数字大写的拉丁文字母直线笔画多,而小写拉丁文字母中圆弧笔画多,因此大写字母的识别性优于小写。直体(正体)字母,直体数字的识别性优于斜体。拉丁字母在世界范围内应用广泛,如图为一些国家所推荐的拉丁字母和数字的高识别性字体。Ergonomics(二)避免字形的混淆(二)避免字形的混淆视觉传达设计中避免字形混淆的基本方法,是把互相间不太明显的差异
14、,加以适当扩大、强调,使差异明显起来。另外,笔画过粗会使字形中某些特征显得较为含糊,如数字“”和字母“S”就容易含混。应使笔画细一些,“”的上半部直角弯的特征变得鲜明,与“S”上半部圆弧之间视觉区别进一步显现,有利于减少混淆。Ergonomics三、字形的比例和排布三、字形的比例和排布(一)字符的高度比例(一)字符的高度比例.汉字在视觉传达设计中,常根据版面版式、文字的横排竖排等因素来确定文字的高宽比。一般横排文字的竖高可大于横宽,而竖排文字的横宽宜大于竖高。汉字的高宽比范围(以识别性要求为前提)汉字的高宽比范围(以识别性要求为前提)横排汉字、高宽比横排汉字、高宽比1.0:0.8竖排汉字、高宽
15、比竖排汉字、高宽比0.8:1.0Ergonomics. .拉丁字母和阿拉伯数字拉丁字母和阿拉伯数字 拉丁字母和阿拉伯数字一般只能横排,字形均为竖高大于横宽,但少数字母和数字的高宽比与大多数是不同的,分为以下几种:大多数拉丁字母和数字的高宽比:(1.0 :0.6)(1.0 :0.7)。字母M、m、W、w的高宽比:(1.0 :0.8)(1.0 :1.0)。字母I、i、数字1的高宽比:可达到1.0 :0.5。Ergonomics(二)字符的笔画粗细(二)字符的笔画粗细.影响字符笔画粗细的因素影响字符笔画粗细的因素笔画少字形简单的字,笔画应该粗;笔画多字形复杂的字,笔画应该细。光照弱的环境下字的笔画需
16、要粗,光照强的环境下的笔画可以细。视距大而字符相对小时笔画需要粗,反之笔画可以细。浅色背景下深色的字笔画需要粗,深色背景下浅色的笔画可以细。较极端的情况是:白底黑字需要更粗一些,黑底白字可以更细一些。更极端的情况是:暗背景下发光发亮的字尤其应该细。如液晶显示(LCD)和发光二极管显示(LED)的屏幕(光渗效应)。Ergonomics.字符笔画宽度对字高比例的参考值字符笔画宽度对字高比例的参考值汉字变动范围为(:)拉丁字母和阿拉伯数字变动范围为(:)笔画粗细的视觉效果对比:白底黑字与黑底白字笔画粗细的视觉效果对比:白底黑字与黑底白字Ergonomics(三)字符的排布(三)字符的排布视觉传达中字
17、符排布的一般人机学原则如下:从左到右的横向排列优先,必要时才采用从上到下的竖向排列,尽量避免斜向排列。行距一般取字高的50100。字距(包括拉丁字母和阿拉伯数字间的间距):不小于一个笔画的宽度。拼音文字的词距:不小于字符高度的50。若排布区域为竖长条形,且水平方向较窄容纳不下一个独立的表意单元(词汇、词汇连缀等),则汉字可以从上到下竖排,拼音文字应将水平横排作逆时针旋转90的排布形式。同一个面板上,同类的说明文字遵循统一的排布格式。Ergonomics四、四、字符与背景的色彩及其搭配字符与背景的色彩及其搭配字符与背景色彩极其搭配的一般人机学原则有:字符与背景间的色彩明度差,应在蒙塞尔色系的级以
18、上。照度低于10 lx 时,黑底白字与白底黑字的辨认性差不多;照度10 100 lx 时,黑底白字的辨认性较优,照度超过100 lx 时,白底黑字的辨认性较优。此处的白色和黑色,可以扩展理解为高明度色彩、低明度色彩。字符主体色彩(不是背景色彩)的特性决定了视觉传达的效果。字符与背景的色彩搭配对视觉辨认性的影响较大。字符与背景的色彩搭配与辨认性字符与背景的色彩搭配与辨认性Ergonomics第二节图形符号及标志设计第二节图形符号及标志设计一、图形符号设计一、图形符号设计.图形符号及其应用领域图形符号及其应用领域概念:图形符号是以图形或图象为主要特征的视觉符号,用来传递事物或概念对象的信息,而不依
19、较语言。特点:直观、精练、简明、易懂应用:在技术文件上表明主要技术指标。在设备、仪表的操纵器、显示器、包装、连接插口上作操作指示。在标志上表示公共信息、安全信息、交通规则、包装运输指示等。Ergonomics结结构构与与工工艺艺图图形形符符号号示示例例Ergonomics机机动动车车辆辆上上的的图图形形符符号号示示例例Ergonomics公共信息、安全、交通、包装运输标志公共信息、安全、交通、包装运输标志Ergonomics. .图形符号的设计原则图形符号的设计原则内涵不过大,使人们能够准确地理解,不产生歧义。构形简明,突出所表示对象主要的和独特的属性。构形醒目、清晰、易懂、易记、易辨、易制。
20、边界明确、稳定。尽量采用封闭轮廓的图形,利于对目光的吸引积聚。图形符号优劣对比图形符号优劣对比Ergonomics.图形符号的视认特征与繁简图形符号的视认特征与繁简 人机学对图形符号设计的要求主要是视认性,即人能很快意识到它的含义,不产生歧义。因此:要突出表达出客体主要的、独特的属性。要简明、以利于快速辨认。成功的设计要求设计者具有敏锐的观察力、高度的抽象概括力、丰富的想象力,并调动形、色、意等多种手法加以表象。表意清晰、构图简洁的图形符号示例表意清晰、构图简洁的图形符号示例Ergonomics测试ErgonomicsErgonomicsErgonomicsErgonomicsErgonomi
21、csErgonomics图形符号设计案例图形符号设计案例Ergonomics图形符号设计示例图形符号设计示例箭头视认性优劣对比箭头视认性优劣对比好箭头的基准图好箭头的基准图Ergonomics二、标志设计二、标志设计(一)标志及其设计原则(一)标志及其设计原则.标志和应用领域标志和应用领域标志是给人以行为指示的符号和(或)说明性文字。有时有边框,有时没有边框,主要用于公共场所、建筑物、产品的外包装以及印刷品。图形标志:是图形符号、文字、边框等视觉 符号的组合,以图象为主要特征,用以表达特定的信息。标志、图形标志、图形符号的区别Ergonomics.图形标志的设计原则图形标志的设计原则首先要满足
22、醒目清晰和通俗易懂两个基本要求。图形应只包含所传达信息的主要特征,减少图形要素,避免不必要的细节。标志图形的长和宽尽量接近,长宽比一般1:4。标志图形不宜采用复杂多变和凌乱的轮廓界限,即应注意控制和减小图形周长对面积之比。优先采用对称图形和实心图形。Ergonomics(二)图形标志的尺寸与视距(二)图形标志的尺寸与视距.图形标志的公称尺寸无论是设计还是使用,说到“标志大小”需要有一个统一的标准。取图形标志的哪个尺寸代表它的大小?一般取边框作为图形标志计算的依据。即定义图形标志边框内缘的尺寸为图形标志的公称尺寸,以s表示。Ergonomics.图形标志的公称尺寸与视距 要让所设置的标志发挥预期
23、的效能,让人们看得清,就要根据人们的观看距离(视距)来合理地确定标志的尺寸大小。图形标志最小公称尺寸图形标志最小公称尺寸S Sminmin(m)(m)与视距与视距L(m)L(m)的关系的关系Ergonomics3.其他的构图尺寸与视距其他的构图尺寸与视距 标志图形在边框内应该匀称、充实,“重心”位置适当。 构图元素与边框之间的最小间距d1、各构图元素之间的最小间距d2,构图元素的最小宽度W等参数与视距L的比例关系,也必须符合规定。Ergonomics构图尺寸构图尺寸与视距的比例关系与视距的比例关系构图元素与边框间的最小间距构图元素与边框间的最小间距d1一般情况:一般情况: d1=(2/1000
24、)L构图元素轮廓与边框平行:构图元素轮廓与边框平行:d1=(3/1000)L构图元素之间的最小间距构图元素之间的最小间距d2 d2 =(1/3000)L构图元素的最小宽度构图元素的最小宽度W一般情况:一般情况:W=(1/1000)L构图元素间互不干扰:构图元素间互不干扰: W=(1/2000)L几个构图尺寸与视距几个构图尺寸与视距L的比例关系的比例关系Ergonomics例题:制作一个如图所示的正方形边框的标志,要求保证视距L=10m观看的清晰度,试确定图形标志的最小公称尺寸Smin和构图尺寸d1、d2、W。解答:标志的最小公称尺寸Smin12L/100012*10/10000. 12m120mm其他构图尺寸d1(2/1000)L (2/1000)*10 0. 02m20mmd2 (1/3000)L (1/3000)* 10 0. 003m3mmW(1/1000)L (1/1000)* 10 0. 01m10mm