我在做設計的時候，發現在普通按鈕之外，還有兩種特殊的按鈕。今天就跟大家聊聊。

先說普通按鈕，大家平常見到的菜單中大部分按鈕都算是普通按鈕，他們除了表示這個按鈕是什么意思之外沒有其他的更深層的含義（什么是其他的含義后面會解釋），如word中的這些菜單：

我們在做實際設計的時候，經常發現這樣普通的按鈕沒有辦法滿足我們的功能需求，于是就衍生出了一些新的按鈕樣式。

什么是狀態按鈕呢？狀態按鈕時表示你目前的操作處于什么狀態下，而且，通常狀態的變化都是由這個按鈕操作引起的。這種按鈕在表示狀態的時候更像是一個狀態的開關。

舉例說明:

office中的文本控制按鈕，加粗按鈕現在為激活，次按鈕表示目前處于加粗的狀態下進行文本編輯。而斜體的按鈕處于非激活，則標注目前的文本編輯并不是在這個狀態下。兩個按鈕的操作都會引起當前狀態的變化。

需要說明的是，這中按鈕的樣式只有一種，狀態的差別只有是否激活的區別么有樣式的區別。

還有一種按鈕，其當前的樣式并非操作所處于的狀態，而是表示按鈕操作后的狀態，這種按鈕我成為之導向按鈕。

舉例說明：



這是MSN中的屏蔽設計，當未屏蔽時，按鈕樣式為上圖，按鈕的意思為屏蔽此人；當已經屏蔽時，按鈕的樣式為下圖，以為取消屏蔽。按鈕的樣式和當前的狀態正好相反，他們表示的是這個按鈕點擊后的狀態。

一般來說，這種導向按鈕僅用在只有兩種狀態，而且是相反的狀態下。所以，office中的視圖模式就明顯不適合這種導向按鈕，而采取了下面的這種樣式：

按鈕的樣式多種多樣，除了我列舉的這兩種是從導向和狀態來區分之外，還有很多區分方法，大家在設計時都會慢慢發現的。