何謂扁平化設計？—— 無光澤、無三維視覺效果的圖形元素。許多設計師視其為極簡主義分支。但Nielsen Norman Group（NN/g）從可用性角度直言不諱：扁平化設計是「為迎合流行趨勢而犧牲用戶需求」的產物。 本文梳理設計風格演變脈絡，拆解扁平化可用性危機，揭示「扁平2.0/半扁平/Material Design」才是平衡之道。

一、 扁平化的「對立面」三重奏

1. 立體效果 —— 最早的「可點擊」視覺暗示

• 上浮元素＝可按下（按鈕）；下陷元素＝可輸入（搜索框）。
• 早期GUI（Win95）大量使用陰影/高光/漸變偽3D，幫助用戶識別交互元素。
• 副作用： 過度使用造成視覺干擾、侵略性強、界面雜亂。

2. 擬物化設計 —— 用「隱喻」降低學習成本

• 模仿現實世界「非必要/裝飾性」特徵（如Kindle Fire早期書架木紋）。
• 利用用戶現實認知慣性（書架＝存書/整書）快速理解虛擬界面。
• 亞馬遜後來版本移除了書架——隱喻完成使命可退場。

3. 現實主義 —— 純粹為美學的「擬真」

• 區別於擬物：無隱喻功能，純為視覺吸引力模仿真實材質（如Sprouts網站木紋背景）。
• 不幫助用戶理解交互，僅服務審美。

二、 扁平化誕生：微軟Metro與「authentically digital」宣言

• 2011年微軟Metro設計語言 + Win8 推動扁平化普及。
• 核心主張：「真正的數字化」—— 不需複製現實物體外形，建立原生數字設計語言。
• 蘋果官網演變見證風向標：2007立體高光標簽導航 → 2012保留高光圓角/搜索框陰影（現實主義） → 2015全面扁平化（無陰影/材質/高光），靠「深色頂部條=導航」思維定式識別。

三、 扁平化的可用性危機：NN/g的三連擊質疑

1. 犧牲可見性： 刪除陰影/高光/邊框等傳統可點擊標識，用戶失去視覺線索。
2. 認知負荷增加： 用戶雖進化出對鏈接的直覺，但不意味著完全不需要線索。22歲用戶稱：藍字/下劃線/凸起按鈕/有意義文案（立即購買）/頁面頂部位置——仍是核心識別依據。
3. 一致性破壞： 外部一致性（跨產品慣例）被內部一致性（全扁平）取代，用戶需重新學習。

Trader Joe's首頁保留多種可點擊標識：藍字下劃線、紅背景按鈕、導航欄位置/文本——多重保險策略。

四、 扁平化變體：從「走火入魔」到「正向範例」

長投影（Long Shadow）：扁平2.0走火入魔

• 2013年興起，純為美感製造3D效果，零信息價值。幸好未成大浪潮，僅佔據圖標設計一席之地。

Google Material Design：扁平2.0正向範例

• 借鑒物理世界隱喻（材質、光影、運動）幫助用戶理解界面層級、直觀視覺化內容結構。
• 非裝飾性，服務於可用性。

Android Evernote：整體扁平，但導航欄/浮動按鈕保留細微陰影，卡片設計賦予3D空間扁平概念。

五、 設計師行動指南：簡而不減，平衡與節制

• 不要為趕時髦犧牲可用性。
• 永遠不要把自己幻想為用戶（除非你在為設計師設計產品）。你對按鈕可見性的偏好 ≠ 用戶的認知模型。
• 遵循《設計可識別點擊元素指南》： 保留傳統標識（下劃線、邊框、陰影）、經典標識、上下文線索。
• 扁平2.0 = 簡而不減： 精簡視覺雜訊，但保留關鍵交互標識。這才是我們需要的扁平化。

---

結語： 早期3D GUI與喬布斯式擬物化帶來沉重雜亂界面，精確簡化確能改善可用性。但為純粹扁平而肆意刪除視覺標識＝走下坡路。Material Design等「扁平2.0」提供折中方案：簡潔視覺 + 關鍵深度線索 = 可用與美觀並重。 設計趨勢永遠在平衡中前行，節制者勝。