《字体设计基础.pptx》由会员分享，可在线阅读，更多相关《字体设计基础.pptx（15页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、视觉均衡 为了让所有字符在视觉上对齐，为了让所有字符在视觉上对齐，它们就不能采用同样的物理尺寸。它们就不能采用同样的物理尺寸。比如说，下图中的三角形的高度就比如说，下图中的三角形的高度就必须大于矩形。否则，三角形看起必须大于矩形。否则，三角形看起来就要比矩形小很多。来就要比矩形小很多。而我们在设而我们在设计字体的时候，往往想给它们定义计字体的时候，往往想给它们定义同样的高度。同样的高度。同样的同样的，为了使圆形看起来和矩形，为了使圆形看起来和矩形同样大小，圆形就必须超出基线。同样大小，圆形就必须超出基线。如果圆形和矩形物理尺寸一样，圆如果圆形和矩形物理尺寸一样，圆形看上去就会比矩形小。这一规则
2、形看上去就会比矩形小。这一规则不仅仅适用于三角形、圆形、方形不仅仅适用于三角形、圆形、方形这样的基本形状，这是字体设计的这样的基本形状，这是字体设计的基本原则，整个字体中的所有字符基本原则，整个字体中的所有字符都适用这一原则。不管你设计的是都适用这一原则。不管你设计的是拉丁字体、还是斯拉夫或者希腊文拉丁字体、还是斯拉夫或者希腊文字体，这是所有形体都必须遵循的字体，这是所有形体都必须遵循的基本准则。基本准则。第1页/共15页 设计字体就象开车。你在开设计字体就象开车。你在开车的时候，总是会以自然的车的时候，总是会以自然的曲线过弯。当你在纸面上绘曲线过弯。当你在纸面上绘制一条曲线（或是字符）的制一
3、条曲线（或是字符）的时候，也是同样的道理。曲时候，也是同样的道理。曲线平滑的开始，而不是陡然线平滑的开始，而不是陡然出现。开车时，你不会在已出现。开车时，你不会在已经到达了弯道口之后才开始经到达了弯道口之后才开始打方向盘，而是在你预计即打方向盘，而是在你预计即将进入弯道的时候，就开始将进入弯道的时候，就开始慢慢的将你的车引入正确的慢慢的将你的车引入正确的方向。方向。流线型第2页/共15页图中上下两行字母有着不同的结构，它们来源于不同的书法原型。不管这种字体是衬线字体（如Times New Roman）还是无衬线字体（如Arial），它们的架构都源于它们的书法原型。上面一行的字体的书法原型是一种
4、尖头的书法钢笔。其笔画的粗细对比是通过改变笔压来实现的，而与笔尖本身的形状无关。Bodoni字体就是一个例子，但是象Helvetica这样的无衬线体也是来源于此。笔画最粗的部分几乎都是垂直的。从这个角度来看，Bodoni和Helvetica是同出一辙的。它们的架构是一致的，只是笔画的粗细对比有区别。下面一行字体来源于一种笔尖扁平的钢笔。这种书法钢笔正面宽而侧面窄。字体的笔画粗细是由于钢笔本身形状的差异造成的，而不是笔压。你书写的时候笔身是倾斜的，和纸张形成30度的倾角。因此笔画最粗的部分就不是垂直方向的，而是有一定角度的倾斜。同样的，笔画最细的部分也不是位于水平方向上。Garamond 和 M
5、inion 字体就是这种结构。但象Gill Sans 这样的无衬线字体也同样是起源于这种笔尖扁平的钢笔。书法原型第3页/共15页这里要说一下字符间距。字符的间距要比它的外形重要得多，这关系到字体的节奏。一种间距很糟糕的字体，不管外形如何优美，一样难于阅读。相反的，一款外形稍欠的字体，如果有完美的间距调节，这种字体一样可以易于阅读。因此，定义字体的节奏，要比定义字体的外形更加重要。字体的节奏取决于字符内部和字符之间的白空间，而非字符的黑色形体。如果你能够为你的文本建立一种很好的节奏，你的字体就更易于阅读，并获得均衡的整体效果。从开始创建黑色形体的时候起，你就应该同时把白空间的设置考虑在内。当然，
6、白空间和黑空间是相互依存的。白空间的改变也必然的会影响黑空间的形态。从这个角度来看，我们不能说黑与白哪个更重要。例如，字母n内部的白空间，以及i与n之间的白空间，两者之间必然会存在着某种关联（见图示）。在上面一行中，字母n内部的白空间要远大于i与n之间的白空间。在下面一行中，两者则要均衡得多，你也因而获得了更好的节奏，整个文本也更和谐。同样的，小写a和e之间的内部空间也存在着这种关联。两个形状之间的关系非常紧密。这两个字符的内部白空间（counter，中文术语翻译为字怀/字谷/字币）在视觉上应当是等量大小的，这样你的字体才会有更好的节奏。字符间距第4页/共15页第5页/共15页字体的设计，莫过
7、于调整黑白空间的和谐。黑不能离开白而独立存在，白也是一样。黑，是字符的形体。白，是字符内部和字符之间的白色空间。两个字符之间白空间的大小，取决于字符内部白空间的大小。你永远不可能设计出一种笔画极其粗重而同时字怀（counter，字符内部包围的白空间）又很大的的粗黑体。一个粗黑体，其字怀永远要小于一个细线体，因而粗黑体的字符间距也一定要小于细线体（如图）。细线体的字怀很大，其字符间距也必须相应的大，所以细线体的字符之间就需要比粗黑体更大的白空间。黑与白第6页/共15页是什么决定一个字符能否匹配另一个字符？当你确定了一种风格，如何将之推广应用于字库中的全部字符？先从这里开始：图中有一个“e”。想象
8、你刚画好这个“e”的草图，你很喜欢它，然后你想要设计更多的其他字符来匹配这个“e”。该如何开始呢？比如说，它应该是一个衬线字体还是一个无衬线字体呢？第一个尝试：左边的“i”，无衬线体。它最粗的部分和“e”最粗部分的笔画宽度相同，同样的x-高度。它应该能表达你的想法了。第二个尝试：右边的“i”。同样的宽度，同样的x-高度，但这次它有了衬线。“e”的字碗不仅仅有着一定的宽度，同时还有着粗细的对比。左边的“i”完全没有笔画粗细的对比。因此这两个字符不是完美的一对。而右边的“i”有着和“e”同样的粗细对比，是因为它有了衬线。这细细的衬线让它象“e”那样拥有了粗细的区别。这就是起点。这个“e”，已经决定
9、了这个字体中的其余字符不应该是一个无衬线字体。当然了，每一条所谓的规则到最后都会有例外。从这个意义来说，你完全可以把中间的“e”和左边的“i”配一对做一个字体。没有什么是不可能的。但现在你已经能够更深刻的意识到你为什么这样做，抑或是你为什么不那样做。风格的统一第7页/共15页 可读性是正文字体的唯一考量指标。你对字体所做的许多决定都会影响可读性。例如采用怎样的粗细对比，上伸部和下伸部的长度，字体的节奏，黑度，曲线和字碗的力度，等等。大部分的决定会影响到字体中的全部字符。下面这些是应该首先考虑的。比如说粗细对比。图例中上面一行的字符笔画粗细对比明显要比下面一行的要大得多。上一行的字体更适合做特排
10、字体，而下一行更适合做正文字体。不仅仅是因为它们粗细对比的差异，还由于上一行的字符的字宽更小，因而在小尺寸下更难以识别但是却更能吸引眼球，在制作标题的时候也更具灵活性。所以在定义字体的粗细对比和宽度的时候，要考虑到字体中的全部字符。可读性第8页/共15页 x高度应该定多高？下伸部应该多长？确定这些比例至关重要，并且与字体的用途紧密相关。字体的比例将影响其外观及应用。比如说，如果你想设计一种节约版面的字体，那就不能给它设置极大的字宽。如果下伸部很短，字体看上去会很怪。或者更糟，阅读者可能根本无法发现它。但很短的下伸部也可能是一个聪明的决定，当它用于特排字体或者标题字体的时候。对一个正文字体来说，
11、上伸部最好是和大写高度一样（或者更高一些更棒），以获得良好的视觉效果。如图。比例第9页/共15页 计算机的普及，使得广大的用户得以接触到字体设计，这在以前是从未有过的。数字化让许多操作变得更简单和快捷，但不意味着它会自动的获得更好的结果，那完全是两码事。举个例子，许多字体软件都包含一个字体“加粗”选项，能将原先完美设计的字体轮廓加以扩展。但实际上软件只是在欺骗你。那并非真正的粗体，那只是一辆由村里的铁匠临时改长的“加长型”豪华轿车。笔画的粗细比率可能全被破坏了（见图例中第二个a）。手工操作的结果会更令人满意。不管将来的软件如何进步，最终起决定作用的东西只有一个：你锐利的眼光。粗体第10页/共1
12、5页线稿的数字化 线稿的数字化。在纸上画好线稿之后就可以扫描了，这时候要开始要注意，要用正确的方法将其数字化。说的更明确一点，在你用贝赛线钢笔工具手工描摹你的线稿的时候，要留神。一个字符如果有太多的节点，或者是节点放置在不正确的位置上，都会给你的字体带来负面的影响。过多的节点不仅仅会导致技术上的麻烦，例如打印机无法打印输出，还会使得字符的外形更加难于控制。在两个节点之间控制一条曲线，要远远容易过操纵一条有12个节点的曲线。当然这并非不可以，但多余的节点必然会导致外形的不平滑。节点放置在错误的地方也会导致技术问题，例如无法实现字符在屏幕小字号下的完美显示。建议是，把节点放置在字符的顶点位置。举例
13、说明，绘制一个“O”要用到8个节点。外面4个，内部的字怀4个。将节点放置在顶点（最上点、最下点、最左点和最右点），意味着控制点将全部是水平或者垂直的。这样它们就非常易于控制。在大多数的软件中，你可以用shift键来将控制点的移动限制在水平或垂直方向上。第11页/共15页形态的平衡 如果你把字母“B”上下两个内部形状（字怀）弄得完全一样，上面的字怀在视觉上就会更大。你的字母看上去就好像站立不稳，摇摇欲坠。如果你把上面的字怀弄得小一些，整个字符看起来会更平衡。同样的，字母“B”字母“P”的字怀也不需要完全一样。如果两者完全一样，“P”的右部空间就显得太大了。所以对每个字符的黑白空间你都要进行单独的
14、平衡。但是，“B”和“P”两者内部白空间的大小一定存在着某种关联。说到怎样做一个小写的“r”：它绝对不是一个把一边腿锯断的“n”。如果那样做，你的“r”会被弄得非常的虚弱。如果你让“r”的末笔顺着水平的阅读方向，就可以让它看上去更健壮。同时“r”的右部空间会更开放，更平衡。这不会有损于字体的节奏，因为“r”右部的安全空间可以设置得非常小。整个字母可以做的更窄。这样一来，“r”顶部的白空间就不得不改变。形状改变之后还有一个好处，你就不会在匆匆一瞥之下把“r”错看成“n”。第12页/共15页字距调整 字距调整的知识会让你对字体的理解更进一步。但我们现在先暂时把它忘记，先花点时间看看另外的东西。如果
15、你想正确的设置字符间距，这个要重要得多。字距配对（kerning pair）是一种因视觉需要而做的技术处理。简单说，在两个特定的字符连排的时候，你可以为它们单独指定与众不同的字符间距。这个间距可以不同于标准间距（前一个字符的右部安全空间+后一个字符的左部安全空间）。这个间距可以是正的也可以是负的，你可以为某个字符对设置更多或更少的空间。数字化的字库文件中可以实现这种字距配对。有些情况这种字距调整是必不可少的。当一个大写A后面跟随一个小写v的时候，两个字符间就会出现巨大的白空间，这是普通的字符间距所无法解决的。如果改变它们的间距，它们和其他字母连排的时候就会挤成一团。这时候就需要字距配对来处理了
16、（如图）。图中只出现了字距配对为负的例子缩减空间。但你可以想象一个字距配对为正的例子：一个小写f后跟随一个括号，例如：“f)”。这时候就需要加入更多的间距以避免两个字符重叠在一起。第13页/共15页连字 只有极少数的场合才需要用到连字。比较常见的连字有“fi”和“fl”。连字是否必不可少，取决于字体的设计。不是每种字体都需要fi的连字组合。但有些时候字母“i”上面的圆点会和前面的“f”相撞。一劳永逸的解决方案是做一个连字，用一个字符代替两个（或更多的）字符。连字的出现的原因，除去功能上的需要，还有审美意义上的。你可以做一个“st”的连字组合，或是一个“nky”或“ism”。任何字符都是有可能的。这个章节同样也不是学习字体设计最迫切需要的知识，但这是通向完美之路上另一道必须逾越的障碍。第14页/共15页感谢您的观看！第15页/共15页