UI按鈕設(shè)計是如何做的?按鈕是設(shè)計過程中經(jīng)常使用的一種控件，是告訴用戶按下按鈕后將進(jìn)行的操作，可以理解按鈕是操作的觸發(fā)器。下面我們來看看UI按鈕設(shè)計是如何做的吧。

       UI按鈕設(shè)計是如何做的?

       1.扁平按鈕

       扁平按鈕使用文本作為按鈕。

       行為:單擊扁平按鈕時，按鈕不會向上移動，但其背景顏色會有從中間延伸到四周的效果。

       用法:扁平按鈕通常用于警告框，建議居右對齊。通常，操作性按鈕放在右邊，取消性按鈕放在左邊，如果用在卡片中，扁平按鈕通常向左對齊，以增加按鈕的曝光度。但是，有許多不同樣式的卡片，設(shè)計師可以根據(jù)內(nèi)容和上下文來安排扁平按鈕的位置，只要在同一產(chǎn)品中，卡片內(nèi)的扁平按鈕位置是統(tǒng)一的即可。

       2.凸起按鈕

       凸起按鈕有一定的高度，視覺上比較醒目，所以可以起到強(qiáng)調(diào)按鈕本身的作用。

       當(dāng)需要強(qiáng)調(diào)頁面上的按鈕時，建議使用凸按鈕。

       行為:當(dāng)單擊凸起按鈕時，按鈕的背景會從中間向四周填充上顏色，并且按鈕本身會升起一段距離作為反饋。

       3.底部常駐按鈕

       如果你的應(yīng)用要求用戶能夠隨時執(zhí)行某項操作，那么請考慮使用懸浮按鈕或底部常駐按鈕。

       4.下拉菜單按鈕

       下拉菜單按鈕允許用戶從一系列選項中選擇一個選項，該按鈕默認(rèn)顯示當(dāng)前選擇的選項和下拉箭頭。

       當(dāng)用戶點(diǎn)擊下拉菜單按鈕時，該選項直接在按鈕的正上方彈出，擋住下拉菜單按鈕。要注意，下拉菜單的選項是可以設(shè)計成允許修改的，并且設(shè)計師可以根據(jù)需要決定是否需要可修改的屬性。

       5.開關(guān)按鈕

       像開關(guān)一樣，開關(guān)按鈕有兩種狀態(tài):一旦被點(diǎn)擊，它將從狀態(tài)a切換到狀態(tài)b;再次單擊并從b切換到a，最常見的按鈕如“喜歡”和“收藏”。

       蘋果中按鈕的介紹要簡單得多，主要介紹蘋果系統(tǒng)提供的三種按鈕:系統(tǒng)按鈕、信息按鈕和添加聯(lián)系人按鈕。

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