今天的课程，我们要快速学习一下字体的一些规则——这真的很重要。在学习之前，先来简单地定义一下字体。字体可以简单地定义为文字的艺术。你可以由此想到很多，例如字体类型、字号和可读性等。

下次当你阅读喜欢的博客或报纸时，观察一下字体、行高（每行间的距离）、行宽（每行有多少字）、字重（粗体、普通、细体）。CSS3使得我们能够对字体和文章进行前所未有的控制，所以在设计中你可以很方便地理解字体设计的基础规则。 

lesson2.1 字体基本要素——入门指南

什么是字体设计？为什么它对平面设计如此重要？既然你已拼写正确且确保了信息能被读者看懂，为什么字体样式还能产生不同的效果？

因为你所接触、看到、创造的每样东西都被书写的方式和技巧所影响。为什么设计师们在使用到字体时必须要有牢固的相关基础，下文提供了一些理由。

在理解你选择的文本中所包含的潜在信息后，你能够更有效地设计和布局含有单词和词组的产品。一张图可能包含一千个单词的信息量，但你必须知道是哪一千个单词能够代替这张画。

基础元素

字体设计是为各种各样的媒体目的来排列文字的艺术和过程，由许多部分组成。字体风格取决于下面这张图显示的几个要素。

• Type Size字号，也称为大写字母高度，是单词结构中大写字母的整体高度；

• Ascender升部，是指字母中向上的尾部，像h,l,t,b,d,和k；

• Descender降部，是指字母中向下的尾巴，像g,q和y；

• Counter字谷，是指字母内部的空白空间，像o,p；

• X-Height X-字高，指不包含升部和降部的字高；

• 基线是指小写字母所依靠的边界，上图的y,p,g,y 4个字母，它们尾巴所依靠的实线就是基线。

你是否看过段落或广告的字母分得很开或揉成一团，导致很难阅读？有效使用字距和行距能够解决这个问题。

• Kerning字距，是指单词里字母间的间距。如果字距宽，那么所在的单词或行就会显得很长，变得很难阅读。

• Leading行距，是文章中行与行的间距，看到上面那张图，你很快就会意识到行1和行2距离太近了，给人一种空间不足的印象。通过调整每行的间距，可以提高文章的可阅读性，减小压缩感。

对齐方式

你想要如何排列你的文本？是一段正文、标题，或者你需要一个更专业的设计成品？不同的对齐方式会对文本产生不同的影响，甚至可能不小心产生不好的影响。

• 默认的文本写作技巧是用左对齐，这会使文本方便读者阅读。非正式的信件、未发表的手稿和基本段落格式都倾向使用这种方式。

• 居中对齐有吸引注意力的作用，大量用于标题中。报纸标题、书名、报告标题都是居中对齐应用的好例子。

• 右对齐呈现出一种干净清爽的专业视觉效果，在企业的商务信件、返回地址标签、商业卡片和其他庄重的场合上有大量的运用。

• 左右对齐通常应用于报纸出版、课本的正文部分，比较难以设计。这种对齐方式在左右边界都产生完美的对齐，不需考虑实际的字符意思。但它会导致一种称为“追踪”的情况，或者贯穿正文的空白处所产生的“河”的产物。如果这种情况发生了，缓慢减少追踪来纠正错觉。

字体类型

既然我们已经知道如何区别各个元素，确保空间是对的，并且已经决定了想要呈现的图片，那么选择你信息的“样貌”就好比在晚餐的土豆泥上淋上肉汁一样重要。没有肉汁你一样能享受到一顿愉快的晚餐，但如果你想要更好的享受，选择一种合适的肉汁。

• Serif字体在字母尾部有延伸或笔触。Times New Roman是这种字体的一个完美例子。这类字体对长文本更容易阅读，且看起来更古雅。如果你没有特意要选择其他字体，大多数情况多默认选择Times New Roman。

• San-Serif字体在尾部没有延伸或笔触，主要用在标签、标题上。这类字体也很容易阅读，且更有现代感。儿童书籍通常使用这类字体，因为当孩子们在学习字母表时，这类字体更容易辨别。

• Script，符号和装饰性字体，是指所有创造出特定图形或信息的风格类字体。婚礼上喜欢用流线型的Script字体，而儿童生日宴上更倾向使用来自于受欢迎电影中的装饰性字体。

排版建议

无论你选择哪种类型的字体，都应仔细考虑设计的各个细节。这里有一些建议：

• 你选择的字体不应该比文本信息更突出。字体像珠宝精品一样，应该放在最正确的文本中一产生最大化的效果。

• 多种字体混合使用时请谨慎。这像是要混合条纹和格子。不知如何使用时，选择一种更保守的字体，再添加一中特殊字体来吸引注意。

• 在你的排版中保持一致性。如果你在标题上使用了Arial字体，在文章的其他部分也都用这种字体。

• 新闻刊物上的专栏用左右对齐方式会更好。但要确保不会产生“空白河”。

• 使用11或12点的Serif字体能产生最大的可读性。

• 使用斜体或粗体来指出兴趣点或对信息的快速阅览。

• 使用颜色或强调。记住，如果使用得当，红色能有吸引最大的注意力。一点红色就能对一则普通的广告产生生神奇的效果。

PS：

1. 对字体的基础学习，推荐《写给大家看的设计书》，里面讲得比较详细，例子也很多，方便理解。
2. 字距练习的一个网页小游戏：http://type.method.ac/。