在UI界面中，如何正確的設(shè)計(jì)體驗(yàn)良好的的按鈕？

按鈕是UI界面中關(guān)鍵設(shè)計(jì)組件，在UI界面中，如何正確的設(shè)計(jì)體驗(yàn)良好的的按鈕？我們最近對公司的設(shè)計(jì)系統(tǒng)中的一些按鈕樣式進(jìn)行大改版，我和開發(fā)團(tuán)隊(duì)會不斷地反復(fù)討論，比如“這是正確的用例嗎？” “這應(yīng)該是什么顏色？” 

經(jīng)過大量研究，需要考慮影響按鈕設(shè)計(jì)的
5 個關(guān)鍵因素：
1、按鈕的類型；
2、它執(zhí)行的操作，以及這是主要的還是次要的；
3、是否與附近的其他行動有關(guān)；
4、那個地點(diǎn);
5、交互狀態(tài)；

6 種核心按鈕類型：
1、文本
2、概述
3、圖標(biāo)
4、切換
5、浮動操作按鈕 (FAB)
有更多，不太常用的樣式，具體取決于您的外觀，但這些是您真正需要掌握的樣式。

按鈕等級制度
按鈕的樣式將直接受其在界面中的層次結(jié)構(gòu)影響。我們需要考慮三個級別的重點(diǎn)：高、中和低（將這些視為金字塔，您最重要的行動位于最頂部）。

高強(qiáng)調(diào)按鈕將引起其他人的最大關(guān)注，而低強(qiáng)調(diào)按鈕將被視為非必要或補(bǔ)充。您界面中的所有操作都應(yīng)歸屬于這些級別中的至少一個。如果您不確定您的操作在此層次結(jié)構(gòu)中的位置，我建議您創(chuàng)建一個重點(diǎn)表來找出答案。

按鈕的狀態(tài)
按鈕狀態(tài)是我們用來傳達(dá)用戶在交互中的哪個階段。有6個你需要注意：
1、已啟用：用戶可以與之交互的按鈕。
2、已禁用：用戶無法與之交互的按鈕。
3、懸停：用戶將光標(biāo)放在按鈕上。
4、重點(diǎn)突出：用戶使用鍵盤或語音輸入突出顯示了按鈕。
5、Pressed：用戶點(diǎn)擊或點(diǎn)擊了按鈕。

最后，設(shè)計(jì)狀態(tài) 在不同按鈕之間保持狀態(tài)一致的一個好方法是使用覆蓋，這是一個半透明的覆蓋物，放置在您的啟用狀態(tài)上。一個很好的指導(dǎo)方法是將覆蓋層的顏色與按鈕的文本顏色相匹配。 對于禁用狀態(tài)，Material Design 推薦啟用狀態(tài)的38% 不透明度版本，同時我們可以高度參考一些知名的，比如Ant design螞蟻設(shè)計(jì)，等一些設(shè)計(jì)系統(tǒng)庫。