2022-11-19 15:27:38|已瀏覽：167次
UI按鈕設計是如何做的?按鈕是設計過程中經(jīng)常使用的一種控件，是告訴用戶按下按鈕后將進行的操作，可以理解按鈕是操作的觸發(fā)器。下面我們來看看UI按鈕設計是如何做的吧。
UI按鈕設計是如何做的?
1.扁平按鈕
扁平按鈕使用文本作為按鈕。
行為:單擊扁平按鈕時，按鈕不會向上移動，但其背景顏色會有從中間延伸到四周的效果。
用法:扁平按鈕通常用于警告框，建議居右對齊。通常，操作性按鈕放在右邊，取消性按鈕放在左邊，如果用在卡片中，扁平按鈕通常向左對齊，以增加按鈕的曝光度。但是，有許多不同樣式的卡片，設計師可以根據(jù)內容和上下文來安排扁平按鈕的位置，只要在同一產(chǎn)品中，卡片內的扁平按鈕位置是統(tǒng)一的即可。
2.凸起按鈕
凸起按鈕有一定的高度，視覺上比較醒目，所以可以起到強調按鈕本身的作用。
當需要強調頁面上的按鈕時，建議使用凸按鈕。
行為:當單擊凸起按鈕時，按鈕的背景會從中間向四周填充上顏色，并且按鈕本身會升起一段距離作為反饋。
3.底部常駐按鈕
如果你的應用要求用戶能夠隨時執(zhí)行某項操作，那么請考慮使用懸浮按鈕或底部常駐按鈕。
4.下拉菜單按鈕
下拉菜單按鈕允許用戶從一系列選項中選擇一個選項，該按鈕默認顯示當前選擇的選項和下拉箭頭。
當用戶點擊下拉菜單按鈕時，該選項直接在按鈕的正上方彈出，擋住下拉菜單按鈕。要注意，下拉菜單的選項是可以設計成允許修改的，并且設計師可以根據(jù)需要決定是否需要可修改的屬性。
5.開關按鈕
像開關一樣，開關按鈕有兩種狀態(tài):一旦被點擊，它將從狀態(tài)a切換到狀態(tài)b;再次單擊并從b切換到a，最常見的按鈕如“喜歡”和“收藏”。
蘋果中按鈕的介紹要簡單得多，主要介紹蘋果系統(tǒng)提供的三種按鈕:系統(tǒng)按鈕、信息按鈕和添加聯(lián)系人按鈕。
注：尊重原創(chuàng)文章,轉載請注明出處和鏈接 http://m.elsolbar.com/news-id-69426.html 違者必究！部分文章來源于網(wǎng)絡由培訓無憂網(wǎng)編輯部人員整理發(fā)布,內容真實性請自行核實或聯(lián)系我們，了解更多相關資訊請關注UI設計頻道查看更多，了解相關專業(yè)課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050
