在進(jìn)行UI設(shè)計的時候，設(shè)計按鈕往往需要考慮按鈕的設(shè)計風(fēng)格、外形、色調(diào)等諸多因素。掌握正確的設(shè)計技巧，可以幫助UI設(shè)計師快速和高效地完成按鈕的設(shè)計。通常按鈕的設(shè)計技巧主要包括：
匹配品牌
按鈕設(shè)計中非常重要的一點(diǎn)就是與它的使用環(huán)境相匹配。這意味著在按鈕的設(shè)計過程中也需要選擇特定的色彩、形狀，或從目標(biāo)品牌的設(shè)計理念及Logo中汲取靈感。需要以目標(biāo)品牌為依據(jù)來決定按鈕的形狀、材質(zhì)和風(fēng)格。
匹配風(fēng)格
在按界面設(shè)計中設(shè)計師要對界面風(fēng)格做整體把握，這樣對界面中按鈕的設(shè)計運(yùn)用就要有一定的要求，按鈕與界面設(shè)計風(fēng)格相匹配是按鈕設(shè)計中基本的要求。
突出對比度
在界面設(shè)計中，按鈕的重要性不容忽視，漂亮的按鈕可以直接吸引用戶點(diǎn)擊。因此在設(shè)計中，設(shè)計師往往會利用色彩、形狀、字體等不同元素，賦予按鈕獨(dú)特的視覺效果，使它們能與界面中的其他元素清晰地區(qū)別開。
描邊顏色的設(shè)置
人們見到的大多數(shù)按鈕都或多或少地使用了描邊效果。通常情況下，如果按鈕的顏色比背景色更暗，那么應(yīng)使用比按鈕顏色暗的描邊效果。如果是相反的情形，那么應(yīng)使比背景色偏暗的描邊效果。
巧用小圖標(biāo)
按鈕設(shè)計中添加簡潔微小的圖標(biāo)往往會發(fā)揮意想不到的作用。例如：一個指向右邊的箭頭圖標(biāo)可能會讓用戶覺得點(diǎn)擊它會離開頁面或打開一個新頁面。而一個指向下方的箭頭則可能會給用戶這樣的信息，即點(diǎn)擊它可以打開一個下拉菜單或查看隱藏的內(nèi)容。
按鈕主次分明
如果在界面設(shè)計中需要展示很多選項和功能，那么使用不同的視覺效果為按鈕劃分級別就顯得尤為必要。對重要的按鈕應(yīng)使用強(qiáng)烈，鮮艷的色彩，對其他的按鈕應(yīng)按重要程度次第削弱色彩效果。在其他方面也一樣，對于二級、三級按鈕應(yīng)該在大小、字號和效果等方面做相應(yīng)調(diào)整。
尺寸規(guī)格
由于在APP界面設(shè)計中所有能點(diǎn)擊的圖片尺寸不能小于44×44像素。因此設(shè)計按鈕的尺寸應(yīng)不小于44×44像素，實(shí)在小的按鈕圖片可以切上空白像素來滿足需求。還有一點(diǎn)需要引起大家的注意，在APP界面中單獨(dú)存在的部件尺寸必須是偶數(shù)尺寸，所以按鈕的寬高尺寸都應(yīng)設(shè)置為偶數(shù)。 注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-17256.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
