排版不合理導致視覺疲勞，核心癥結在於四大量化指標失控：字間距、行距、段距、單行字數。本文給出通用參考基準，不同網站具體調整，切勿教條主義。

1. 段距：讓呼吸感服務閱讀節奏

段落分隔清晰能降低閱讀壓力。無段距時多段合併為一大塊，威懾用戶。建議：段距 = 1.5~2 倍行高，視覺上形成明顯呼吸區。

2. 單行字數：順應眼球掃視生理極限

過寬（如全屏寬度）導致換行時眼球歸位困難；過窄（如報紙窄欄）導致頻繁換行眼球疲勞。黃金標準：≤ 45 英文字符 / ≤ 30 漢字。此區間內眼球掃視最省力、理解效率最高。

3. 行距：區分行與段的關鍵

• 過緊（< 1.2em）：行與行粘連，識別成本高，極易讀錯行。
• 適中（1.5~1.8em）：行分明、識別性強，閱讀最舒適。
• 過寬（> 2em）：單行清晰但長文連貫性斷裂，段落感消失。一般不超過 2em（兩倍字體高度）。

4. 字間距：微調中的宏觀影響

中文字體通常為等寬，字間距調整需 CSS `letter-spacing` 或字體子集化。建議：0.05~0.1em 正向微調，提升通透感；負值極易導致字形粘連，慎用。

綜合排版基準表

指標	推薦範圍	備註
單行字數	中文 ≤ 30 字 / 英文 ≤ 45 字符	響應式下需動態換行控制
行高	1.5 ~ 1.8em	正文標準；標題可壓縮至 1.2em
段距	1.5 ~ 2 倍行高	視覺呼吸區
字間距	0.05 ~ 0.1em	中文微調；英文視字體而定

落地建議

建立設計系統排版 Token，在 Figma/Sketch/代碼層面統一管理。不同斷點下按比例縮放而非固定像素，確保多設備閱讀體驗一致性。排版細節不迷信參數，但沒有參數做基準，就沒有可迭代的標準。