歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-11-28 14:13:25|已瀏覽:60次
UI設(shè)計(jì)師如何設(shè)計(jì)按鈕
UI設(shè)計(jì)師如何設(shè)計(jì)按鈕?設(shè)計(jì)師可以把按鈕的優(yōu)先級設(shè)計(jì)得更加直觀,以減少用戶必須仔細(xì)看每個(gè)按鈕才敢操作,這樣的情況發(fā)生,今天小編主要給大家分享UI設(shè)計(jì)師如何設(shè)計(jì)按鈕,希望對你們有幫助!
一、區(qū)分純文本按鈕
App 上常犯的錯(cuò)誤是只使用文字來表示按鈕。設(shè)計(jì)師使用文字按鈕來表示優(yōu)先級較低的操作,但這對用戶來說是一個(gè)錯(cuò)誤的選擇,因?yàn)榧兾谋緵]有按鈕的外觀,這可能導(dǎo)致用戶忽略這些操作。
純文本按鈕不僅令人費(fèi)解,而且也不容易點(diǎn)擊。將文本內(nèi)容放在按鈕框中可以使按鈕更容易點(diǎn)擊和注意。
與純文本相比,描邊形式的按鈕是降低優(yōu)先級的好方法。它們使每個(gè)選項(xiàng)易于識別,以便用戶能夠選擇所需的目標(biāo)。
二、按鈕加上顏色
高優(yōu)先級按鈕應(yīng)該是最容易識別的,它直接指向用戶最需要的目標(biāo)操作。如果不確定優(yōu)先級,請考慮哪些操作會使得用戶朝著目標(biāo)前進(jìn),哪些操作會導(dǎo)致用戶后退。
顏色是增加按鈕權(quán)重的一種有效方法,因?yàn)樗鼜奈谋绢伾忻摲f而出,吸引了用戶的注意力。當(dāng)按鈕的顏色與文本的顏色相同時(shí),提示就不那么強(qiáng)烈了。使用不同顏色的高優(yōu)先級按鈕可以幫助用戶快速做出決定。
如果對每個(gè)不同的優(yōu)先級按鈕使用相同的顏色,用戶將不知道哪個(gè)優(yōu)先級更高。使用不同的顏色只會使用戶更加困惑,不知道這些顏色意味著什么。不僅如此,每個(gè)按鈕使用不同的顏色,使視覺權(quán)重再次相同。
秘訣就在于使用相同的顏色,但改變飽和度和亮度會改變按鈕的優(yōu)先級,使其比高優(yōu)先級按鈕輕。按鈕的視覺比重有了區(qū)分,一下子就變得清晰了很多。
為了增加對比度,可以使用反色。在主按鈕的深色背景上使用淺色文本,在中等優(yōu)先級按鈕上使用淺色文本。這樣就使得高優(yōu)先級的按鈕具有最亮的文本和最強(qiáng)的對比度。
三、更改文本粗細(xì)
使用前面提到的方法就足以確定優(yōu)先級,但還可以做得更好。每個(gè)按鈕設(shè)計(jì)的越直觀,用戶就越少思考。
在每個(gè)按鈕文本上使用相同的粗細(xì)來表示相同的權(quán)重,最好根據(jù)優(yōu)先級強(qiáng)調(diào)不同的文本。試著改變文本的粗細(xì),而優(yōu)先級最低的文本則不加粗,這樣按鈕文本也有了不同的優(yōu)先級,用戶在閱讀這些文字內(nèi)容的時(shí)候就能感知到。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-71617.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050