UI設計師如何設計按鈕

UI設計師如何設計按鈕？設計師可以把按鈕的優先級設計得更加直觀，以減少用戶必須仔細看每個按鈕才敢操作，這樣的情況發生，今天小編主要給大家分享UI設計師如何設計按鈕，希望對你們有幫助!

一、區分純文本按鈕

App 上常犯的錯誤是只使用文字來表示按鈕。設計師使用文字按鈕來表示優先級較低的操作，但這對用戶來說是一個錯誤的選擇，因為純文本沒有按鈕的外觀，這可能導致用戶忽略這些操作。

純文本按鈕不僅令人費解，而且也不容易點擊。將文本內容放在按鈕框中可以使按鈕更容易點擊和注意。

與純文本相比，描邊形式的按鈕是降低優先級的好方法。它們使每個選項易于識別，以便用戶能夠選擇所需的目標。

二、按鈕加上顏色

高優先級按鈕應該是最容易識別的，它直接指向用戶最需要的目標操作。如果不確定優先級，請考慮哪些操作會使得用戶朝著目標前進，哪些操作會導致用戶后退。

顏色是增加按鈕權重的一種有效方法，因為它從文本顏色中脫穎而出，吸引了用戶的注意力。當按鈕的顏色與文本的顏色相同時，提示就不那么強烈了。使用不同顏色的高優先級按鈕可以幫助用戶快速做出決定。

如果對每個不同的優先級按鈕使用相同的顏色，用戶將不知道哪個優先級更高。使用不同的顏色只會使用戶更加困惑，不知道這些顏色意味著什么。不僅如此，每個按鈕使用不同的顏色，使視覺權重再次相同。

秘訣就在于使用相同的顏色，但改變飽和度和亮度會改變按鈕的優先級，使其比高優先級按鈕輕。按鈕的視覺比重有了區分，一下子就變得清晰了很多。

為了增加對比度，可以使用反色。在主按鈕的深色背景上使用淺色文本，在中等優先級按鈕上使用淺色文本。這樣就使得高優先級的按鈕具有最亮的文本和最強的對比度。

三、更改文本粗細

使用前面提到的方法就足以確定優先級，但還可以做得更好。每個按鈕設計的越直觀，用戶就越少思考。

在每個按鈕文本上使用相同的粗細來表示相同的權重，最好根據優先級強調不同的文本。試著改變文本的粗細，而優先級最低的文本則不加粗，這樣按鈕文本也有了不同的優先級，用戶在閱讀這些文字內容的時候就能感知到。

      注：尊重原創文章,轉載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-71617.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注UI設計頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050