設計四大原則（對比、重複、對齊、親密性）中，對比是最強視覺鉤子。本文近萬字深度拆解對比的心理機制、屬性維度、格式塔關聯、度控制，附 20+ 實戰案例，助你從「會用」到「精通」。

心理基礎：生存本能驅動的注意力機制

人類進化出「辨別異類」本能：不同=潛在威脅/機會 → 必須立即關注。對比利用這一機制，瞬間奪取視覺焦點。

七大基礎屬性構建對比

屬性	對比手法	應用場景
尺寸	大 vs 小	標題 vs 正文、主視覺 vs 輔助圖
形狀	幾何 vs 有機、方 vs 圓	按鈕狀態、圖標風格區分
顏色	冷 vs 暖、高飽和 vs 低飽和、互補色	CTA 按鈕、狀態語義（紅錯/綠對）
明度	亮 vs 暗	深色模式適配、層級疊加
紋理	平滑 vs 粗糙、純色 vs 圖案	材質區隔、重點區域質感強化
位置	中心 vs 邊緣、對齊 vs 錯位	視覺焦點佈局、打破網格制造張力
方向	水平 vs 垂直、順時針 vs 逆時針	動效旋轉、版面動線引導

對比的三大功能

1. 吸引注意：制造視覺焦點，CTA 按鈕必須與周圍強對比。
2. 建立邊界：主內容 vs 側邊欄、正文 vs 廣告區，背景色/分割線劃清界限。
3. 強調重點：加粗 > 斜體 > 下劃線；大號標題 > 小號正文。對比度越強，重要性感知越高。

度的把控：對比過猶不及

• 微弱對比（16px vs 15px）= 無對比，用戶誤判。
• 全局強對比=視覺噪音，無焦點，產生緊張疲勞感。
• 原則：確定 1-2 個核心對比點，其餘保持協調統一。

對比與格式塔：圖地分離與焦點形成

對比是圖地分離的前提（主體 vs 背景），也是焦點形成的手段（最異於周圍者為焦點）。

等同與對比的動態平衡

等同建立系統感（導航欄圖標風格統一、按鈕組件一致），對比打破單調創造層級。同一屬性下（如顏色）用等同，跨屬性（顏色 vs 形狀）用對比。紅藍圓方圖形案例證明：顏色等同信號強於形狀，但色盲用戶反之——無障礙設計需多通道冗餘。

掌握對比，就是掌握了視覺傳達的「音量旋鈕」。