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

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