原文地址? ? http://www.uisdc.com/ios-android-buttons
Material Design Guidelines
按鈕告知用戶按下按鈕后將進(jìn)行的操作抖甘，我們可以把按鈕理解為一個操作的觸發(fā)器解藻。按鈕主要有以下五種：扁平按鈕孝治、凸起按鈕、懸浮按鈕福侈、底部常駐按鈕酒来、下拉菜單按鈕、開關(guān)按鈕肪凛。下面我們來一一介紹堰汉。
扁平按鈕
扁平按鈕就是把文字用作按鈕辽社，如下圖
△ ?文字按鈕示例（圖中紅色虛線即為文字按鈕）
行為：在點擊扁平按鈕的時候，按鈕不會有升起的動作翘鸭，但是它的背景會有一個從中間向四周擴(kuò)展顏色的動效滴铅，如下圖的第三個動畫所示：
△ ?扁平按鈕的各種狀態(tài)（動畫）
△ ?左：扁平按鈕的各種狀態(tài)（靜態(tài)）；右：按下扁平按鈕時的狀態(tài)示例
用法：扁平按鈕一般用在警告框中就乓，推薦居右對齊汉匙。一般右邊放操作性的按鈕，左邊放取消按鈕生蚁。如果用在卡片中噩翠，扁平按鈕一般居左對齊，以增加按鈕的曝光邦投。不過伤锚，卡片有很多種不同的樣式，設(shè)計師可以根據(jù)內(nèi)容和上下文來安排扁平按鈕的位置志衣。只要保證在同一個產(chǎn)品中屯援，卡片內(nèi)的扁平按鈕的位置統(tǒng)一就可以了。
凸起按鈕
凸起按鈕由于具有一定的高度念脯，視覺上相對搶眼玄呛，所以可以起到強(qiáng)調(diào)按鈕本身的作用。
當(dāng)頁面中的按鈕需要強(qiáng)調(diào)的時候和二，建議使用凸起按鈕徘铝，如下圖：
行為：當(dāng)點擊凸起按鈕時，按鈕的背景會從中間向四周填充上顏色惯吕，同時按鈕本身會升起一段距離作為反饋：
△ ?凸起按鈕的各種狀態(tài)（動畫）
△ ?凸起按鈕的各種狀態(tài)（靜態(tài)）
懸浮按鈕
關(guān)于懸浮按鈕惕它，MD用了單獨一節(jié)專門講這個按鈕，由于內(nèi)容較多废登，我會在下篇文章詳細(xì)介紹淹魄。
底部常駐按鈕
如果你的應(yīng)用需要用戶隨時可以進(jìn)行某個操作，那么請考慮使用懸浮按鈕或者底部常駐按鈕堡距。
△ ?底部常駐按鈕示例
下拉菜單按鈕
下拉菜單按鈕允許用戶從一系列選項中選擇一個選項甲锡。按鈕默認(rèn)會展示當(dāng)前選中的選項以及一個下拉箭頭。
△ ?下拉菜單按鈕示例
當(dāng)用戶點擊下拉菜單按鈕羽戒，選項會在按鈕的正上方彈出缤沦，擋住下拉菜單按鈕，如下圖所示：
△ ?使用下拉菜單選擇選項的動畫示意
需要注意的是易稠，下拉菜單的選項是可以設(shè)計成允許修改的缸废，設(shè)計師可以根據(jù)需要決定是否需要可修改的屬性。具體如下圖所示：
△ ?選項值可修改的下拉菜單按鈕
開關(guān)按鈕
開關(guān)按鈕，就像開關(guān)一樣有兩種狀態(tài)：點擊一下企量，它就會從狀態(tài)A切換成狀態(tài)B测萎；再次點擊，又從B切換成A届巩。最常見的比如喜歡硅瞧、收藏按鈕：
△ ?開關(guān)按鈕示例
iOS Human Interface Guidelines
蘋果的規(guī)范對于按鈕的介紹要簡略的多，主要介紹了蘋果系統(tǒng)提供的三種按鈕：系統(tǒng)按鈕恕汇、信息按鈕和添加聯(lián)系人按鈕零酪。
系統(tǒng)按鈕
所謂的系統(tǒng)按鈕，其實就跟MD中的扁平按鈕一樣：使用一個詞做為一個按鈕拇勃。
△ ?系統(tǒng)按鈕示例
關(guān)于系統(tǒng)按鈕四苇，蘋果給出了以下三個注意的要點：
1. 使用動詞。表明了操作的動詞方咆，可以表明這個詞是可操作的月腋，并且說明了點擊之后會有什么效果。
2. 盡量使動詞簡短瓣赂。
3. 只在必要的情況下榆骚，增加邊框或者背景色。默認(rèn)情況下煌集，系統(tǒng)按鈕是沒有邊框和背景色的妓肢。但在某些情況下，如果需要強(qiáng)調(diào)該按鈕苫纤，則可以增加邊框和背景色碉钠。
信息按鈕
信息按鈕很好理解，就是點擊之后會出現(xiàn)相關(guān)的詳細(xì)信息卷拘，一般以模態(tài)的形式出現(xiàn)喊废。
△ ?信息按鈕示例
有一點需要特別注意：如果是通過點擊整行來出現(xiàn)詳細(xì)信息，那么請不要同時使用信息按鈕栗弟，否則容易引起誤解污筷。
添加聯(lián)系人按鈕
添加聯(lián)系人實在沒什么好說的，就是點擊按鈕之后會出現(xiàn)聯(lián)系人的頁面乍赫，一般也是以模態(tài)視圖的形態(tài)出現(xiàn)瓣蛀。（蘋果關(guān)于按鈕的說明也是很沒有誠意呢，攤手雷厂。）
△ ?添加聯(lián)系人按鈕
以上介紹了MD和iOS設(shè)計規(guī)范中按鈕這個高頻使用的控件惋增。值得一提的是，MD的按鈕動效還是很有自家特色的罗侯，在應(yīng)用中稍微一使用器腋，就會有明顯的MD風(fēng)格。大家在做設(shè)計時钩杰，有機(jī)會可以嘗試一下纫塌。
