Appearance
字重与字距
字重和字距直接影响字体的可读性和美观度,是字体设计的关键技术指标。
字重(Weight)
什么是字重?
字重指笔画的粗细程度,影响字体的视觉重量感。
常见字重分类
| 英文名称 | 中文名称 | 粗细值 | 适用场景 |
|---|---|---|---|
| Thin | 极细 | 100 | 大标题、艺术设计 |
| Light | 细体 | 300 | 副标题、优雅场景 |
| Regular | 常规 | 400 | 正文首选 |
| Medium | 中等 | 500 | 小标题 |
| Bold | 粗体 | 700 | 强调、标题 |
| Black | 超粗 | 900 | 海报、醒目标题 |
字重设计要点
1. 横竖比例
不同字重的横竖粗细比例不同:
Light: 横:竖 = 1:1.2
Regular: 横:竖 = 1:1.15
Bold: 横:竖 = 1:1.1常见错误
不能简单地放大缩小Regular来制作Bold,要单独设计!
2. 字怀调整
字重增加时,字内空间(字怀)会变小:
Regular: 字怀正常
Bold: 字怀要增大,否则会糊解决方法:
- Bold版本要减少笔画间距
- 或增大字面(整体放大)
3. 视觉一致性
不同字重的字要保持家族感:
好:风格一致,只是粗细变化
差:Bold看起来像另一款字体字距(Kerning & Tracking)
字距的两个概念
1. Tracking(字间距)
整体字符间距,影响密度。
紧凑:字体制作教程
正常:字 体 制 作 教 程
宽松:字 体 制 作 教 程2. Kerning(字偶距)
特定字符对之间的微调。
未调整:A V (间距过大)
已调整:AV (视觉协调)字距设计原则
原则 1:视觉平衡优先
不是数值相等,而是视觉上看起来相等。
"川"字三竖:
物理间距:不相等
视觉间距:看起来相等原则 2:根据字重调整
Light: 字距可以稍宽
Regular: 字距标准
Bold: 字距要紧凑(否则松散)原则 3:根据用途调整
标题:字距可以紧凑些(显得有力)
正文:字距要适中(利于阅读)字距调整实战
步骤 1:设置默认字距
在字体软件中设置左右边距(Side Bearings):
左边距:字形宽度的 10-15%
右边距:字形宽度的 10-15%步骤 2:测试常用组合
将字体应用到真实文本,观察:
测试文本示例:
字体制作教程
波澜壮阔的大海
TYPOGRAPHY步骤 3:微调问题字对
找出视觉间距不协调的字对,单独调整。
中文常见问题组合:
- "口"旁的字 + 窄字
- "门"字框 + 宽字
- 撇捺舒展的字 + 紧凑字
字重与字距的关系
核心规律
字重越大 → 字距要越小
字重越小 → 字距可以越大原因:
- 粗字视觉重量大,间距大会显得松散
- 细字视觉重量小,间距紧会显得拥挤
黄金配比参考
| 字重 | 建议字距(相对值) |
|---|---|
| Light | 120% |
| Regular | 100% |
| Bold | 85% |
| Black | 75% |
实战工具
FontForge 中设置字距
1. Metrics → Set Width
2. Metrics → Auto Kern
3. Manually adjust problematic pairsGlyphs 中设置字距
1. 打开 Metrics 视图
2. 输入测试文本
3. 拖动调整左右边距
4. 使用 Kerning 功能微调常见问题
问题 1:字距看起来不均匀
原因: 只关注物理间距,忽略视觉平衡
解决:
- 眯眼观察法(模糊视觉,看整体)
- 打印出来观察
- 倒置观察(减少文字干扰)
问题 2:加粗后字形糊了
原因: 字怀没有相应调整
解决:
- Bold版本要增大字怀
- 减少内部笔画数量
- 整体放大字面
问题 3:不同尺寸显示效果不一致
原因: 没有针对尺寸优化
解决:
- 小字号:字距稍宽,笔画稍粗
- 大字号:字距可紧,细节更多
- 考虑做多个 Master(进阶)
测试方法
测试 1:打印测试
打印 14pt、18pt、24pt 三个尺寸
观察可读性和美观度测试 2:屏幕测试
在不同设备查看:
- 手机屏幕
- 电脑显示器
- 投影仪测试 3:灰度测试
将字体转为灰度图
观察密度是否均匀测试 4:倒置测试
把文本倒过来看
消除文字意义的干扰
纯粹观察视觉间距进阶技巧
技巧 1:光学校正
某些字符需要视觉补偿:
"O" 要比 "H" 略大
"T" 下方空间要略缩进
三角形要比方形大一点技巧 2:动态字距
根据前后字符自动调整(OpenType Feature)
技巧 3:多Master设计
为不同尺寸设计不同版本:
- Display(大尺寸)
- Text(正文)
- Caption(小字)
下一步
掌握设计基础后,进入手写样本准备,开始实战制作!
持续更新
后续会增加字重设计对比案例和字距调整视频教程!