typography-pairing-guide

**字体搭配操作手册：从准备到自检的完整步骤** --- ### 一、准备阶段 1. **明确设计目标** - 确定项目类型（如海报、网页、品牌手册等）。 - 明确传达的情绪或风格（正式、活泼、简约、复古等）。 2. **了解字体分类** - 掌握常见字体类别：衬线体（Serif）、无衬线体（Sans-serif）、手写体（Script）、装饰体（Display）等。 - 了解各类字体的视觉特征与使用场景。 3. **收集参考案例** - 浏览设计平台（如Behance、Dribbble、Pinterest），收集优秀字体搭配案例。 - 分析其主次关系、字号对比、颜色搭配等细节。 4. **选择基础字体库** - 根据项目需求，预选2–3款候选字体（建议不超过3种）。 - 优先选择支持多字重（Light、Regular、Bold等）的字体，便于后续调整。 5. **检查字体授权** - 确认所选字体是否可用于当前项目（商业/非商业用途）。 - 避免使用未授权字体，防止法律风险。 --- ### 二、执行阶段 6. **确立主字体（Primary Font）** - 选择一款作为标题或核心内容的主字体，体现整体风格。 - 示例：衬线体用于高端品牌，无衬线体用于现代科技感设计。 7. **搭配辅助字体（Secondary Font）** - 选择与主字体形成对比但和谐的第二款字体，用于正文或次要信息。 - 常见组合：衬线 + 无衬线、粗体 + 细体、现代 + 经典。 8. **控制字体数量** - 整个项目最多使用2–3种字体，避免视觉混乱。 - 同一层级内容使用相同字体，保持一致性。 9. **设置字号与层级** - 建立清晰的文字层级：标题 > 副标题 > 正文 > 注释。 - 建议字号比例：标题比正文大1.5–2倍，副标题介于两者之间。 10. **调整字重与间距** - 利用不同字重（如Bold、Regular、Light）强化对比。 - 适当调整行高（Line Height）和字间距（Letter Spacing），提升可读性。 11. **统一颜色与对齐方式** - 字体颜色需与整体配色协调，确保对比度达标（WCAG标准建议正文对比度≥4.5:1）。 - 对齐方式保持一致（左对齐、居中对齐等），避免随意切换。 --- ### 三、自检阶段 12. **检查可读性** - 在不同设备/尺寸下预览，确保文字清晰易读。 - 模拟弱视用户视角，验证对比度是否足够。 13. **验证视觉层次** - 快速扫视设计稿，确认信息层级是否清晰（用户能否一眼抓住重点？）。 - 若需眯眼测试：模糊画面后，仍能识别主要信息结构。 14. **评估风格一致性** - 所有页面/模块的字体使用是否统一？ - 字体风格是否与设计主题匹配？（如儿童产品不宜用严肃衬线体） 15. **获取外部反馈** - 邀请非设计同事或目标用户试看，询问：“你能快速理解内容吗？感觉如何？” - 根据反馈微调字体选择或排版细节。 16. **最终输出前确认** - 检查所有文本是否为可编辑状态（非转曲），便于后续修改。 - 导出前再次核对字体嵌入/替换设置，避免显示异常。 --- ✅ 完成以上步骤后，你的字体搭配将兼具美观性与功能性，可直接落地应用。

存档时间线

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本