文字排版是設計的骨架，也是資訊傳遞的血管。優秀的排版不僅美觀，更能引導視線流向、降低認知負荷、強化品牌調性。本文從選字（字體選擇）、字號（層級體系）、留白（多少與疏密）三大核心維度，系統拆解文字排版的實戰方法論。

一、選字：字體即語氣，適配場景與品牌人格

字體選擇不是「好看不好看」，而是「合不合適」。每款字體自帶性格屬性：

• 無襯線體（黑體、微軟雅黑、PingFang SC）： 現代、理性、清晰、高效。適配科技、互聯網、年輕化品牌、移動端界面。
• 襯線體（宋體、思源宋體、Times New Roman）： 傳統、權威、優雅、閱讀舒適。適配長文閱讀、出版、高端奢侈品、文化藝術類。
• 手寫/顯示類字體： 情感化、個性化、裝飾性強。僅用於標題、強調、品牌 Logo、節日營銷等點綴場景，切忌大面積正文使用。

實戰原則：

1. 全項目限用 2-3 款字體： 主標題、副標題、正文各司其職，避免視覺混亂。
2. 跨平台兼容性優先： 優先選用系統預裝或 Web 安全字體，或採用字體子集化/雲端字體方案。
3. 中英混排協調： 中文字體需搭配對應風格的英文字體（如 PingFang SC + San Francisco / Helvetica Neue），確保字重、x-height、基線對齊協調。

二、字號：建立清晰的視覺層級體系

字號階梯是閱讀導航的路標。無層級即無重點，弱層級即干擾閱讀。建立標準化字號體系（以 16px 正文為基準）：

層級	用途	建議字號	字重	行高
H1	頁面主標題	32-48px	Bold/Heavy	1.2-1.3
H2	一級章節標題	24-28px	Bold	1.3-1.4
H3	二級章節標題	20-22px	Medium/Bold	1.4
Body	正文內容	16px	Regular	1.6-1.8
Small	輔助說明/時間/標籤	12-14px	Regular	1.5

關鍵細節：

• 跳躍感： 相鄰層級字號差 ≥ 4px，確保視覺區隔度。
• 行高呼應： 字號越大行高越小，字號越小行高越大，保持垂直節奏感。
• 響應式適配： 移動端適當壓縮標題字號（H1 28-32px），正文不低於 15px。

三、留白：呼吸感與節奏感的空間藝術

留白不是「空著」，是主動設計的負空間。它決定內容的疏密關係、視線流動路徑、情緒張力節奏。

1. 宏觀留白：模組間距與頁邊距

• 區塊間距 ≥ 2 倍正文行高（≥ 48px），模組間視覺分離明確。
• 頁邊距移動端 ≥ 24px，桌面端 ≥ 40px，給內容「落腳點」。
• 卡片/容器內邊距 ≥ 16px，避免內容貼邊產生壓迫感。

2. 微觀留白：行間距、字間距、段落間距

• 行高 1.6-1.8 倍字號，中文閱讀最舒適區間。
• 字間距（letter-spacing）正文 0，標題可適當拉大 0.5-1px 增強呼吸感。
• 段落間距 = 1 倍行高（約 1.6em），語義分段清晰可辨。

3. 動態留白：交互狀態下的空間變化

Hover、Focus、Loading、Empty 狀態下，留白的變化（展開/收合/騰挪）能提供極佳的交互反饋與情緒緩衝。

總結：排版是為內容服務的隱形設計

選字定調性，字號立骨架，留白賦呼吸。三者相輔相成，共同構建「易掃描、易閱讀、易理解、有美感」的文字體驗。下次動手排版前，先問自己三個問題：這字體配得上內容嗎？層級清楚嗎？呼吸舒服嗎？ 答案在心中，版面自然在指尖流淌。