視覺是人類第一感官，主導用戶行為與體驗。UXPin 專家 Jerry Cao 深度解析視覺與交互協調的五大鐵律，讓你的設計既好看又好用。

01. 尊重視覺主導地位

大腦 70% 資源處理視覺信息，視覺速度堪比電腦網絡。文字顏色為「黃」卻顯示為紅，視覺直接覆蓋語義。優秀視覺設計能提升銷量、註冊、轉化，激發特定行為。對比兩個表單：密集恐懼症般的間距 vs 色彩豐富優美排版，後者雖輸入相同信息卻更令人願意填寫。Old Town Spice Shop 櫥櫃式佈局更讓視覺與文字相互協調，瞬間傳達品牌意圖。

02. 提供清晰方向與指引

用戶需要像 GPS 一樣的導航：知曉當前位置、可行路徑、下一步操作。麵包屑導航是最直接的視覺蹤跡（如 Newegg），但適合層級複雜的電商類網站。主導航需留下強烈視覺印象，菜單、搜索框、可點擊圖標皆為視覺導向手段。

03. 確保視覺統一

一致性降低認知負荷，增加可預測性。單選按鈕行為、文案用詞（存檔/儲存）、圖片觸發行為（彈窗/新窗）必須全站統一。視覺不一致是設計地獄的入口，每處差異都迫使用戶停下思考，破壞流暢體驗。

04. 以 UI 設計模式為基準

UI 模式（輪播、相關鏈接、幻燈片等）是用戶熟悉的最佳實踐，降低學習曲線。Netflix 用「相關內容」模式智能推薦，界面鮮活高效。但模式非即插即用，需按品牌外觀定制。可查閱模式庫（按導航、輸入框分類）尋找適配方案。

05. 風格指南鎖定全站一致性

風格指南記錄字體尺寸、色階、按鈕狀態等難記細節，確保團隊協作統一。Yelp、Starbucks、MailChimp、BBC Gel 均為優秀範例。UXPin 以截圖+技術細節建立內部 Wiki，從風格指南到效果圖的「拼湊法」高效實用。

掌握這五原則，視覺不再只是裝飾，而是交互設計最有力的戰略武器。