5 min read
一个很全的字体设计教程
设计师们，无论是平面设计师、还是网页、UI 设计师，都会跟字体打交道，那么里面的原理是否有所了解呢？偶然看到国外的一个教程，觉得非常全面和系统，我将带大家看看字体设计背后的原理，有些是非常理性的，值得大家学习。当然，因为是老外出的视频，主要是针对英文的字体设计，中文字体也可以参考里面的原理。
教程偏基础，设计大师们也不妨温度而知新~
文字版
概述
排版远比大多数人想象的要复杂得多。虽然我们从小学就开始接触排版，但事实证明，有无数种方法可以操控字母，微小的变化可能会产生巨大的影响。在这篇设计课《排版基础 101》中，你将学习字体的基本原理，以便在个人生活或商业活动中成为排版专家。通过学习不同类型的字体及其应用，你将能够从新的视角看待任何网站、广告牌或标志。
什么是排版？
排版是安排文字以使其既清晰又美观的艺术与科学。排版的基本构成单元是字符，设计师通过操控字符的不同部分来创造不同的字体。当我们使用某种字体中的特定字符组合时，这被称为字体。选择合适的字体至关重要，因为在任何设计中，我们大部分的视觉注意力都集中在文字上。
不同类型的字体
1. 衬线字体（Serif Fonts）
衬线字体因其周围有被称为衬线的小装饰线条而得名。衬线字体的历史可以追溯到古腾堡的印刷机。这些字体最初是为了简化华丽的手写书法而发明的。衬线字体给人以传统、稳定和持久价值的感觉，因此常用于银行、珠宝商和律师的标志和设计中。不过，如果你在设计现代或有趣的东西，应避免使用这些字体。
2. 无衬线字体（Sans Serif Fonts）
无衬线字体在法语中意为“没有衬线”。
无衬线字体通常感觉更现代，因为现代文化常常试图去除浮华和不必要的装饰。无衬线字体不仅通用性强，而且内部变化性大，适合用于多种场景。它们通常比衬线字体更易读，因此常用于包装、路标、车牌、键帽和广告牌等。
3. 展示字体（Display Typefaces）
展示字体设计得独特，适合用于标志、标题或标题。
它们可以是衬线体、无衬线体，由奇怪的符号组成，或任何你想要的样式。展示字体不适合用于段落、按钮或标签，但可以让你的小段文字脱颖而出。
4. 手写体（Script Typefaces）
手写体设计得像老式书法，给人以美丽、优雅且永恒的感觉。手写体不要与手写字体混淆，手写字体是由设计师用自己的手写风格打印出来的字母，通常显得更活泼而不那么优雅。
5. 等宽字体（Monospace Typefaces）
等宽字体中，每个字符占据的空间完全相同。等宽字体在计算机世界中常用于编写代码，因为这样可以更容易地浏览成千上万行代码。
排版的重要变量
- 大小（Size）
- 点（Point）是排版中的默认度量单位，12 点等于 1 英寸。
- 像素（Pixel）在屏幕设计中常用，一个像素等于 0.75 点。
- EM 和 REM 是数字设计中常用的尺寸单位，1 EM 等于 16 像素（默认字体大小）。
-
粗细（Weight）
- 粗体字更能吸引视觉注意力，通常用于标题和按钮。
- 细体字在小尺寸下更容易阅读，适合用于段落和标签。
-
行高（Line Height）
- 行高是从基线到基线测量的，调整行高可以提高不同尺寸文字的可读性。
- 一般而言，行高与字体大小成反比，大标题行高接近文本大小，小段落行高为 1.5 倍。
- 字距（Letter Spacing）
- 字距也与字体大小成反比，大文本字距较近，小文本字距较远。
- 调整字距可以显著提高可读性和设计的美观度。
- 对比度（Contrast）
- 对比度是指排版与背景之间的颜色差异，高对比度的文本更容易阅读。
- 使用对比度计算器确保文本在不同尺寸下都是可读的。
排版系统
建立排版系统可以使整个设计看起来干净、一致，并且创建新的文本部分就像拼搭乐高积木一样简单。排版系统的基础是排版层次结构，分为标题、段落、按钮和标签四个类别。设计时，每个类别应有明确的规则，以确保设计易于阅读和导航。
网格和间距
使用网格系统可以确保文本元素之间的间距一致。在网页设计中，通常使用 12 列网格，而在印刷品中，通常每页有两栏。报纸采用六栏网格，杂志使用三栏网格，海报设计常围绕黄金比例进行。
最后
通过学习排版的基本原理和不同类型的字体，你可以大大提升你的设计水平。排版不仅关乎美学，还关乎可读性和用户友好性。希望这篇文章能帮助你在个人生活或商业活动中成为排版专家，让设计从此与众不同。
视频版
更多 AI 辅助设计和设计灵感趋势，请关注公众号（设计小站）：sjxz 00。