Week 03 · Putting Type to Work字体的运用
The Grid网格
网格在排版中的作用
在排版设计中，网格（Grid）是一个帮助构建结构的强大工具。通过为页面或屏幕的空间定义一个结构，并将设计元素与这个结构对齐，可以让你的排版作品显得更加精致和统一。
网格的历史与传统
从印刷的最早时期开始，人们就使用各种形式的网格来组织排版元素。以下是几个历史上的例子：
- 传统的中文手稿：在古代中国手稿中，文字通常按等宽列排列，每个字符在列中占据一个完美的正方形空间。
- 中世纪欧洲的书籍：在中世纪，书籍的页面布局往往使用黄金比例（Golden Ratio）来定义边距，这是一种特殊的数学比例。抄写员和排版工人常常使用线条系统来测量这些边距，从而创造出具有动态感的排版效果，而非静态的布局。
黄金比例：黄金比例大约为 1.618，它在20世纪的排版设计中仍然具有重要影响。
现代排版中的网格应用
简·奇科尔德的影响
德国排版师 Jan Tschichold（简·奇科尔德）在1920年代提倡使用无衬线字体（Sans Serif），并受到中世纪手稿的启发，常常将黄金比例应用到他的排版作品中。比如，他在1938年的一张海报中，就将排版元素与黄金比例所定义的结构关系进行了精心安排。
新图形运动中的网格
在20世纪中期，瑞士的Neue Grafik（新图形）设计运动的设计师们，进一步完善了网格的使用，创造了高度组织化的视觉结构。以下是Josef Müller-Brockmann 在1955年设计的一张海报，以及《Neue Grafik》出版物中的一页排版。
定义和使用网格可以帮助您创作出视觉上精致的构图。网格在出版物中特别有用，可以帮助每个版面看起来像属于下一个版面一样。
经典页面网格的元素
1. 边距（Margins）
边距定义了页面的主要打印区域的边界。特别是在为书籍设置边距时，要记住内侧边距与书脊相关。因此，依据装订方式，内侧边距应当设置得较为宽松。
2. 悬挂线（Hang Line）
某些布局会使用悬挂线，即页面上的某个点，通常是文本或新章节的开始位置。
3. 多列布局
大格式的出版物通常使用多列排版，以确保行长保持适中。
这些列可以进一步细分，以便设计师灵活地创建不同宽度的文本块，某些文本块甚至可以跨越多个列。
| 网格元素 | 说明 |
|---|---|
| 边距 | 定义页面的打印区域边界 |
| 悬挂线 | 用于标示章节或段落起始 |
| 列 | 通过多列布局调整行长 |
| 栏间距（Gutter） | 使列之间保持适当距离 |
4. 栏间距（Gutter）
栏与栏之间的空隙称为栏间距，通常设置为行间距的大小，以确保列之间的视觉分隔清晰。
5. 基线网格（Baseline Grid）
基线网格可用于确保文本行和相邻列在不同页面上的对齐。基线网格的间隔由字体的行间距（Leading）决定。
网格在现代网页设计中的应用
在今天的网页设计中，网格几乎无处不在。例如，CSS（层叠样式表）中经常内置了网格系统。一种常见的网页网格系统，比如在Grid Systems网站上使用的网格，宽度为 960像素，并且可以划分为6、12或16列。
网格的使用技巧与注意事项
网格是一个非常有用的工具，但如果使用不当或者过度依赖，它也可能限制你的创作空间。因此，推荐在开始创作时先不使用网格，先尝试自由布局，等你确定了设计的方向后，再回头使用网格来帮助细化对齐与保持间距的一致性。
重要提示：
并不是所有设计中都需要网格。在某些情况下，网格可能并不必要，甚至可能不适用。设计时要根据实际需求灵活选择。
结语：网格的平衡之道
通过巧妙使用网格，设计师能够创建既精致又具有条理感的排版作品。网格不仅仅是一个结构工具，它还帮助设计师更好地掌控视觉层次与元素的布局关系。掌握好网格的使用，可以让你的排版作品更加专业和统一。