Material Design 是 Google 統一多產品線的視覺語言，其設計文檔不只是規範手冊，更是設計師進階的免費教科書。通讀文檔後，提煉 4 條最高價值訓示，無論新手還是資深設計師皆受益匪淺。

訓示一：用動效建立有意義的關聯

動效非裝飾，核心雙重目的：清晰度 + 愉悅感。

• 有過渡：淡入淡出建立視覺層級，用戶理解「新界面在上方」，操作與視覺變化有明確關聯。
• 無過渡：界面突兀彈出，用戶需花費精力理解過渡，錯失愉悅機會。

「避免生硬切換。生硬切換突兀，讓用戶花大量精力理解過渡。」—— 視覺連貫性指南

訓示二：密切關注字體，提供最佳閱讀體驗

文檔大篇幅專注字體，精髓：字體細節決定整體體驗上限。多數設計師關注按鈕卻忽略字體。

• 對比度雙刃劍：背景同色難讀；反差過大（深色背景純白字）同樣眩目難讀。
• 行高、顏色需精確定義：Roboto 字體為跨平台易讀性重新優化。
• 消除閱讀斷點：缺口、隔斷讓閱讀困難，注意去除。

訓示三：大膽用色，但要有系統

Material Design 大膽明亮配色賦予個性，區別於 iOS 7 淺灰系。Google 色彩指南極清晰：

• 限制主色數量，用深淺變化擴展
• 明智使用輔助色
• 大面積大膽用主色：工具欄、大色塊用主色；狀態欄用深色調主色

「我們鼓勵大面積大膽運用色彩。不同元素承擔不同配色角色。」—— UI 配色應用指南

訓示四：一切歸結於易用性

文檔最後專章探討無障礙/可用性，提醒：設計無論如何必須易用。

「當所有人——不論殘疾與否——都能瀏覽、理解、使用產品完成目標時，產品才是可用的。」

嚴肅提問：無聲音/色彩/屏幕時產品仍可用嗎？殘障用戶能輕鬆使用嗎？

• 最小點擊區域 48×48px，適配人類手指
• 鏈接文字必須有意義：「設備選項」優於「點擊這裡」
• 導航、易讀性、用戶反饋全方位檢查清單

結語

Material Design 文檔免費在線，新手是學習工具，資深者是思維刷新器。強烈建議深度研讀，將這 4 條訓示內化為設計直覺。