字型搭配
一句話定義
在同一設計中組合多種字體時的決策——和諧 / 對比 / 避免突兀三原則 + 數量控制 2–3 種,目的是建立層級而非展示多元。
核心要點
三原則(socialMORE 整理)
| 原則 | 說明 | 反例 |
|---|---|---|
| 和諧 | 字體之間有共通的視覺基因(粗細 / 比例 / 風格年代) | 古典襯線 + 賽博龐克裝飾字 |
| 對比 | 標題與內文有明顯差異(字級 / 字重 / 字形) | 標題與內文用同一字型同字級 |
| 避免突兀 | 沒有任何字體跳脫整體調性 | 整體現代風但出現一個書法字 |
→ 三原則同時滿足:同類字體之間和諧 + 不同層級之間對比 + 整體無異物感
中英混排 5 原則
「最基本的就是襯線體配襯線體,無襯線體配無襯線體」(socialMORE)
| # | 原則 | 操作建議 |
|---|---|---|
| 1 | 統一字形和結構 | 中英都選襯線(明體 + Serif)或都選無襯線(黑體 + Sans-Serif) |
| 2 | 字體大小和諧 | 中英文比例需考慮——中文視覺較滿,英文視覺較疏;常見比例:中 38pt / 英 13pt |
| 3 | 清晰的目標對象 | 中英其中一種應為主、另一種為輔;不要兩語並重 |
| 4 | 注意閱讀舒適度 | 字體尺寸 / 字間距 / 行間距三者一起調 |
| 5 | 審核設計 | 印出來看 / 縮放看 / 黑白看,從讀者角度檢查 |
三個元命題
- 數量上限 2–3 種——多了視覺凌亂、層級失效;標題 + 內文 + 強調夠用
- 初學者底線:2026-05-01-簡報懶人包 給出更嚴格的版本「不要使用超過兩種字體」——當使用者尚未掌握三字體的協調感時,2 字體(標題 + 內文)是更安全的起點;本頁 SM 設計總整合來源的 2–3 是熟練後的擴展上限
- 簡報場景的更嚴格版本:2026-05-09-60分鐘打造質感簡報-關鍵第一步 建議「一份簡報通常一種字體」;簡報觀看時間短、換頁頻繁,字體不斷改變會讓觀眾覺得像不同份簡報,也增加重新適應成本。此時層級優先用字級、字重、顏色與間距處理,而不是一直換字體。
- 層級用「字重 + 字級 + 字距」三個槓桿比換字型有效——換字型應該保留給最主要的對比
- 中英混排是設計能力的試金石——中文視覺密度大、英文視覺密度小;天然不平衡,需要主動處理
反模式(補強):新細明體當標題
「新細明體本來是被設計於閱讀內文,因為筆畫纖細而能在字小的情況下維持閱讀上的清爽。後來文字在數位化被放大成標題、副標等,超出他原本設計的範圍,導致他使用在標題或放大的字體時變的非常細而且難看。」(2026-05-01-簡報懶人包 p.21)
→ 字體有應用範圍——選字時要考慮字體被設計給多大字級用;違反字體原始設計範圍會引入「醜的副作用」。詳見 中文字體類型 的「字體應用範圍」軸。
工具集(外掛 / 網站)
- Font in Use(fontsinuse.com):搜尋字型在實際作品中的應用
- Fontjoy(fontjoy.com):隨機產生字型配對 + 滑桿調對比度
- Font Pair(fontpair.co):Google Font 免費配對(按 Sans-Serif / Serif / Slab / Monospace / Display / Handwriting 分類)
- What Font:Chrome 擴充,點擊任何網頁文字檢視字型
- Font in Logo(fontinlogo.com):輸入品牌名找出 Logo 用字型
反模式
- 標題用一個字型 / 副標題用另一個 / 內文用第三個 / 引言又一個 → 層級反而消失
- 中英都很搶眼 → 兩語並重的「均衡」其實是重點不明確
- 用追求個性的特殊字體做大段內文 → 設計師爽 / 讀者累
與其他概念的關係
- 屬於 品牌識別 第二軸(Typography / 字體排版)——本頁與 中文字體類型 / 排版 共構該軸的執行工具
- 與 中文字體類型:本頁是多字體配對、中文字體類型 是單字體選擇——配對需先選好類型
- 與 排版 / 易讀性:字型搭配的對比原則就是 易讀性 的「層級三槓桿」(大小 / 對比 / 間距)的字體層應用
- 與 包裝設計 / Logo設計原則:包裝與 Logo 的字型選擇用本頁原則;Logo 通常 1 字型,包裝可能 2–3 字型(品牌名 / 標語 / 成分表)
- 與 履歷設計:履歷的「中英混排」是本頁五原則的具體應用——求職者姓名(中)+ 職稱(英)+ 經歷段落
- 與 語氣與聲調:字型搭配的整體調性對應品牌 voice——保守穩定 vs 現代活潑
相關來源
- 2026-05-09-60分鐘打造質感簡報-關鍵第一步 — 簡報場景補強:一份簡報通常一種字體;標題可承擔風格,內文以清楚無襯線與穩定字重為優先。
- 2026-05-01-SM-設計入門總整合 — Ch.02 #38 字型搭配小工具 + Ch.03 #99 中英兼備的排版指南
- 2026-05-01-品牌設計超實作清單 — Unblock 第三集把「字體排版」列為 品牌識別 五軸之二;強調「清晰表達 / 交流溝通 / 細節調整」三層用途
- 2026-05-01-簡報懶人包 — Ch.02 p.21 「不要使用超過兩種字體」初學者底線 + 新細明體當標題反模式 + 思源黑體(Google × Adobe 開源)推薦 + 非襯線(微軟正黑、蘋方、思源黑體)vs 襯線(Georgia、思源宋體)對照