萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

優化文字閱讀體驗:單行字數黃金法則與網頁實作指南

文字閱讀體驗優化

譯者序

直接切入核心:提升文字可讀性的關鍵,在於控制每行承載的字元數。這不只是版面寬度問題,更是易讀性核心。

經典研究與建議區間

  • E. Ruder《Typographie》建議:每行 50–60 字元(含空格)最佳。
  • 其他研究:不超過 75 字元/行仍可接受。
  • 中文建議:每行 35–45 個漢字(14px 基準)。

過長與過短的副作用

狀況負面影響
行文過長眼球難聚焦、段落起止不明、換行易丟失閱讀位置(走神找不到行)
行文過短眼睛頻繁掃視破壞節奏、產生緊張感、重要詞彙易被跳過

心理機制:行首注意力最高,隨行文推進逐漸遞減(Ruder)。適當行長能持續激勵讀者完成閱讀。

網頁實作:如何鎖定最佳行長

  • 使用 em 或 px 固定容器寬度(em 彈性佳但較複雜)。
  • 拒絕「流式佈局」:螢幕解析度千差萬別,流式會導致行長忽寬忽窄,強迫用戶調整視窗才能舒適閱讀。

實例:baymard.com

  • 字體:17px Arial
  • 文章容器寬度:504px
  • 實測每行 ≈ 65 字元,落在黃金區間

延伸閱讀

本文編譯自 UCD 翻譯小組(波希米亞),原作者 Christian Holst,轉載請保留出處。

copyright © 萬盛學電腦網 all rights reserved