設計基礎教程不枯燥,對比與重複是構建視覺秩序、引導視線流向、強化信息層級的兩大核心原則。通過 18 組經典案例圖解,拆解對比(大小、粗細、顏色、字體、方向、空間)與重複(形狀、顏色、結構、節奏)在版式、海報、UI、品牌中的具體運用邏輯。
對比:製造視覺張力與層級
- 大小對比:主標題 vs 副標題,主視覺 vs 輔助圖形
- 粗細對比:粗體標題 + 細體正文,強調關鍵詞
- 顏色對比:互補色/冷暖對比突出 CTA,高低飽和度區分主次
- 字體對比:無襯線標題 + 襯線體正文,或幾何體 + 手寫體
- 方向對比:橫向佈局中插入豎向元素,打破單調
- 空間對比:大面積留白 vs 密集信息區,節奏感由此生
重複:建立視覺統一與節奏感
- 形狀重複:相同幾何圖形不同尺寸/顏色重複,形成視覺韻律
- 顏色重複:品牌色在不同觸點重複出現,強化品牌記憶
- 結構重複:模組化版式單元重複,信息架構清晰易讀
- 節奏重複:間距、對齊、分割線規律重複,引導閱讀順序
對比與重複的辯譡關係
無重複的對比 = 混亂;無對比的重複 = 單調。優秀設計在重複的框架內進行對比,或在對比的張力中保持重複。如:統一網格(重複)下的標題大小變化(對比);統一字體家族(重複)下的粗細層級(對比)。
實戰檢查清單
- 畫面是否有明確的視覺焦點?(對比建立焦點)
- 相關信息組是否用相同視覺語言?(重複建立關聯)
- 層級關係是否一目了然?(對比區分層級)
- 視覺節奏是否舒適流暢?(重複創造節奏)
- 品牌識別元素是否一貫重複?(重複強化品牌)
對比與重複不是理論,是設計師手中的手術刀與縫合線。熟練掌握二者的張弛有度,版式設計即刻專業化。