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