不想翻厚重設計理論書？這 9 張「簡單粗暴」的參考圖，直擊平面設計核心痛點：版式結構、字體搭配、色彩關係、留白比例、網格劃分、視覺流程、層級建立、圖文混排、印刷避坑。每張圖都是「看一眼、懂原理、能直接套用」的實戰速查表。來源網絡，版權歸原作者，建議存入設計資產庫。

9 張速查圖內容導覽

1. 版式骨架 9 宮格：單欄/雙欄/三欄/非對稱/模塊化/自由式 6 種基礎骨架適用場景對照；
2. 字體搭配公式：襯線+無襯線/同字族不同字重/對比字重/標題體+正文字體 4 大黃金搭配法則；
3. 色彩關係速查表：單色/鄰近/互補/分裂互補/三角色/矩形四角色配色幾何關係圖解；
4. 留白黃金比例：邊距/行距/段距/模塊間距 4 級留白標準值（基準單位 8px/4pt）；
5. 網格系統實戰：12 欄/8 欄/6 欄網格拆分組合、基線網格對齊、響應式斷點對應；
6. 視覺流程 Z/F/E 型：三種眼動路徑對應頁面類型、關鍵元素佈局節點位置標註；
7. 層級建立 5 維度：字號/字重/顏色/空間/圖形 5 維度創造視覺層級，至少雙維度生效；
8. 圖文混排避坑指南：圖片佔比/文字環繞/對齊基線/圖文距離/說明字體 5 大雷區與正解；
9. 印刷前檢查清單：出血/色彩模式/分辨率/字體外框/過印/專色/檔案格式 7 項必檢項目。

高清大圖逐張收藏

如何將「速查」變「內功」？

• 印製 A3 貼工位：高頻參考的（字體搭配、留白比例、印刷清單）印出來貼邊上；
• 做成 Figma/Sketch 元件庫：將版式骨架、網格、層級樣式做成 Component，新建頁面一鍵套用；
• 帶著清單做設計評審：每次自查/互查時對著清單過一遍，養成肌肉記憶；
• 定期更新迭代：根據項目實踐修正參數，形成團隊專屬「設計規範 v1.0 → v2.0 → …」。

工具書不在厚，在精、在用。這 9 張圖，足夠支撐 80% 的平面設計日常決策。剩下的 20%，靠你的審美直覺與項目經驗去填補。