为了使用最基本的解释，排版是设计和使用字体作为交流手段。许多人认为排版已经开始与古腾堡和可移动类型的发展，但排版可以追溯到更远。这个设计分支实际上源于手写字体。
排版包括从书法到我们今天在各种网页上看到的数字类型的所有内容。排版艺术还包括类型设计师，他们创建新的字形，然后将其转换为其他设计可以在其作品中使用的字体文件，从印刷作品到上述网站。尽管这些作品可能与众不同，但排版的基础知识都是它们的基础。
排版的要素
如果您曾经与在他的作品中使用排版的网页设计师交谈，您可能已经听过“字体”和/或“字体”这两个术语。许多人可以互换地使用这两个术语，但实际上这两个项目之间存在一些差异。
字体是一系列字体（例如Helvetica Regular，Helvetica Italic，Helvetica Black和Helvetica Bold）。所有不同版本的Helvetica都构成了完整的字体。
字体是指某人在该家族中仅指一种体重或风格时使用的术语（例如Helvetica Bold）。如此多的字体由许多单独的字体组成，所有字体都相似且相关但在某些方面有所不同。某些字体可能只包含单个字体，而其他字体可能包含构成字体的字体的多种变体。
如果这看起来令人困惑，请不要担心，如果有人不是排版专家，他们可能会使用术语“字体”而不管这些术语中的哪一个真正意味着什么，甚至许多专业设计师也可以互换使用这两个术语。除非您正在与纯粹的设计师谈论该工艺的机制，否则您可能会非常安全地使用您喜欢的这两个术语中的任何一个。话虽这么说，如果你确实理解了这种区别并且可以正确使用正确的术语，那绝不是坏事！
字体分类
有时称为“通用字体系列”，这些是基于许多不同字体所属的通用分类的大型字体分组。在网页上，您可能会看到六种类型的字体分类：
- 衬线
- 无衬线字体
- 脚本
- 等宽
- 行草
- 幻想
还有许多其他字体分类是这些分类的分支。例如，“slab serif”字体类似于衬线，但它们都具有可识别的设计，字体上有厚厚的衬线。 Serif和sans-serif是大多数网站上使用的两种最常见的字体分类。
字体解剖学
每种字体都由不同的元素组成，这些元素将其与其他字体区分开来，这被称为字体解剖。除非您专门进入类型设计并寻求创建全新的字体，否则网页设计师通常只需要了解字体术语的基础知识。
在基本层面上，您应该注意的字体解剖元素是“上限”和“x高度”，“下行”和“上升”。
Cap和x-height是字体中大写字母的高度和字母x的高度。它告诉你最大字母的高度，以及大多数小写字母的大小。所有字体都根据这两个特征进行调整。
下降器和上升器是低于和高于x高度线的字母部分。这通常是指小写字母。例如，字母“b”具有上升部分（从字母“向上”伸出的部分），而字母“p”具有下降部分（从字母“向下”倾斜的部分）。
字母间隔
可以在影响排版的字母之间和周围进行一些调整。数字字体的创建具有许多这些特征，在网站上，我们改变字体的这些方面的能力有限。这通常是一件好事，因为显示字体的默认方式通常更可取。
- 字距：各个字母之间的水平空格
- 跟踪：字母组之间的空间
- 领导：类型行之间的垂直空间（这在网站术语中称为行高）
- 测量：文本行的长度
- 对准：可视化地将文本放置在左侧，右侧，居中或对齐的位置
- 连字：字母移动如此紧密，以至于它们的解剖结合在一起，基本上将一个字母流入另一个字母
更多排版元素
排版不仅仅是使用的字体和它们周围的空白。在为任何设计创建良好的印刷系统时，还应该记住一些其他事项：
“连字符号”是在行尾添加连字符（ - ）以帮助防止可读性问题或使理由看起来更好。虽然在印刷文档中常见，但大多数网页设计师忽略连字符并且不在其工作中使用它，因为它不是由Web浏览器自动处理的东西。
“抹布” 是一块文本的不均匀垂直边缘。在关注排版时，您应该整体查看文本块，以确保抹布不会影响设计。如果抹布过于锯齿或不平整，则会影响文本块的可读性并使其分散注意力。这是浏览器根据它如何从一行到另一行包装类型而自动处理的内容。
列末尾的单个单词是一个寡妇，如果它位于新列的顶部，则它是孤儿。 “寡妇”和“孤儿”看起来很糟糕，很难读懂。
让您的文本行在Web浏览器中完美显示是一个艰苦的命题，尤其是当您有一个响应式网站和不同屏幕尺寸的不同显示时。您的目标应该是审查不同大小的网站，以尝试创建最佳外观，同时接受在某些情况下您的内容将有窗口，孤儿或其他不太理想的显示。您的目标应该是尽量减少类型设计的这些方面，同时也要实现您无法实现每个屏幕尺寸和显示的完美。
检查您的排版的步骤
- 仔细选择字体，查看类型的解剖结构以及它所属的类型。
- 如果使用占位符文本构建设计，则在看到设计中的真实文本之前，不要批准最终设计。
- 注意排版的细节，如连字符和破折号。
- 查看每个文本块，就好像它没有任何文字一样。文本在页面上形成了什么形状？确保这些形状向前传递整个页面设计。
