阿甲科技的設計師給你們的UI按鈕繪製終極指南

按鈕是 UI 和交互設計的基本元素。在今天的文章當中，我們將會回顧一下按鈕設計的8個基本原則，希望它們能夠在設計的時候幫到你。

01按鈕必須看起來像

涉及到用戶界面交互的時候，用戶需要知道哪些是可點擊的，而哪些不是。面對著 UI 界面中的每個元素，用戶都需要對它們進行辨別和判斷，而這個過程越長，可用性其實就越差。

按鈕本身的視覺屬性很重要，而按鈕附近的留白同樣重要，他們讓按鈕更容易被識別，也更容易交互。在下面的案例當中，用戶很可能會將文本內容和幽靈按鈕混淆。用戶在此無法判斷它到底是一個盒子元素，還是個按鈕。

03將按鈕放在醒目處

用戶對於頁面交互其實是有基本的感知和期望的，也就是說用戶對於按鈕的位置是有個基本的認知的。不要讓用戶到處找按鈕，它最好在用戶所期望的位置出現。

當按鈕的文本標籤上的內容寫的太過於寬泛，或者使用帶有誤解的內容，可能會讓用戶感到迷惑。每個標籤上的文本標籤都應該盡量準確，簡明直接地介紹清楚它的真實功能。

05擁有合理的尺寸

按鈕的大小應該反映出屏幕上這一元素的優先順序，更大的按鈕應該意味著更重要的交互。

注意按鈕的次序

06注意按鈕的次序

按鈕的順序應該反映出用戶和界面之間交互的屬性，問問自己用戶期望在屏幕上看到什麼樣的順序，或者說什麼樣的順序更合理，然後進行相應的設計。

07避免使用太多按鈕

這是許多 APP 和網站中經常出現的一個問題。當你提供太多的選擇的時候，用戶往往會無所適從。無論是設計網站還是 APP，請務必盡量考慮最重要的操作，控制好優先順序和複雜度。

08為按鈕交互提供反饋

當用戶點擊按鈕的時候，他們更希望界面能夠給予適當的反饋。基於不同的操作，界面給予視覺或者音頻的反饋。當用戶沒有收穫任何反饋的時候，他們可能會覺得界面沒有收到他們的操作，從而反覆點擊，執行多次不必要的操作。

以上幾點就是我們阿甲科技的設計師在設計按鈕中最應該注意到的幾個常規要點了。希望對大家有所幫助~