F4.12.1tracking tightness and word integrity设计

字距过紧会使字符粘连,过松会割裂词的完整性

别名: 字距 · tracking · 字符粘连

概念解释

字距(tracking)是一串字母之间统一加减的间距,不是某两个字形之间的单独微调(那是 kerning)。收太紧,相邻字母的内白贴在一起,rn 会合成 m,词还在,字母已经认错。放太松,词内间距逼近词间空格,一串字母不再被看成一个词,而像一排独立符号。可辨和成词是同一条轴的两端,不是两件无关的事。

机制

拉丁词的知觉单位靠两类空隙分工:字母之间的空隙小,词与词之间的空隙大。视觉系统用这个比值把连续笔画切成词。字距是在全体字母之间乘一个系数,它同时推动这个比值。系数为负,字母内白合并,混淆对(il、rn、cl)先倒;系数过大,词内空隙爬向词间空格,分词线索淡掉,阅读从认词变成数字母。字偶距只处理个别冲突对(AV、To),救不了整串被统一加宽或加窄。等宽字体的字距问题更隐蔽:格子一样宽,并不等于视觉空隙均匀,W 和 i 的内白差会被统一 tracking 放大。

边界

标题里为了做版式,故意把字距拉到「不成词」是图形设计,不是段落阅读;把它当正文策略会失败。连写的阿拉伯文、有标点占位的泰文,空隙结构与拉丁不同,松紧阈值不能搬。屏幕像素格会把小于一像素的字距变化吃掉,同样的数值在印刷上看得见、在低分屏上等于没动。用户缩放之后,曾经刚好的字距会按字号比例变,小字上「略松」的设置放大后可能已经裂词。

怎么落地

  • 正文跟踪默认跟字体走,不在段落样式上叠一层全局加宽或加窄。
  • 把容易粘连的词(million、clarity、rn 组合)放到目标字号下看:内白是否并成另一个字母,词是否还是一块。
  • 松紧只按用途微调:标题可略收,小字可略放;同一条数值禁止同时套在标题和正文上。

延伸

  • 同组F4.12.2 中文字距通常无需额外调整,默认字身间距已含视觉间隙 · F4.12.3 全部大写或小字号场景需要适度增加字距以维持可辨 · F4.12.4 词距不均匀的两端对齐会在西文段落中产生视觉空洞
  • 相邻F4.08 易读性与易辨性 · F4.05 对齐方式
  • 站内检索tracking · kerning · letter-spacing

同组卡片

快捷操作

分享

分享当前页面

ios_share

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