按鈕是用戶界面中最流行的交互元素之一。更重要的是，它們對(duì)于創(chuàng)建可靠的交互和積極的用戶體驗(yàn)至關(guān)重要。本文也是UX專業(yè)領(lǐng)域的文章，下文收集了我們每天在網(wǎng)站建設(shè)和移動(dòng)App設(shè)計(jì)上廣泛使用的不同類型按鈕的實(shí)例。
 

　　什么是按鈕？
 

　　按鈕是一個(gè)交互元素，它使你能夠按照特定的命令從系統(tǒng)獲得預(yù)期的交互反饋?；旧希粹o是一種控件，允許用戶直接與數(shù)字產(chǎn)品溝通，并發(fā)送必要的命令來實(shí)現(xiàn)特定的行動(dòng)目標(biāo)。例如，它可能是發(fā)送電子郵件、購買產(chǎn)品、下載一些數(shù)據(jù)或內(nèi)容，打開播放器以及大量其他可能的操作。按鈕如此受歡迎并有良好用戶體驗(yàn)的原因之一是，它們有效地模擬了在現(xiàn)實(shí)世界中與對(duì)象的交互行為。
 

　　現(xiàn)代UI按鈕非常多樣化，可以滿足多種用途。一般高頻使用的按鈕，它表示一個(gè)重要交互區(qū)域，通常使用特定的幾何形狀清晰地標(biāo)記出來，并配有解釋其特定操作功能的文字說明。設(shè)計(jì)師必須投入大量的時(shí)間和精力來創(chuàng)建高效并引人注目的按鈕，這些按鈕自然地融入了具體風(fēng)格界面中，按鈕和界面背景的對(duì)比度足以使其在版面中脫穎而出。
 

　　下文將具體介紹在移動(dòng)和網(wǎng)站建設(shè)界面中廣泛使用的按鈕類型。
 

　　行動(dòng)按鈕
 

　　行動(dòng)按鈕(CTA)是用戶界面的交互元素，旨在鼓勵(lì)用戶采取特定的操作。此操作為特定頁面或屏幕(例如購買、聯(lián)系、訂閱等)提供切換。換句話說，它把被動(dòng)用戶變成主動(dòng)用戶。因此，從技術(shù)上講，它可以是任何類型的帶有文字說明的按鈕。它與屏幕上所有其他按鈕的不同之處在于其吸引人的特性:它必須吸引注意力并刺激用戶執(zhí)行所需的操作。
 

　　這是一個(gè)出售兒童書籍的電子商務(wù)網(wǎng)站的主頁。在有特色幻燈片中，有一個(gè)核心操作作為頁面的目標(biāo):讓用戶訂閱郵件內(nèi)容。因此，行動(dòng)按鈕被設(shè)計(jì)成版面中最引人注目的元素之一，這樣用戶可以在他們?cè)敢獾臅r(shí)候立即看到如何執(zhí)行訂閱操作。
 

　　文字按鈕
 

　　它是一個(gè)帶有文字內(nèi)容的按鈕，并且沒有任何形狀外框，填充標(biāo)簽或任何類似的背景。所以，在我們對(duì)物理世界中這一現(xiàn)象的標(biāo)準(zhǔn)理解中，它看起來不像普通按鈕。文字是它唯一的視覺呈現(xiàn)。不過，它仍然是一個(gè)實(shí)時(shí)控件，允許用戶與界面交互。你還可以看到這些用顏色或下劃線標(biāo)記的文字按鈕。Web的導(dǎo)航文字菜單在默認(rèn)情況下都是具體交互性的，此外，在網(wǎng)站標(biāo)題中，文字按鈕將用戶與網(wǎng)站的核心內(nèi)容部分連接起來。文字按鈕通常用于創(chuàng)建輔助交互區(qū)域，而不會(huì)分散用戶對(duì)主要行動(dòng)按鈕的注意力。
 

　　這是一個(gè)時(shí)尚優(yōu)雅的網(wǎng)店首頁設(shè)計(jì)。如你所見，布局的交互部分基于文字按鈕。只有最主要行動(dòng)按鈕被展現(xiàn)為一個(gè)容易識(shí)別的行動(dòng)按鈕。香料了解更多關(guān)于設(shè)計(jì)的內(nèi)容，還可以看看《2019年適合你使用的19種流行免費(fèi)字體（二）》。
 

　　下拉按鈕
 

　　當(dāng)你單擊下拉按鈕時(shí)，將顯示一個(gè)多列內(nèi)容的下拉列表。你經(jīng)常會(huì)在設(shè)置按鈕中遇到這種類型。當(dāng)用戶選擇列表中的一個(gè)選項(xiàng)時(shí)，它通常被標(biāo)記為激活的，例如填充顏色。
 

　　醫(yī)療保健應(yīng)用交互流程(interaction flow)中，當(dāng)單擊按鈕時(shí)，它會(huì)打開選項(xiàng)的下拉列表。一旦你選擇了一個(gè)，大的加號(hào)按鈕就會(huì)消失，只留下選中的選項(xiàng)和小的減號(hào)按鈕，以防你想再次檢查列表。