字型搭配

一句話定義

在同一設計中組合多種字體時的決策——和諧 / 對比 / 避免突兀三原則 + 數量控制 2–3 種,目的是建立層級而非展示多元。

核心要點

三原則(socialMORE 整理)

原則說明反例
和諧字體之間有共通的視覺基因(粗細 / 比例 / 風格年代)古典襯線 + 賽博龐克裝飾字
對比標題與內文有明顯差異(字級 / 字重 / 字形)標題與內文用同一字型同字級
避免突兀沒有任何字體跳脫整體調性整體現代風但出現一個書法字

→ 三原則同時滿足:同類字體之間和諧 + 不同層級之間對比 + 整體無異物感

中英混排 5 原則

最基本的就是襯線體配襯線體,無襯線體配無襯線體」(socialMORE

#原則操作建議
1統一字形和結構中英都選襯線(明體 + Serif)或都選無襯線(黑體 + Sans-Serif)
2字體大小和諧中英文比例需考慮——中文視覺較滿,英文視覺較疏;常見比例:中 38pt / 英 13pt
3清晰的目標對象中英其中一種應為主、另一種為輔;不要兩語並重
4注意閱讀舒適度字體尺寸 / 字間距 / 行間距三者一起調
5審核設計印出來看 / 縮放看 / 黑白看,從讀者角度檢查

三個元命題

  1. 數量上限 2–3 種——多了視覺凌亂、層級失效;標題 + 內文 + 強調夠用
    • 初學者底線2026-05-01-簡報懶人包 給出更嚴格的版本「不要使用超過兩種字體」——當使用者尚未掌握三字體的協調感時,2 字體(標題 + 內文)是更安全的起點;本頁 SM 設計總整合來源的 2–3 是熟練後的擴展上限
    • 簡報場景的更嚴格版本2026-05-09-60分鐘打造質感簡報-關鍵第一步 建議「一份簡報通常一種字體」;簡報觀看時間短、換頁頻繁,字體不斷改變會讓觀眾覺得像不同份簡報,也增加重新適應成本。此時層級優先用字級、字重、顏色與間距處理,而不是一直換字體。
  2. 層級用「字重 + 字級 + 字距」三個槓桿比換字型有效——換字型應該保留給最主要的對比
  3. 中英混排是設計能力的試金石——中文視覺密度大、英文視覺密度小;天然不平衡,需要主動處理

反模式(補強):新細明體當標題

新細明體本來是被設計於閱讀內文,因為筆畫纖細而能在字小的情況下維持閱讀上的清爽。後來文字在數位化被放大成標題、副標等,超出他原本設計的範圍,導致他使用在標題或放大的字體時變的非常細而且難看。」(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 現代活潑

相關來源

備註

  • 本頁聚焦設計應用情境的字型搭配;字型學術領域(typeface design)有更深入的歷史脈絡與系統分類
  • 未來累積方向:(1) 字型授權實務(Adobe Fonts / Google Fonts / 商用字型 / 訂閱制);(2) Variable Fonts 可變字體在配對中的角色;(3) 多語混排(中英日韓阿拉伯);(4) 螢幕渲染與字型載入策略(Web Font 子集化)
  • 達 2+ 來源後可拆出 字型授權 / Web字型 等子概念