UI設(shè)計師如何設(shè)計按鈕

UI設(shè)計師如何設(shè)計按鈕

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

一、區(qū)分純文本按鈕

App 上常犯的錯誤是只使用文字來表示按鈕。設(shè)計師使用文字按鈕來表示優(yōu)先級較低的操作，但這對用戶來說是一個錯誤的選擇，因?yàn)榧兾谋緵]有按鈕的外觀，這可能導(dǎo)致用戶忽略這些操作。

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

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

二、按鈕加上顏色

高優(yōu)先級按鈕應(yīng)該是最容易識別的，它直接指向用戶最需要的目標(biāo)操作。如果不確定優(yōu)先級，請考慮哪些操作會使得用戶朝著目標(biāo)前進(jìn)，哪些操作會導(dǎo)致用戶后退。

顏色是增加按鈕權(quán)重的一種有效方法，因?yàn)樗鼜奈谋绢伾�中脫穎而出，吸引了用戶的注意力。當(dāng)按鈕的顏色與文本的顏色相同時，提示就不那么強(qiáng)烈了。使用不同顏色的高優(yōu)先級按鈕可以幫助用戶快速做出決定。

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

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

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

三、更改文本粗細(xì)

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

在每個按鈕文本上使用相同的粗細(xì)來表示相同的權(quán)重，最好根據(jù)優(yōu)先級強(qiáng)調(diào)不同的文本。試著改變文本的粗細(xì)，而優(yōu)先級最低的文本則不加粗，這樣按鈕文本也有了不同的優(yōu)先級，用戶在閱讀這些文字內(nèi)容的時候就能感知到。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-71617.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請試課。關(guān)注官方微信了解更多：150 3333 6050