超越主觀好惡：UI 設計評價的八維理性框架

UI 設計好壞不應只是「萝卜青菜各有所愛」。一套專業的評價體系，能幫助設計師自我審視、團隊溝通、甲方驗收。作者從實戰經驗歸納八大核心標準，每維度附帶反面教材與正向指引。

標準一：色彩舒適度——第一眼的生理愉悅

人眼最先感知的是顏色，再是形狀。雜亂無章的配色、缺乏主次的飽和度、明暗度衝突，會在 0.5 秒內引發視覺疲勞，使用者直接關頁。

• ✅ 主色明確：單一品牌色 + 1-2 輔助色 + 中性灰階。
• ✅ 對比度達標：文字/圖標對背景 ≥ 4.5:1 (WCAG AA)。
• ✅ 色彩語意一致：紅=危隲/錯誤，綠=成功/安全，藍=連結/主要動作。
• ✅ 留白呼吸感：大面積中性色留白，讓品牌色「呼吸」。

標準二：文字主次邏輯——資訊架構的視覺化

字體大小、粗細、顏色、行距、字間距，每一個參數都在告訴使用者：「這裡最重要、這裡次之、這裡是輔助說明」。亂無章法的排版，等於沒有資訊架構。

• ✅ 標題層級分明：H1/H2/H3/H4 對應明確的 size/weight/color 階梯。
• ✅ 正文易讀：14-16px、行高 1.5-1.75、字元間距 0.02-0.05em、段落間距 1.5em。
• ✅ 輔助文字弱化：灰階色、較小字號、較輕字重，不搶主視覺。
• ✅ 關鍵資訊突出：數字、狀態、價格用品牌色/加粗/大號字強調。

標準三：資訊可讀性——讓使用者「不想看」也能看懂

佈局、色塊、插圖、背景服務於資訊傳達。酷炫/簡潔/優雅/二貨都是風格，不是目的。核心資訊若傳遞失敗，風格再獨特也是失敗作。

• ✅ 視覺流程順暢：F/Z/古騰堡圖視覺流，關鍵資訊落在熱區。
• ✅ 模組化分組：相關資訊聚合（親密性原則），模組間留白分隔。
• ✅ 漸進式揭露：核心資訊優先展示，次級資訊摺疊/點擊展開。
• ✅ 空狀態/錯誤狀態/載入狀態：完整覆蓋異常場景，給予引導而非死胡同。

標準四：UI 識別性——圖標與關鍵元素的「秒懂」力

不一定要 3 秒懂意思，但要在欣賞美感時「心裡有數」這代表什麼。導航圖標、Banner 主視覺、空狀態插圖，識別性直接影響使用效率與品牌記憶。

• ✅ 隱喻精準：購物車=購物，放大鏡=搜尋，齒輪=設定，不搞創新搞不懂。
• ✅ 風格統一：線性/填充/雙色/微擬物，全套圖標同一筆觸、同一圓角、同一視覺重心。
• ✅ 尺寸網格：24x24px 基準網格，關鍵路徑對齊像素網格，銳利不模糊。
• ✅ 互動狀態：默認/懸停/按下/禁用/選中五態完整定義。

標準五：交互性與易用性——好用才是真的好

酷炫交互若犧牲易用性，就是設計師的自我滿足。銀河系最酷的交互，不如地球上最土但能一鍵完成任務的設計。

• ✅ 任務流程最短路徑：核心任務 ≤ 3 步完成。
• ✅ 反饋及時明確：點擊有狀態、載入有進度、成功有確認、錯誤有指引。
• ✅ 容錯與撤銷：誤刪可恢復、輸入即時驗證、危險操作二次確認。
• ✅ 鍵盤/無障礙完備：Tab 順序邏輯、焦點可見、ARIA 標籤、螢幕閱讀器友善。

標準六：思想與生活的傳達——設計師的靈魂投影

作品是設計師內心世界的外化。細節暴露態度：對齊是否像素級、文案是否推敲、空狀態是否溫暖、動效是否克制。優秀作品讓使用者感受到設計師的「被尊重感」。

• ✅ 細節見真章：Loading 動畫的彈性曲線、空狀態插畫的幽默感、錯誤提示的溫柔語氣。
• ✅ 品牌價值觀具象化：環保產品用再生紙質感、醫療產品用冷靜藍綠、兒童產品用圓潤插畫。
• ✅ 生活化隱喻：從真實生活場景汲取靈感（如廚房計時器啟發番茄鐘、地鐵換乘啟發導航邏輯）。

標準七：微小細節與微創新——魔鬼在細節裡

1px 邊框、4px 圓角、8px 基準網格、0.1s 緩動、漸變的 3 個色停、字體備選清單……這些「說不出來但感覺得到」的細節，構成產品的高級感護城河。

• ✅ 像素級對齊：圖標、文字、邊框、間距全部落在 4px/8px 網格。
• ✅ 微交互驚喜：下拉刷新的彈跳、勾選的對勾動畫、刪除的消散效果。
• ✅ 極致狀態打磨：無網絡頁的插畫、權限引導的文案、版本更新日誌的幽默感。
• ✅ 設計債務管理：定期審視組件庫，清理不一致的圓角、色值、間距。

標準八：生活表現手法的引用——從生活中來，到設計中去

視差滾動、物體墜落物理、玻璃折射、樹葉飄落、紙張折角、植物景深……真實世界的物理規律與美學規律，是最豐富的表現手法素材庫。

• ✅ 物理真實感：投影遵循光源、動效遵循慣性/彈性、材質遵循物理屬性。
• ✅ 情境化隱喻：理財 App 用「水位上升」隱喻餘額增長、運動 App 用「儀表盤」隱喻進度。
• ✅ 跨感官設計：視覺觸發觸覺聯想（材質質感）、聽覺聯想（按鍵聲）、本體感覺（滑動阻尼）。

總結：評價不是裁判，是對話

這八大標準不是打分表，而是診斷鏡。連基礎標準（色彩、文字、可讀性、識別性）都未達標的作品，談不上風格與創意。達標後，風格取向、創意深度、生活表達，才是區分「好」與「偉大」的關鍵。
下次評價作品時，試著按這八維逐一過一遍，你會發現：原來「不好看」背後，藏著具體可改進的結構性問題。