做版式时,真正拖慢效率的往往不是“不会排版”,而是缺少一套稳定的检查与预检流程:网格是否一致、间距是否成体系、对齐是否靠谱、字号与行高是否可读、对比度是否达标、导出前是否有遗漏。下面这份清单把常用的排版与版式检查工具按“能解决什么问题”整理出来,你可以按项目需要组合使用。
免费商用:在线生成字体比例与层级参考,适合快速确定标题/正文的字号梯度与行高区间。
免费商用:输入基准字号与比例,得到一组可复用的字号序列,便于做统一的排版规范。
工具地址:https://www.modularscale.com/
免费商用:可视化预览基线与节奏(rhythm),帮助你在正文排版里做出更稳的行高与段距。
工具地址:https://www.gridlover.net/
需看协议:用于把字体尺寸与行高关系换算成更直观的数值,适合做“字号-行高”对照表。
工具地址:https://www.canva.com/learn/line-height/
免费商用:输入前景/背景色即可得到 WCAG 对比度结果,做无障碍与可读性验证非常高效。
工具地址:https://webaim.org/resources/contrastchecker/
免费商用:除了对比度结果,还会给出更接近可达标的替代色,适合做设计系统色板微调。
工具地址:https://accessible-colors.com/
免费商用:大量开源字体可直接用于商用项目(仍建议逐个查看授权条款),适合做“备选字体库”。
工具地址:https://fonts.google.com/
需看协议:快速得到标题/正文的字体搭配灵感,适合做初稿探索与方向对比。
工具地址:https://fontjoy.com/
需看协议:提供常见字体组合与示例页面,适合在有限时间里选到“稳妥不出错”的组合。
工具地址:https://fontpair.co/
免费商用:把从 PDF/网页复制过来的“脏文本”快速清理成连续段落,减少排版前的整理成本。
工具地址:https://www.textfixer.com/tools/remove-line-breaks.php
免费商用:图标类素材导出前做一次结构清理与压缩,能减少渲染问题,也能让交付更干净。
工具地址:https://jakearchibald.github.io/svgomg/
需看协议:在设计阶段用布局网格、自动布局与组件约束把“对齐与间距”固化成规则,减少后期返工。