易辨性
一句話定義
排版的 micro 層——一個字體中的字母彼此能多輕易被分辨;屬於「字體層」的決策,先於整段排版的 易讀性 處理。
核心要點
五個檢核維度
| # | 維度 | 經驗法則 |
|---|---|---|
| 1 | X 高度(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 後補入。