先看清 Typescale 解决什么问题
Typescale 是在线排版工具,可设置基础字号、比例、字体、行高、字距、颜色和响应断点,并预览标题与正文层级、导出 CSS。
从正文 16 或 18 像素和温和比例开始,在真实中文长句上查看换行;不要只看英文展示词。 与只看首页宣传相比,先用一份自己熟悉的材料或一个可回退的小任务试用,更容易判断结果是否真的节省时间。
我会这样开始使用 Typescale
建立正文、H1 到 H4 和小字层级,复制 CSS 到测试页;检查 320 像素手机、桌面宽屏和系统字体放大。
- 设置基础字号与比例尺
- 预览标题正文和响应断点
- 调整字体、行高与颜色
- 可生成并导出 CSS 规则
完成第一轮后,建议保留输入、输出和人工修改量。能重复得到可用结果,才说明它适合进入固定流程;只在演示样例中表现漂亮,还不足以替代原来的方法。
Typescale 的能力边界不能忽略
数学比例只是起点,中文字符密度、按钮空间和无障碍要求可能需要人工修正。部分保存与高级功能可能涉及账号或付费。
网页服务的免费额度、功能和数据处理方式都可能调整,桌面及开源项目也会改变兼容范围。正式依赖前应查看官网文档、版本说明与许可证,重要文件继续保留本地副本和可恢复的原始版本。
是否值得长期保留 Typescale
适合设计系统和网页原型阶段;已有成熟组件库时,应优先遵循现有排版令牌而不是另建一套。
这类工具最合理的评价标准不是功能数量,而是能否稳定完成目标、让下一步更顺畅。先解决一个高频问题,再决定是否注册、付费或自托管,通常比一开始迁移全部工作流更稳妥。
