iOS 7 推出「去材質化」設計語言，導航列按鈕失去實體邊框，僅靠文字+色彩暗示可點擊。這場視覺革命引發業界激辯：無邊框按鈕究竟是進步還是倒退？本文從桌面 vs 觸控交互差異、感應區機制、視覺負荷、學習成本五個維度深度拆解，給出「適度去材質化」的平衡建議。

傳統按鈕的三大功能

1. 可點擊暗示：立體/邊框/陰影告知「這裡能按」
2. 作用範圍可視化：邊框界定點擊熱區，防止誤觸相鄰按鈕
3. 狀態反饋：按下/懸停/禁用視覺變化

桌面滑鼠 vs 觸控螢幕：根本不同的交互模型

維度	桌面滑鼠	觸控螢幕
定位精度	像素級（游標精準）	指尖區域（約 44×44pt），會遮擋視線
Hover 狀態	豐富（懸停預覽、工具提示）	無（手指懸停無偵測）
按鈕實體邊框作用	輔助游標定位、Hover 確認	視覺佔據空間、實際感應區常大於可視區

iOS 鍵盤動態調整感應區專利：輸入「worl」時「d」鍵感應區自動放大，預測「world」機率最高。

去邊框帶來的收益與代價

收益

• 畫面更簡潔、留白更多、內容佔比提升
• 視覺上可點擊區域感覺變大（實際感應區未變）
• 適應觸控「大約點擊」心智模型

代價

• 失去擬物化帶來的零學習成本：iOS 6 解鎖滑桿、相機凸起暗示真實操作隱喻
• 過度簡化導致功能發現困難：iOS 7 解鎖/相機/控制中心均需「試誤學習」
• 新用戶上手門檻大幅提高：純文字按鈕無法區分「點擊」與「滑動」意圖

平衡建議：適度去材質化，保留關鍵視覺暗示

1. 核心高頻操作保留微弱邊框/背景/陰影（如主要 CTA、刪除確認）
2. 次要/輔助操作可採無邊框文字鏈接
3. 利用色彩權重區分層級：品牌色 = 主要、灰色 = 次要、紅色 = 破壞性
4. 觸控態微動效補償：按下縮放/波紋/顏色加深，提供即時反饋
5. 關鍵功能保留擬物隱喻：滑動解鎖、拖拽排序等

設計師的任務不是盡可能簡約，而是在「好用」與「易上手」間找到專案特定的平衡點。iOS 7 後續版本（iOS 8-17）持續在微調這條線，證明這是持續演進而非一次性抉擇的課題。