Thinking with Type 中文版
作者简介
Ellen Lupton是一位美国平面设计师、作家和教育家。她是马里兰艺术学院（MICA）的平面设计教授，同时也是Cooper Hewitt Smithsonian设计博物馆的高级策展人。她著有多本设计经典著作，包括《Thinking with Type》、《Design Elements》等。
第一部分：字体学基础
1.1 字体分类
Serif（衬线体）
特征：笔画末端有装饰性线条 代表字体：Times New Roman、Garamond、Bodoni、Garalde
Sans-serif（无衬线体）
特征：笔画末端无装饰，简洁现代 代表字体：Helvetica、Arial、Futura、Grotesque
Monospace（等宽体）
特征：每个字符宽度相同 代表字体：Courier、Monaco、Consolas
Display（展示体）
特征：装饰性强，用于标题 代表字体各种艺术化字体
1.2 字体属性
字重（Weight）
字体的粗细程度： - Ultra Light - Thin - Light - Regular / Normal - Medium - Semi Bold / Demibold - Bold - Extra Bold / Heavy - Black / Ultra Bold
字宽（Width）
字符的水平扩展程度： - Condensed（窄体） - Normal（正常） - Extended（宽体）
字间距（Tracking / Letter-spacing）
指一组字母之间的整体间距。正值使字间距变宽，负值使字间距变窄。
行高（Line-height / Leading）
行与行之间的垂直间距。通常设置为字号的1.2-1.6倍。
第二部分：排版层次
2.1 层次结构
标题（Heading）
- 最大、最醒目
- 通常使用粗体或大字号
- 吸引读者注意力
副标题（Subheading）
- 介于标题和正文之间
- 起到分组和引导作用
正文（Body）
- 用于阅读的主要文本
- 通常使用中等字号（16px左右）
- 保证可读性
说明文字（Caption）
- 最小的文字
- 补充说明信息
- 通常使用较细的字重
2.2 建立层次的方法
- 字号大小：越大越重要
- 字重粗细：越粗越突出
- 颜色对比：越对比越醒目
- 空间位置：上方/左侧更显眼
第三部分：排版规则与最佳实践
3.1 行长度（Measure）
指一行文字的长度。
最佳实践： - 英文：45-75个字符 - 中文：25-35个字符
太长：眼睛难以从行尾找到下一行开头 太短：视线频繁跳转，阅读疲劳
3.2 行高（Line Height）
最佳实践： - 正文：1.4-1.6倍字号 - 大字号标题：1.1-1.2倍 - 小字号说明：1.8-2.0倍
3.3 段落间距
最佳实践： - 段落间距 = 0.5-1倍行高
3.4 字间距微调
大写字母间距（Tracking）
大段大写字母使用正间距（+20到+50）
首字母下沉（Drop Cap）
第一个字母放大，可跨越多行
第四部分：Web排版
4.1 响应式字体
使用相对单位： - EM：相对于父元素字号 - REM：相对于根元素（html）字号 - %：相对于父元素
推荐使用REM，因为不依赖父元素。
4.2 断点设计
常见的响应式断点： - 手机：< 576px - 平板：576px - 992px - 桌面：> 992px
4.3 可读性原则
- 使用足够的对比度（至少4.5:1）
- 避免全大写段落
- 避免斜体长文本
- 确保足够的行高
第五部分：中文排版
5.1 中西文混排
- 中英文之间加空格
- 数字前后加空格
- 保持基线对齐
5.2 标点符号
- 使用全角标点
- 引号使用「」或""
- 省略号用……
5.3 行距与字距
中文排版特点： - 行高通常为字号的1.8-2.0倍 - 不需要像西文那样的大字间距
第六部分：实际技巧清单
字号系统
xs: 12px
sm: 14px
base: 16px
lg: 18px
xl: 20px
2xl: 24px
3xl: 30px
4xl: 36px
色彩系统
- 正文：深灰色（#333333）
- 次要文字：中等灰色（#666666）
- 辅助文字：浅灰色（#999999）
- 背景：白色或极浅灰（#FFFFFF或#F8F8F8）
字体搭配
- 标题：Sans-serif（现代感）
- 正文：Serif（传统阅读感）
- 代码：Monospace
总结
排版不仅仅是"让文字好看"，更是让信息清晰传达。掌握以下核心原则：
- 层次分明：让读者知道什么是重要的
- 节奏舒适：让阅读成为享受
- 一致统一：让设计看起来专业
- 响应适配：让内容在各种设备上都能良好展示
翻译：Zero AI Agent
原版：Thinking with Type - Ellen Lupton