Graphic Design Principles：平面設計的七大基礎法則

一張海報、一頁網站、一則社交帖文，為甚麼有些讓人一眼看懂重點，有些卻令人眼花？差別往往不在「有沒有用靚字體」，而在是否運用了 Graphic Design Principles（平面設計原則）。

平面設計原則是視覺溝通的基本法則：它們解釋元素如何排列、如何建立秩序、如何引導視線。無論你做傳單、簡報、網站或社交素材，這些原則都適用。掌握它們，你不一定要親手做設計，但會更清楚為何某個版面有效、某個版本需要修改，也能與設計夥伴用同一套語言溝通。

什麼是 Graphic Design Principles？

Graphic Design Principles 是支配視覺元素如何組織的規律，目的很直接：讓觀者快速理解訊息、感到舒適、並知道下一步該做甚麼。

它們與「設計風格」不同。極簡、普普、瑞士風格是美學方向；平面設計原則是底層結構。同一套原則，可以服務不同風格：極簡靠留白與層級，普普靠對比與重複，瑞士風格靠對齊與網格。風格會變，原則相對穩定。

在 Whiteboard 的實務中，我們常說：品牌策略告訴你說甚麼，平面設計原則決定怎樣呈現才讀得懂、記得住。策略與原則都清晰，再進入 Logo、色票與組件庫，產出才會一致。

七大基礎法則

以下七項是平面設計最常引用的核心原則。不必每次全部用滿，但理解每一項，有助判斷版面問題出在哪裡。

1. 層級（Hierarchy）

層級決定觀者先看甚麼、後看甚麼。透過字體大小、字重、色彩、位置與留白，建立主次關係。

實務上，一張有效的海報或網站首屏，通常有清晰的三層：主標（你是誰／核心訊息）→ 副標或說明（補充價值）→ 行動呼籲（下一步）。若所有文字同一大細、同一字重，觀者需要自行摸索，閱讀成本上升，流失率亦會增加。

檢查方法：遮住圖片，只看文字，能否在兩秒內說出這張設計的主訊息？

2. 對比（Contrast）

對比製造差異，從而產生焦點。最常見的對比包括：大與小、粗與幼、深與淺、實與虛。

對比不足，版面容易平淡，重點不明；對比過強或過多，則令人疲累。有效的做法是：一個畫面一個主焦點，其餘元素服務這個焦點，而不是每個元素都搶眼。

色彩對比亦關乎可讀性。淺灰字放在白底、黃字放在白底，可能「好看」卻難以閱讀。商業設計的首要任務是傳達，其次才是裝飾。

3. 對齊（Alignment）

對齊讓元素之間產生視覺連結，版面看起來整齊、有秩序。常見做法包括左對齊、置中、或依網格系統對齊。

零散的元素會令人覺得「未整理好的草稿」。即使風格刻意破格，通常也有隱藏的對齊邏輯；完全無對齊的版面，往往只是混亂，而非創意。

瑞士風格（Swiss Style）平面設計尤其強調網格與對齊。Whiteboard 官網的版面亦以此為基礎：嚴謹網格、大量留白、元素各就其位。

4. 親近（Proximity）

親近原則指：相關的東西放近，不相關的東西分開。標題與其說明應靠近；不同區塊之間應有足夠距離，讓人知道那是另一組資訊。

常見錯誤是把價格、產品名、按鈕散落各處，觀者無法判斷它們是否屬於同一個方案。親近原則能減少這類認知負擔，讓資訊自然分組。

5. 重複（Repetition）

重複建立一致性與識別。重複的不只是 Logo，還可以是字體組合、色塊用法、圓角、間距、標題樣式。

當用戶在不同接觸點（網站、社交、印刷）反覆看到相同的視覺規律，會逐漸建立「這是同一個品牌」的感覺。重複不是沉悶，而是信任與識別的基礎。

6. 平衡（Balance）

平衡是畫面中視覺重量的分配。可以是左右對稱的穩定感，也可以是不對稱但仍有重心——例如左側大圖、右側文字，透過大小與留白達到平衡。

失衡的版面會令人不安，即使說不出問題在哪裡。檢視時可問：畫面是否向某一邊傾倒？是否某個角落過重、另一邊空洞？

7. 留白（White Space）

留白是刻意留空的區域，不是「浪費空間」。它讓內容有呼吸感，突出重點，傳達從容與專業。

很多客戶初稿傾向把畫面塞滿，生怕浪費每一吋。但留白往往令訊息更清晰。高端、顧問型、重信任的品牌，尤其依賴留白建立質感；資訊密集的載體（如餐牌、價目表）則需在留白與資訊量之間找到平衡。

原則如何一起運作？

這七項原則不是孤立規則，而是互相配合。舉一個常見的網站首屏為例：

• 層級：主標最大，副標次之，按鈕明確。

• 對比：主標黑色、背景淺色，按鈕用品牌色突出。

• 對齊：文字與按鈕依網格左對齊或置中，全站統一。

• 親近：主標與副標靠近；首屏與下方區塊拉開距離。

• 重複：按鈕樣式、字體、間距與內頁一致。

• 平衡：圖文左右或上下分配，視覺重量均衡。

• 留白：主標四周有足夠空間，不壓迫。

當你覺得某個設計「唔舒服」卻說不出原因，可以逐項對照：是層級不清？對比太弱？還是留白不足？

常見錯誤

❌ 太多字體 一張畫面用三至四種字體，通常會顯得雜亂。✅ 一至兩組字體（標題 + 正文）已足夠，靠字重與大小建立層級。

❌ 缺乏焦點 每個元素都想被看見，結果沒有一個被看見。✅ 先決定「這張設計最想讓人做甚麼／記住甚麼」，再讓其他元素退後。

❌ 忽略可讀性 追潮流用細字、低對比、花俏背景，在手機上可能難以閱讀。✅ 設計應在真實載體與尺寸上檢視，而非只在電腦大螢幕上好看。

⭐️ 風格與策略脫節 平面設計原則解決「好不好讀、清不清楚」；品牌策略解決「像不像你、有沒有說對話」。兩者缺一，都會影響用戶感受。

與品牌設計的關係

Graphic Design Principles 是所有視覺產出的基本功，不等於品牌策略，卻是策略落地的必要條件。

我們在設計執行階段，會先確保版面符合上述原則，再套用品牌的色彩、字體與影像方向。策略清晰的企業，若原則運用得當，即使素材簡單，也能傳達專業與可信；反之，再精美的視覺，若層級混亂、對比不足，用戶仍會感到困惑。

Brand is not what you say. It’s what users feel.
用戶不會分析你的網格，但會感受到畫面是否清晰、是否尊重他們的時間。

你可以馬上做的事

• 拿一張你最近的社交圖或傳單，用七項原則逐條檢查；

• 問設計夥伴：這個版面的主焦點是甚麼？層級是否清楚？

• 建立簡單的組件規範（標題樣式、按鈕、間距），讓重複原則可以規模化；

• 需要並肩梳理視覺系統與品牌產出時，歡迎與我們聯繫。

平面設計原則不是限制創意，而是讓創意被看懂。風口會過，但清晰、有序、可讀的視覺溝通不會過時。

Stop chasing trends. Build a decade brand.

想梳理你的 Brand Journey？
電郵或Whatsapp我們吧!