格式塔心理學認為:「整體大於部分之和」。人眼感知視覺信息時,傾向於將分散元素自動組織為有序、規律、完整的整體。掌握這 8 大定律,等於掌握了用戶視覺大腦的「預設程式」。





原則: 空間距離近的元素被視為一組。
應用: 相關信息組塊化(表單欄位、導航分組、卡片內容),組間距 > 組內距 2 倍以上。
原則: 形狀/顏色/大小/方向/質感相似的元素被歸為一類。
應用: 統一按鈕樣式、圖標風格、標題字級、數據視覺化編碼,建立視覺語言一致性。


原則: 不封閉的圖形會被大腦自動補全為閉合形狀。
應用: Logo 負形設計、圖標斷筆處理、進度環/環形圖表、引導視線流向的虛線路徑。
原則: 視線傾向於沿著平滑路徑(直線/曲線)延伸,而非突兀轉折。
應用: 導航流向、閱讀順序引導、數據圖表趨勢線、Banner 視覺動線設計。


原則: 視覺場中必有主體(圖)與背景(地),且可互換(魯賓花瓶)。
應用: 正負形 Logo、模態彈窗/抽屉層級(背景模糊/變暗)、重點區域高亮、空白區域主動構圖。


原則: 同方向/同速度/同節奏移動的元素被視為一組。
應用: 列表項聯動動畫、標籤頁切換、數據圖表交互篩選、載入骨架屏動畫同步性。


原則: 基於過往經驗的固有認知模式(紅=停止/錯誤、綠=通過/成功、放大鏡=搜索、漢堡包=菜單)。
應用: 遵循平台規範(iOS/HIG、Material Design)、行業慣例、品牌自有交互模式沉澱,降低學習成本。


原則: 人傾向於用最簡單、最穩定、最對稱的方式組織視覺信息。
應用: 版面對稱/平衡、圖標幾何化簡化、信息架構扁平化、刪減冗餘裝飾、建立清晰視覺層級。







改版前: 輸入框間距不一(違接近)、按鈕風格不統一(違相似)、標籤與輸入框分離(違閉合)、視線跳躍無序(違連續)、錯誤提示紅綠混用(違經驗)、裝飾線條干擾(違簡約)。
改版後: 應用 8 大定律重構,表單完成率提升 28%,錯誤率下降 43%,用戶滿意度 +31 分。
格式塔不是設計規則手冊,而是理解用戶視覺大腦運作機制的說明書。讀懂說明書,才能寫出順應人性的好設計。