前言：細節決定成敗，習慣決定細節

介面設計的專業度往往體現在使用者感知不到、但設計師必須堅持的微觀細節上。以下 8 項高頻失分點，建議收藏為專案驗收清單。

8 大細節檢核項

1. 介面元素對齊：視覺對齊 ≠ 機械對齊

許多設計師靠肉眼對齊，實則需區分：

• 機械對齊：邊緣/基線/中心線像素級精準對齊（網格系統保障）
• 視覺對齊：針對異形元素（如三角形、圖標）的光學中心對齊

原則：該機械對齊時絕不妥協（按鈕、輸入框、卡片邊緣）；需視覺對齊時需標註參考線。養成「強迫症級」對齊習慣。

2. 像素精確：高清屏時代的基本功

視網膜/高 DPI 屏下，邊緣虛化極易暴露。檢查清單：

• 圖標/按鈕邊緣垂直/水平方向無半像素模糊
• 1px 邊框在 2x/3x 屏下銳利無重影
• 圖標 SVG 格式優先，位圖需 @2x/@3x 完備

3. 介面光源一致性：物理世界的邏輯延伸

一致性是大命題，光源一致性是細節硬指標：

• 深色標題用淺色內陰影（內凹感）→ 正文不得用深色文字 + 深色上陰影
• 全站統一光源方向（如左上 45°），投影角度、色階、擴散度全域一致
• 懸浮層級對應陰影層級系統（如 Material Design elevation 1-24dp）

4. 圖標面積一致性：視覺重量的隱形平衡

同組圖標視覺重量需均衡，非幾何面積相等：

• 最佳驗證法：實機遠距離（臂長）觀察，是否有「特別輕/重」個體
• 調整策略：修改邊界框、描邊粗細、內部負空間比例
• 建立圖標設計規範：統一畫板尺寸、關鍵參考線、描邊標準

5. 文案規範：設計師的隱形職責

嚴謹文案為設計加分，常見敗筆：

• 中文錯別字（恥/致、影響/影嚮）
• 英文大小寫錯誤（iPhone ≠ Iphone、API ≠ Api）
• 標點混用（全形/半形標點混雜）
• 術語不統一（登入/登錄/登記 混用）

建議：引入文案規範表，設計交付前自查或請編輯複核。

6. 禁用系統預設中文字體的英文回退

鐵律：絕不直接使用 Windows 宋體/黑體內建英文字形（字形寬窄不一、筆畫生硬、基線偏移）。

方案：CSS `font-family` 優先指定優質西文字體（如 `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial`），中文字體後置。

7. 克制高飽和度與大反差漸變

• GUI 設計色彩空間受限（品牌色/功能色/中性色已佔大部）
• 高飽和/大反差漸變極易產生「俗氣/廉價感」
• 原則：大面積低飽和，小面積高飽和點綴；漸變採用同色相低飽和過渡

8. 留白藝術：雙刃劍的精準掌控

• 優勢：應對「大氣」需求的最佳說辭，構建呼吸感與層級
• 風險：過度留白 → 內容空洞、細節缺失、視覺重心飄浮
• 驗證技巧：去色 + 反相（PS: Ctrl+Shift+U → Ctrl+I），觀察黑色區塊是否產生「恐怖感」（過度密集）或「虛無感」（過度稀疏）

結語

這 8 項細節看似基礎，日常專案中要全做到極難。建議：將清單固化為設計系統規範、Figma 元件屬性、Code Review 檢查項，用制度保證細節質量，而非單靠意志力。共勉。