好文档就是一把金锄头!
欢迎来到金锄头文库![会员中心]
电子文档交易市场
安卓APP | ios版本
电子文档交易市场
安卓APP | ios版本

字体设计基础PPT课件.ppt

16页
  • 卖家[上传人]:re****.1
  • 文档编号:586430029
  • 上传时间:2024-09-04
  • 文档格式:PPT
  • 文档大小:893.50KB
  • / 16 举报 版权申诉 马上下载
  • 文本预览
  • 下载提示
  • 常见问题
    • 字体设计基础l“这份资料,简明扼要的描述了西文字体设计的一些基本概念,不管你是不是平面设计师或者是字体设计师,又或者只是路人甲乙丙丁,这些资料都可以让你进入字体所蕴含的数学之美而且有许多方法也可以被引用到汉字设计中去l中文有3000年的书法艺术的历史,但是对于现代印刷术的研究,还是要虚心向西方学习虽然印刷术最早发明于中国,之后才流传到欧洲发扬光大 l现今英文印刷术研究体系已经被发展到一个非常精密和发达的水平,特别是在现在的全数字化的桌面印刷时代现在的英文字体的数量已经不知道有几万种但中文字体数量可能还不到一千,如果去除重复的,可能还不到100 l我之所以花这么多时间去研究英文字体,是由于我越来越感觉到,中文和英文就好像阴阳的关系,或者说是一个事物的两面对英文字体设计的技术了解得越多,你对中文字体设计的理解也越深刻因为其中包含的道理是一以贯通的 3 视觉均衡 为了让所有字符在视觉上对齐,它们就为了让所有字符在视觉上对齐,它们就不能采用同样的物理尺寸比如说,下不能采用同样的物理尺寸比如说,下图中的三角形的高度就必须大于矩形图中的三角形的高度就必须大于矩形否则,三角形看起来就要比矩形小很多。

      否则,三角形看起来就要比矩形小很多 而我们在设计字体的时候,往往想给它而我们在设计字体的时候,往往想给它们定义同样的高度们定义同样的高度l同样的同样的 ,为了使圆形看起来和矩形同,为了使圆形看起来和矩形同样大小,圆形就必须超出基线如果圆样大小,圆形就必须超出基线如果圆形和矩形物理尺寸一样,圆形看上去就形和矩形物理尺寸一样,圆形看上去就会比矩形小这一规则不仅仅适用于三会比矩形小这一规则不仅仅适用于三角形、圆形、方形这样的基本形状,这角形、圆形、方形这样的基本形状,这是字体设计的基本原则,整个字体中的是字体设计的基本原则,整个字体中的所有字符都适用这一原则不管你设计所有字符都适用这一原则不管你设计的是拉丁字体、还是斯拉夫或者希腊文的是拉丁字体、还是斯拉夫或者希腊文字体,这是所有形体都必须遵循的基本字体,这是所有形体都必须遵循的基本准则4 l设计字体就象开车你在开车设计字体就象开车你在开车的时候,总是会以自然的曲线的时候,总是会以自然的曲线过弯当你在纸面上绘制一条过弯当你在纸面上绘制一条曲线(或是字符)的时候,也曲线(或是字符)的时候,也是同样的道理曲线平滑的开是同样的道理曲线平滑的开始,而不是陡然出现。

      开车时,始,而不是陡然出现开车时,你不会在已经到达了弯道口之你不会在已经到达了弯道口之后才开始打方向盘,而是在你后才开始打方向盘,而是在你预计即将进入弯道的时候,就预计即将进入弯道的时候,就开始慢慢的将你的车引入正确开始慢慢的将你的车引入正确的方向流线型流线型5 l图中上下两行字母有着不同的结构,它们来源于不同的书法原型不管这种字体是衬线字体(如Times New Roman)还是无衬线字体(如Arial),它们的架构都源于它们的书法原型l上面一行的字体的书法原型是一种尖头的书法钢笔其笔画的粗细对比是通过改变笔压来实现的,而与笔尖本身的形状无关Bodoni字体就是一个例子,但是象Helvetica这样的无衬线体也是来源于此笔画最粗的部分几乎都是垂直的从这个角度来看, Bodoni和Helvetica是同出一辙的它们的架构是一致的,只是笔画的粗细对比有区别l下面一行字体来源于一种笔尖扁平的钢笔这种书法钢笔正面宽而侧面窄字体的笔画粗细是由于钢笔本身形状的差异造成的,而不是笔压你书写的时候笔身是倾斜的,和纸张形成30度的倾角因此笔画最粗的部分就不是垂直方向的,而是有一定角度的倾斜同样的,笔画最细的部分也不是位于水平方向上。

      Garamond 和 Minion 字体就是这种结构但象Gill Sans 这样的无衬线字体也同样是起源于这种笔尖扁平的钢笔书法原型书法原型6 l这里要说一下字符间距字符的间距要比它的外形重要得多,这关系到字体的节奏一种间距很糟糕的字体,不管外形如何优美,一样难于阅读相反的,一款外形稍欠的字体,如果有完美的间距调节,这种字体一样可以易于阅读因此,定义字体的节奏,要比定义字体的外形更加重要l字体的节奏取决于字符内部和字符之间的白空间,而非字符的黑色形体如果你能够为你的文本建立一种很好的节奏,你的字体就更易于阅读,并获得均衡的整体效果从开始创建黑色形体的时候起,你就应该同时把白空间的设置考虑在内当然,白空间和黑空间是相互依存的白空间的改变也必然的会影响黑空间的形态从这个角度来看,我们不能说黑与白哪个更重要l例如,字母n内部的白空间,以及i与n之间的白空间,两者之间必然会存在着某种关联(见图示)在上面一行中,字母n内部的白空间要远大于i与n之间的白空间在下面一行中,两者则要均衡得多,你也因而获得了更好的节奏,整个文本也更和谐l同样的,小写a和e之间的内部空间也存在着这种关联两个形状之间的关系非常紧密。

      这两个字符的内部白空间(counter,中文术语翻译为字怀/字谷/字币)在视觉上应当是等量大小的,这样你的字体才会有更好的节奏•字符间距字符间距7 8 l字体的设计,莫过于调整黑白空间的和谐黑不能离开白而独立存在,白也是一样黑,是字符的形体白,是字符内部和字符之间的白色空间两个字符之间白空间的大小,取决于字符内部白空间的大小l你永远不可能设计出一种笔画极其粗重而同时字怀(counter,字符内部包围的白空间)又很大的的粗黑体一个粗黑体,其字怀永远要小于一个细线体,因而粗黑体的字符间距也一定要小于细线体(如图)细线体的字怀很大,其字符间距也必须相应的大,所以细线体的字符之间就需要比粗黑体更大的白空间黑与白黑与白9 l是什么决定一个字符能否匹配另一个字符?当你确定了一种风格,如何将之推广应用于字库中的全部字符?先从这里开始:图中有一个“e”想象你刚画好这个“e”的草图,你很喜欢它,然后你想要设计更多的其他字符来匹配这个“e”该如何开始呢?比如说,它应该是一个衬线字体还是一个无衬线字体呢?l第一个尝试:左边的“i”,无衬线体它最粗的部分和“e”最粗部分的笔画宽度相同,同样的x-高度它应该能表达你的想法了。

      l第二个尝试:右边的“i”同样的宽度,同样的x-高度,但这次它有了衬线l“e”的字碗不仅仅有着一定的宽度,同时还有着粗细的对比左边的“i”完全没有笔画粗细的对比因此这两个字符不是完美的一对而右边的“i”有着和“e”同样的粗细对比,是因为它有了衬线这细细的衬线让它象“e”那样拥有了粗细的区别这就是起点这个“e”,已经决定了这个字体中的其余字符不应该是一个无衬线字体l当然了,每一条所谓的规则到最后都会有例外从这个意义来说,你完全可以把中间的“e”和左边的“i”配一对做一个字体没有什么是不可能的但现在你已经能够更深刻的意识到你为什么这样做,抑或是你为什么不那样做风格的统一风格的统一10 l可读性是正文字体的唯一考量指标你对字体所做的许多决定都会影响可读性例如采用怎样的粗细对比,上伸部和下伸部的长度,字体的节奏,黑度,曲线和字碗的力度,等等l大部分的决定会影响到字体中的全部字符下面这些是应该首先考虑的比如说粗细对比图例中上面一行的字符笔画粗细对比明显要比下面一行的要大得多上一行的字体更适合做特排字体,而下一行更适合做正文字体不仅仅是因为它们粗细对比的差异,还由于上一行的字符的字宽更小,因而在小尺寸下更难以识别——但是却更能吸引眼球,在制作标题的时候也更具灵活性。

      所以在定义字体的粗细对比和宽度的时候,要考虑到字体中的全部字符可读性可读性11 lx高度应该定多高?下伸部应该多长?确定这些比例至关重要,并且与字体的用途紧密相关字体的比例将影响其外观及应用比如说,如果你想设计一种节约版面的字体,那就不能给它设置极大的字宽l如果下伸部很短,字体看上去会很怪或者更糟,阅读者可能根本无法发现它但很短的下伸部也可能是一个聪明的决定,当它用于特排字体或者标题字体的时候 对一个正文字体来说,上伸部最好是和大写高度一样(或者更高一些更棒),以获得良好的视觉效果比例比例12 l计算机的普及,使得广大的用户得以接触到字体设计,这在以前是从未有过的数字化让许多操作变得更简单和快捷,但不意味着它会自动的获得更好的结果,那完全是两码事举个例子,许多字体软件都包含一个字体“加粗”选项,能将原先完美设计的字体轮廓加以扩展但实际上软件只是在欺骗你那并非真正的粗体,那只是一辆由村里的铁匠临时改长的“加长型”豪华轿车笔画的粗细比率可能全被破坏了(见图例中第二个a)手工操作的结果会更令人满意不管将来的软件如何进步,最终起决定作用的东西只有一个:你锐利的眼光粗体粗体13 线稿的数字化 l线稿的数字化。

      在纸上画好线稿之后就可以扫描了,这时候要开始要注意,要用正确的方法将其数字化说的更明确一点,在你用贝赛线钢笔工具手工描摹你的线稿的时候,要留神一个字符如果有太多的节点,或者是节点放置在不正确的位置上,都会给你的字体带来负面的影响l过多的节点不仅仅会导致技术上的麻烦,例如打印机无法打印输出,还会使得字符的外形更加难于控制在两个节点之间控制一条曲线,要远远容易过操纵一条有12个节点的曲线当然这并非不可以,但多余的节点必然会导致外形的不平滑l节点放置在错误的地方也会导致技术问题,例如无法实现字符在屏幕小字号下的完美显示建议是,把节点放置在字符的"顶点"位置举例说明,绘制一个“O”要用到8个节点外面4个,内部的字怀4个将节点放置在顶点(最上点、最下点、最左点和最右点),意味着控制点将全部是水平或者垂直的这样它们就非常易于控制在大多数的软件中,你可以用shift键来将控制点的移动限制在水平或垂直方向上14 形态的平衡 l如果你把字母“B”上下两个内部形状(字怀)弄得完全一样,上面的字怀在视觉上就会更大你的字母看上去就好像站立不稳,摇摇欲坠如果你把上面的字怀弄得小一些,整个字符看起来会更平衡l同样的,字母“B”字母“P”的字怀也不需要完全一样。

      如果两者完全一样,“P”的右部空间就显得太大了所以对每个字符的黑白空间你都要进行单独的平衡但是,“B”和“P”两者内部白空间的大小一定存在着某种关联l说到怎样做一个小写的“r”:它绝对不是一个把一边腿锯断的“n”如果那样做,你的“r”会被弄得非常的虚弱如果你让“r”的末笔顺着水平的阅读方向,就可以让它看上去更健壮同时“r”的右部空间会更开放,更平衡这不会有损于字体的节奏,因为“r”右部的安全空间可以设置得非常小整个字母可以做的更窄这样一来,“r”顶部的白空间就不得不改变形状改变之后还有一个好处,你就不会在匆匆一瞥之下把“r”错看成“n”15 字距调整 l字距调整的知识会让你对字体的理解更进一步但我们现在先暂时把它忘记,先花点时间看看另外的东西如果你想正确的设置字符间距,这个要重要得多l字距配对(kerning pair)是一种因视觉需要而做的技术处理简单说,在两个特定的字符连排的时候,你可以为它们单独指定与众不同的字符间距这个间距可以不同于标准间距(前一个字符的右部安全空间+后一个字符的左部安全空间)这个间距可以是正的也可以是负的,你可以为某个字符对设置更多或更少的空间数字化的字库文件中可以实现这种字距配对。

      l有些情况这种字距调整是必不可少的当一个大写A后面跟随一个小写v的时候,两个字符间就会出现巨大的白空间,这是普通的字符间距所无法解决的如果改变它们的间距,它们和其他字母连排的时候就会挤成一团这时候就需要字距配对来处理了(如图)图中只出现了字距配对为负的例子——缩减空间但你可以想象一个字距配对为正的例子:一个小写f后跟随一个括号,例如:“f)”这时候就需要加入更多的间距以避免两个字符重叠在一起16 连字 l只有极少数的场合才需要用到连字比较常见的连字有“fi”和“fl”连字是否必不可少,取决于字体的设计不是每种字体都需要"fi"的连字组合但有些时候字母“i”上面的圆点会和前面的“f”相撞一劳永逸的解决方案是做一个连字,用一个字符代替两个(或更多的)字符连字的出现的原因,除去功能上的需要,还有审美意义上的你可以做一个“st”的连字组合,或是一个“nky”或“ism”任何字符都是有可能的这个章节同样也不是学习字体设计最迫切需要的知识,但这是通向完美之路上另一道必须逾越的障碍17 部分资料从网络收集整理而来,供大家参考,感谢您的关注! 。

      点击阅读更多内容
      关于金锄头网 - 版权申诉 - 免责声明 - 诚邀英才 - 联系我们
      手机版 | 川公网安备 51140202000112号 | 经营许可证(蜀ICP备13022795号)
      ©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved.