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