易辨性

一句話定義

排版的 micro 層——一個字體中的字母彼此能多輕易被分辨;屬於「字體層」的決策,先於整段排版的 易讀性 處理。

核心要點

五個檢核維度

#維度經驗法則
1X 高度(X-height)大小寫字母比例越大可讀性越高;小寫字母佔閱讀內容 95%
2字腔(Counters)字母內部空白(o / u / d 的內空間)越大越易分辨
3字重(Weight)較輕字體通常比重字體易辨;不能因加粗破壞字形
4寬比例(Wide Proportion)寬字符比壓縮字符可讀性高
5字距(Letter Spacing)文字越大、字距應該越小;UI 上主要對標題手調

兩個量化經驗法則

  • 筆劃粗細:「最佳文字筆劃粗細約為 x-height 的 18%」——超過會破壞字形、低於會在小尺寸消失
  • 字距與字級反比:大字級需更小字距(標題手動 tracking 收緊)

反模式(避坑)

  • I / l / 1 分不出來的字體——小型顯示器情境下必須避開
  • 過度凝練的 condensed 字體用於正文——降低 X 高度與字腔可辨識空間
  • 以加粗代替字級提升做強調——破壞字形、降低易辨性

何時「易辨性 > 易讀性」優先

兩條軸的處理順序:先 Legibility,再 Readability。字母本身分不出來時,整段排版再用力都救不回來。

  • 介面有大量數字 / 代碼 / 表格時(避免 0 / O / o 混淆)
  • 多語系混排 / 特殊符號使用情境(必須先確認字體支援度)
  • 小尺寸正文(< 14px)或低對比顏色組合
  • 視覺障礙 / 高齡使用者為主要受眾時

與其他概念的關係

  • 易讀性:本頁是 micro typography(字母層)/ 易讀性是 macro typography(段落層);同屬 排版 umbrella 下的兩條軸
  • 排版:本頁是 排版 的 sub-concept
  • 履歷設計:「字型保守可靠 + 字級 + 中英混排可讀性」對應 X 高度 / 字腔 / 寬比例三個維度
  • 使用者研究:使用者所在裝置(解析度 / 像素密度)/ 環境光(戶外 vs 室內)/ 視力狀態決定 Legibility 門檻——研究結果應該驅動字體選擇而非反過來

相關來源

備註

本頁聚焦字體層的可分辨性,不涉及字型授權、字型版本管理、Variable Fonts 等實作層議題(會在 排版 頁的「未來累積方向」累積)。

中文 / CJK 易辨性的常見議題(筆劃複雜度 vs X 高度的對應關係 / 部首辨識 / 簡繁體在小尺寸的差異)尚未進入 vault;待中文字型專題來源 ingest 後補入。