第七章视觉传达设计与人机学 第一节文字设计 第二节图形符号及标志设计 第三节展示设计 川 長大孝 2021/2/10
Page 2 2021/2/10 第一节 文字设计 第二节 图形符号及标志设计 第三节 展示设计 第七章 视觉传达设计与人机学
第一节文字设计 、文字的尺寸 视觉传达文字的合理尺寸,涉及的主要因素有: ①观看距离(视距); ②光照度; 表7-1一般条件下字符尺寸D与视距L的关系 ③字符的清晰度、可辨性;视距L/m 123581220 ④要求识别的速度快慢等。字符高度尺寸D/mm481220324880 清晰度、可辨性又与字体、笔画粗细、文字与背景的色彩 搭配对比等有关。 在“一般条件”下(何谓“一般条件”?), 字符的(高度)尺寸=(1/200)视距~(1/300)视距 取其中间值,则有字符的(高度)尺寸=视距/250 °据此,可得视距L与字符高度尺寸D的关系如表7-1。 長大孝 2021/2/10
第一节 文字设计 一、文字的尺寸 ⚫ 视觉传达文字的合理尺寸，涉及的主要因素有： ①观看距离（视距）； ②光照度； ③字符的清晰度、可辨性； ④要求识别的速度快慢等。 ⚫ 清晰度、可辨性又与字体、笔画粗细、文字与背景的色彩 搭配对比等有关。 ⚫ 在“一般条件”下（何谓“一般条件”？）， ⚫ 字符的（高度）尺寸＝（1/200）视距～（1/300）视距 ⚫ 取其中间值，则有 字符的（高度）尺寸＝视距 / 250 ⚫ 据此，可得视距L与字符高度尺寸D 的关系如表7-1。 Page 3 2021/2/10 表7-1 一般条件下字符尺寸D与视距L的关系 视距 L/m 1 2 3 5 8 12 20 字符高度尺寸 D/mm 4 8 12 20 32 48 80
、文字的尺寸 如看得清不够,还要求醒目、能引起注意,字符尺寸需适当加大。 例1确定地铁车厢内运行线路图上站名文字的大小。 分析解决 ①本问题符合“一般条件”,可大体参照表7-1的数据。 ②座位上乘客看线路图文字的视距约为L=2m,由表7-1查得文字尺寸为: D=8mm。 ③如文字尺寸略大一些,取D=9mm,视觉效果更佳。 东四十条 長大孝 2021/2/10
一、文字的尺寸 ⚫ 如看得清不够，还要求醒目、能引起注意，字符尺寸需适当加大。 例1 确定地铁车厢内运行线路图上站名文字的大小。 ⚫ 分析解决 ① 本问题符合 “一般条件” ，可大体参照表7-1的数据。 ② 座位上乘客看线路图文字的视距约为L＝2m，由表7-1查得文字尺寸为： D＝8mm。 ③ 如文字尺寸略大一些，取 D＝9mm，视觉效果更佳。 Page 4 2021/2/10
例2邮局、储蓄所等室内,墙上告示的文字该多大? 分析解决 口告示文字都清晰,可驻足观看,这两个条件均优越。视距 可设为L=15m。应根据三种光照条件分别确定文字尺 寸 (1)有专设的局部照明,可取 D=L/300=(1500/300)mm=5mm (2)无专设的局部照明,但光照情况不错,可取 D=L/250=(1500/250)mm=6mm (3)贴告示处光线灰暗,可取 D=L/200=(1500/200)mm=75mm 長大孝 2021/2/10
例2 邮局、储蓄所等室内，墙上告示的文字该多大？ ⚫ 分析解决 告示文字都清晰，可驻足观看，这两个条件均优越。视距 可设为L＝1.5m。 应根据三种光照条件分别确定文字尺 寸： （1）有专设的局部照明，可取 D＝L/300＝（1500/300）mm＝5mm。 （2）无专设的局部照明，但光照情况不错，可取 D＝L/250＝（1500/250）mm＝6mm。 （3）贴告示处光线灰暗，可取 D＝L/200＝（1500/200）mm＝7.5mm。 Page 5 2021/2/10
例3确定高速公路出口指示牌上文字(如“康庄出口”)的尺寸。 分析解决 康庄 KANGZHUANG (1)条件分析: 20出口 2 ①室外白天光强,夜晚有荧光,光照条件好。 ②路牌的字体、色彩对比有国标,确保高清晰度和可辨性。 ③字数少,内容简单。 ④但出口指示牌的醒目性要求很高。 综合考虑上述条件,文字尺寸D对于视距L应取较大的 比例,现定为D=L/250 長大孝 2021/2/10
例3 确定高速公路出口指示牌上文字（如“康庄 出口”）的尺寸。 ⚫ 分析解决 （1）条件分析： ①室外白天光强，夜晚有荧光，光照条件好。 ②路牌的字体、色彩对比有国标，确保高清晰度和可辨性。 ③字数少，内容简单。 ④但出口指示牌的醒目性要求很高。 ◼ 综合考虑上述条件，文字尺寸D对于视距L应取较大的 比例，现定为D＝L/250。 Page 6 2021/2/10
(2)视距分析驾车者对路牌的视距L,由两部分组成 ①静态视距L车在路中而路牌在旁,把驾车者能方便观看路牌时在行 进方向上的距离,称为静态视距L,并初步设取L1=20m,见图7-1 图7-1观看高速公路 路旁路牌的视距 注意到路牌这段时间的行进距离L2 静态视距L ②动态视距L指驾车中能注意到路牌的一段时间内汽车行进的距离。 这是本问题的关键数据。若没有可靠的资料可查,应进行实际测试。 现假设这段时间是t=2s。并按高速公路上的车速v=120km/h= 33.3m/s进行计算。在设定的2s时间内汽车行经的距离为 L=Vt=(33.3m/s)×2s=67m ③视距 L=L1+2=20m+67m=87m,见图7-1。 (3)路牌上文字的尺寸D D=L/250=(87/200)m=0.348m=348mm, 实际可取 D=350~360mm。 長大孝 2021/2/10
（2）视距分析 驾车者对路牌的视距 L，由两部分组成： ①静态视距L1 车在路中而路牌在旁，把驾车者能方便观看路牌时在行 进方向上的距离，称为静态视距L1，并初步设取 L1＝20m，见图7-1。 图7-1 观看高速公路 路旁路牌的视距 ②动态视距L2 指驾车中能注意到路牌的一段时间内汽车行进的距离。 这是本问题的关键数据。若没有可靠的资料可查，应进行实际测试。 现假设这段时间是 t＝2s。并按高速公路上的车速 V＝120km/h＝ 33.3m/s进行计算。在设定的2s时间内汽车行经的距离为 L2＝Vt＝（33.3m/s）×2s＝67m。 ③视距 L＝L1＋L2＝20m＋67m＝87m， 见图7-1。 （3）路牌上文字的尺寸D D＝L/250＝（87/200）m＝0.348 m＝348mm， 实际可取 D＝350~360mm 。 Page 7 2021/2/10
第一节文字设计 二、字体 (一)字体的选择 字体涉及美感、动感、视觉冲击力、文化内涵、独特性、 象征隐喻等方面。 但在人机学中,主要研究字体的可辨性、识别性。 字体可辨性、识别性优劣的一般结论是:直线笔画 和直角尖角的字形优于圆弧曲线笔画的字形,正体字优 于斜体字。 長大孝 2021/2/10
二、字体 （一）字体的选择 字体涉及美感、动感、视觉冲击力、文化内涵、独特性、 象征隐喻等方面。 但在人机学中，主要研究字体的可辨性、识别性。 字体可辨性、识别性优劣的一般结论是：直线笔画 和直角尖角的字形优于圆弧曲线笔画的字形，正体字优 于斜体字。 第一节 文字设计 Page 8 2021/2/10
(一)字体的选择 1.汉字字体 汉字的识别性以仿宋体、黑体(等线体)为最佳,普通宋体也 很好 长仿宋体用于图纸上;普通宋体用于书报,而路标路牌、车 船航班表、大型包装物上的文字等多用黑体字,见图7-2a 图7-2识别性屯溪珠塘黎阳 好的字体举例老街东原故里 花山谜窟西递無R畫uMWX h看罗2圈围圈置器圈 a)黑体汉字 b)直体大写拉丁字体和阿拉伯数字 2.拉丁字母和阿拉伯数字 大写字母的识别性优于小写;直体(正体)字母、直体数字优于斜体。 長大孝 Page 9 2021/2/10
1．汉字字体 汉字的识别性以仿宋体、黑体（等线体）为最佳，普通宋体也 很好。 长仿宋体用于图纸上；普通宋体用于书报，而路标路牌、车 船航班表、大型包装物上的文字等多用黑体字，见图7-2a a）黑体汉字 b）直体大写拉丁字体和阿拉伯数字 图7-2 识别性 好的字体举例 （一）字体的选择 Page 9 2021/2/10 2．拉丁字母和阿拉伯数字 大写字母的识别性优于小写；直体（正体）字母、直体数字优于斜体
字体 (二)避免字形的混淆 容易互相混淆的汉字有:“千、千、于” 土、士”,“人、 入”,“未、末”,汉字“土”和加减号“±”等 容易互相混淆的拉丁字母和阿拉伯数字有: 大写字母“1”、小写字母“1”与数字“1”,“B、R、8”, G、C O、D、O Z、z、2 V、 W、 8、3 拉丁字母和斯拉夫字母中手写的“a”,与希腊字母中的“a”, 拉丁字母“B、b、W、w”与希腊字母“β、b、0”等 避免字形混淆的方法是把差异扩大、强调,示例见图7-3、图7-4 1I8B35閣 图7-3强调和扩大字形中的差异以减少混淆 图7-4笔画粗使字形混淆 長大孝 2021/2/10
（二）避免字形的混淆 容易互相混淆的汉字有： “千、干、于”， “土、士”， “人、 入”， “未、末”，汉字“土”和加减号“±”等。 容易互相混淆的拉丁字母和阿拉伯数字有： 大写字母“I”、小写字母“l”与数字“1”， “B、R、8”， “G、C”， “O、D、Q”， “Z、z、2”， “S、s、5”， “U、u、V、v”， “W、w”， “8、3”， 拉丁字母和斯拉夫字母中手写的“a”，与希腊字母中的“α”， 拉丁字母“B、b、W、w”与希腊字母“β、ь、ω”等。 避免字形混淆的方法是把差异扩大、强调，示例见图7-3、图7-4。 图7-3 强调和扩大字形中的差异以减少混淆 图7-4 笔画粗使字形混淆 二、字体 Page 10 2021/2/10
第一节文字设计 鸣树 绿树青山环境幽雅枭啬 三、字形的比例与排布泉鸣鸟飞生机盎然乱壎 (一)字符的高宽比例 盎幽 然雅 1.汉字 a)横排高宽比1.0:.8 b)竖排高宽比08:1.0 图7-5汉字的排布方向与字形的高宽比 书报虽多用正方形宋体字,但视觉传达设计中,常根据版面版式、横排 竖排等因素来确定文字的高宽比 一般横排文字的竖高可大于横宽,而竖排文字的横宽宜大于竖高 按文字的识别性要求,汉字高宽比的适宜范围见表7-2 表7-2汉字的高宽比范围(以识别性要求为前提) 排向一般的高度宽度比范围 每行字数较多时的高宽比 横排(1.0:10)~(1.0 08)可加大到10:07 竖排(08:10)~(1.0:1.0) 可减小到075:1.0 横排字形高宽比1.0:0.8、竖排字形高宽比0.8:1.时的字形见图7-5。 長大孝 021/2/10
三、字形的比例与排布 （一）字符的高宽比例 1．汉字 书报虽多用正方形宋体字，但视觉传达设计中，常根据版面版式、横排 竖排等因素来确定文字的高宽比。 一般横排文字的竖高可大于横宽，而竖排文字的横宽宜大于竖高。 按文字的识别性要求，汉字高宽比的适宜范围见表7-2。 表7-2 汉字的高宽比范围（以识别性要求为前提） 排向 一般的高度宽度比范围 每行字数较多时的高宽比 横排 （1.0∶1.0）～（1.0∶0.8） 可加大到 1.0∶0.7 竖排 （0.8∶1.0）～（1.0∶1.0） 可减小到 0.75∶1.0 横排字形高宽比1.0∶0.8、竖排字形高宽比0.8∶1.0时的字形见图7-5。 第一节 文字设计 Page 11 2021/2/10 a）横排 高宽比1.0∶0.8 b）竖排 高宽比0.8∶1.0 图7-5 汉字的排布方向与字形的高宽比