對比色構成的配色可分三類：色相對比（互補/相反色）、明度對比（白黑等明度差）、純度對比（飽和度差）。掌握三大法則，配色有據可依。

3.1 色相對比

3.1-1 雙色對比：強烈視覺沖擊，大面積常用

VISA 案例：深藍傳達和平安全，黃色激發興奮幸福。藍色降低明度後與黃色搭配，對比鮮明且緩解視覺疲勞。

觀點：整體/局部對比結合色彩心理，品牌傳達效果最大化。

3.1-2 三色對比：色相豐富，重點色面積把控關鍵

NAVER 案例：大面積綠色主導航形象鮮明；品牌色對應兩種中差色作二級導航，降低藍色系明度，同色調西瓜紅標示當前狀態，二級導航內部強烈對比不干擾主導航。

觀點：西瓜紅等強調色限定小面積極關鍵，面積大小直接影響畫面平衡感。

3.1-3 多色對比：豐富飽滿，模塊感強

Metro 風格案例：大量色彩分隔信息模塊，大模塊面積相等，內部細分層級，單色模塊承載單一信息+對應圖標，識別性高。

觀點：色相、面積對比保持比例關係，頁面亦能整整有序。

3.2 純度對比：應用廣泛，適合品牌/營銷場景

Pinterest 案例：中心登錄模塊降低純度製造無色相背景，紅色按鈕形成純度差對比。較色相對比沖突感小，極易突出主體內容真實性。

觀點：運用對比關鍵在比例把握——面積、構圖、節奏、顏色、位置等一切可變元素，形成視覺強烈衝突。

3.3 明度對比：貼近生活真實，構建空間縱深

ARKTIS 案例：高明度突出近景主體（藥瓶），低明度表現遠景距離，明度差聚焦注意力於高亮區域，呈現真實寫照質感。

觀點：明度對比使頁面單純統一，高低明度差產生距離關係。

總結

色彩最能引起心境共鳴與情緒認知。三原色調配千變萬化。設計配色時，摒棄默認樣式，思考色彩對場景表現、情感傳達的作用，有依據、有條理、有方法地構建方案。
註：更多精彩教程請關注三聯設計教程欄目。