前言：「整體大於部分之和」的視覺心理機制

格式塔心理學揭示了人類視覺感知的先天組織規律。在 UI 設計中，靈活運用這五大核心法則，能顯著提升信息傳遞效率與介面協調度。

法則一：相似性法則——同類歸類的視覷捷徑

外觀相近（顏色、形狀、大小、排列）的元素會被自動歸為同一功能組。Green Chameleon 導航圖標雖形態各異，但統一的色系、尺寸與排列讓用戶瞬間識別為同層級入口。善用此法則可節省空間、強化功能分組、降低認知負荷。

法則二：圖形-背景關係——聚焦與層級的視覺博弈

用戶視野中元素非圖形即背景，三種關係模式：

• 穩定型：主體與背景界限分明（如彈窗遮罩）。
• 可逆型：正負空間可互換，增加趣味性。
• 模糊型：邊界模糊，引導用戶主動探索。

Moddeals 彈窗遮罩將背景變暗，強制聚焦廣告；Tannbach 電影官網用模糊背景突出人物，同時以色彩層級區分「互動區」與「人物區」的視覺優先級。

法則三：接近性法則（組織法則）——距離製造關聯

空間靠近的元素被視為相關。兩種增強關聯的手段：閉合（框線包裹）與密集（縮小間距）。Facebook 貼文卡片即同時運用閉合（卡片邊框）與密集（操作按鈕緊湊排列），兼顧信息分組與點擊效率。

法則四：閉合性法則——大腦自動補全的極簡美學

不完整的圖形會被大腦自動補全為閉合整體。Abduzeedo 首頁無明確分隔線，但圖片網格排列引導大腦感知三欄結構；Urban Outfitters 購物流程利用閉合性，在「加入購物袋」瞬間以動態反饋（按鈕文字變化、數量更新、迷你確認框）完成閉環，省去跳轉購物車步驟。

法則五：連續性法則——視線流動的隱形導軌

視線沿線條移動時會形成「定勢」，同一直線/曲線上的元素被視為高度相關。導航欄水平排列即利用此法則暗示同層級操作；CreativeBloq 雙層導航通過垂直/水平線條區隔「內容分類」與「條目操作」兩套系統，無需額外標識。

結語：綜合運用，躍升設計段位

五大法則非孤立存在，實戰中需組合施策。深度理解並靈活應用，能讓你更精準地控制視覺流向、構建清晰層級、高效傳遞信息，推動設計水準邁上新台階。