F4.12.3tracking for caps and small type设计

全部大写或小字号场景需要适度增加字距以维持可辨

别名: 大写字距 · 小字号 tracking · caps tracking

概念解释

字体出厂的字距按小写正文校准。换成全大写,字母变成一排等高的方块,默认缝显得不够,相邻竖笔容易并成一条黑带。字号掉到注释、角标那一档,同一条缝按像素算更窄,抗锯齿再一糊,辨识先垮。大写与小字要加一点字距(tracking for caps and small type)是给这两类例外开缝,不是把正文也放松。

机制

大写字母的外轮廓更满,尤其是 H、I、M、N 这类竖笔密集的,出厂边距按小写 x 高度留,套到大写上偏紧。加一点正 tracking,让竖笔之间重新出现可分的白。小字号则是分辨率问题:缝宽按 em 的分数计,字号一降,分数掉进亚像素,栅格把缝吃掉。略微加缝等于把那条白边抬回整像素附近。这两件事看起来都是「加字距」,原因不同:一个是字形覆盖率变了,一个是像素配额变了。用同一数值去套大标题全大写和 10 像素注释,会一个过松、一个仍糊。

边界

中文小字加缝是为了笔画分开,幅度通常小于西文全大写所需;不要把西文 caps tracking 抄到汉字上。真正的小型大写(small caps)是单独的字形,不是把大写缩小,出厂边距已经按小型大写调过,再叠加 letter-spacing 容易过。用户放大字号之后,为小字准备的加缝会一起被放大,变成裂词,所以这层 tracking 应绑在「小字号档位」上,而不是绑在组件上永不摘掉。

怎么落地

  • 全大写标签单独设一档略开的字距,正文小写不要继承。
  • 把目标字体的注释字号打在深色和浅色背景上,看 H、M、数字 8 的内白是否还能分开;分开失败再加缝,而不是先加一圈保险字距。
  • 字号档位切换时撤掉小字专用 tracking,避免它被带到大字标题里。

延伸

  • 同组F4.12.1 字距过紧会使字符粘连,过松会割裂词的完整性 · F4.12.2 中文字距通常无需额外调整,默认字身间距已含视觉间隙 · F4.12.4 词距不均匀的两端对齐会在西文段落中产生视觉空洞
  • 相邻F4.11 全大写文本 · F4.07 字体选择
  • 站内检索caps tracking · small type letter-spacing · legibility tracking

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F4.12.3