歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > UI設(shè)計(jì) >  UI設(shè)計(jì)中的按鈕有哪些類型

UI設(shè)計(jì)中的按鈕有哪些類型

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:裴裴

2023-02-08 12:24:48|已瀏覽:1944次

UI設(shè)計(jì)中的按鈕有哪些類型

UI設(shè)計(jì)中的按鈕有哪些類型?在進(jìn)行UI設(shè)計(jì)的時(shí)候,設(shè)計(jì)按鈕往往需要考慮按鈕的設(shè)計(jì)風(fēng)格、外形、色調(diào)等諸多因素。掌握正確的設(shè)計(jì)技巧,可以幫助UI設(shè)計(jì)師快速和高效地完成按鈕的設(shè)計(jì)。按鈕設(shè)計(jì)可以直接關(guān)系著用戶引流、觸發(fā)行動(dòng)、產(chǎn)品轉(zhuǎn)化率等至關(guān)重要的問題。另外,精致的按鈕也會讓整個(gè)頁面的視覺提升檔次。下面我們一起來學(xué)習(xí)了解一下按鈕有哪些類型。

功能類型

按鈕在功能類型中可以分為流程控制和功能選項(xiàng)兩種。

流程控制:這是常見的傳統(tǒng)按鈕,如下一步、確定、保存等提示功能。

功能選項(xiàng):例如開關(guān)/加減控件、標(biāo)簽欄/分類、狀態(tài)切換等功能按鈕,操作之后只針對當(dāng)前頁面做出屬性的調(diào)整。

視覺樣式(橫向)

常規(guī)按鈕:最常見的按鈕,當(dāng)同一個(gè)頁面出現(xiàn)多個(gè)常規(guī)按鈕時(shí),會有主次之分。

虛線按鈕:常用于添加、上傳等操作。

文本按鈕:作用于文字的按鈕,部分會用主色、右側(cè)箭頭、下劃線等方式突出表現(xiàn)。

層級分類(縱向)

高權(quán)重:主操作按鈕通常帶有填充色。當(dāng)同一個(gè)頁面存在多個(gè)按鈕,只允許存在一個(gè)高權(quán)重(主操作)按鈕。

中權(quán)重:帶邊框輪廓的概述按鈕,同一頁面可存在多個(gè)中權(quán)重的按鈕。

低權(quán)重:純文本按鈕,以及淺色填充+淺色文字的按鈕,同一頁面可存在多個(gè)低權(quán)重按鈕。

以上就是UI設(shè)計(jì)中的一些按鈕類型,在設(shè)計(jì)按鈕類型的時(shí)候需要根據(jù)頁面和功能情況進(jìn)行設(shè)計(jì),以達(dá)到更好的用戶操作效果。

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

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費(fèi) 申 請 試 聽
提交申請,《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!