如何理解Google Material design的按鈕設計規則？為什麼只有文字按鈕 和 圖標按鈕？

Google Material的Guideline裡面提到：

按鈕（Button）只有純文字按鈕 和 純icon按鈕

• 純文字按鈕
• Flat buttons
• Raised buttons
• 純icon按鈕
• Toggle buttons

icon+文字的形式為什麼沒有出現，

↑　好比這按鈕在Google analytics經常看的，但是卻沒有添加到Google guideline里。

PS：FAB（Floating Action ）的行為和usage很不一樣，這裡不討論。

---

原因：

Material Design 是先進的，規範不會為低水平設計師讓步。

而按鈕的文字描述或圖標示意顯得模稜兩可，沒有意外的話——就是設計師技能水平的事情了。

因此Materia Design在按鈕章節的先提條件就是：文字描述精確/圖標示意明晰。

原理：

想像一條線，叫指向性。圖標在最左邊，值為「弱」。文字在最右邊，值為「強」。

但是，圖標+文字可不是「中」。

因為指向性強的總會覆蓋指向性弱的，在看向圖標+文字的按鈕時，文字是先被理解的，而後的圖標已經是一種裝飾了。

所以不能用圖標+文字的按鈕嗎？

不是的。

1. 假如按鈕指向的操作確實(不許自欺欺人噢)很難用文字形容，而圖標的指向也不太清晰，但文字與圖標拼在一起能讓人的聯想往你希望的方向靠的話，用唄。

2. 圖標可以產生裝飾性作用。規範中，標籤欄與導航抽屜都有圖標+文字的樣式，這是為了增強界面的表現力。如果你的界面比較簡單，採用圖標+文字的形式也未嘗不可。

圖標+文字只是一種組合，組合的好不好是自己的事，規範無禁即可為(當然前提還是要遵循設計原則)。

題外話：

Google怎麼做的不代表Material Design怎麼做。

---

奧卡姆剃刀原則：如非必要，誤增實體。

---

推薦閱讀：