按鈕是UI界面的元素之一，可以本能地吸引游客并將其轉(zhuǎn)化為買家。界面中的UI按鈕類型包括：CTA按鈕、幽靈按鈕、下拉按鈕、浮動操作按鈕、漢堡包按鈕、加號按鈕、消耗品按鈕、共享按鈕。

號召性用語按鈕

CTA（呼叫語言）按鈕是一種交互元素，可以提示用戶注冊、登錄、立即購買等，并應(yīng)放置在用戶可能看到的位置。CTA移動UI按鈕的主要目的是提高單個頁面的切換速度，以達(dá)到預(yù)期的效果。您可以選擇一個圓角的CTA按鈕，既醒目又醒目。

常見的按鈕模板分享：https://js.design/community?category=search&search=%E6%8C%89%E9%92%AE&source=bz&plan=ysbz111

幽靈按鈕

幽靈UI按鈕也被稱為大綱按鈕，它們非常重要，但不是頁面上的主要操作。如今，這種UI按鈕設(shè)計已經(jīng)變得非常流行，尤其是對于登錄頁面。

填充按鈕和幽靈按鈕哪個更好？如果你想強調(diào)你的文本，填充UI按鈕應(yīng)該是你的主要CTA。同時，幽靈UI按鈕給設(shè)計帶來優(yōu)雅微妙的感覺。

下拉按鈕

下拉按鈕是一個常用的UI按鈕。當(dāng)單擊或懸停時，您會發(fā)現(xiàn)一個相互排斥的項目下拉列表，它為用戶提供了一個開放列表，以添加任何特定的項目。您可以使用自定義的下拉顏色來添加光滑的動畫，并使用CSS選擇器來設(shè)置組件樣式。此外，越來越多的項目可以通過輸入幾個錨點來添加到菜單中。

浮動操作按鈕

浮動操作UI按鈕類似于出現(xiàn)在所有頁面上的主UI按鈕。通常，它以三種不同的形式出現(xiàn)——傳統(tǒng)、迷你和擴展，你只需要根據(jù)項目的要求進(jìn)行選擇。如下圖所示，應(yīng)用程序UI設(shè)計中的主要操作可以通過右下角的浮動操作UI按鈕觸發(fā)。

常見的按鈕模板分享：https://js.design/community?category=search&search=%E6%8C%89%E9%92%AE&source=bz&plan=ysbz111

漢堡按鈕

漢堡按鈕來自漢堡包的主題。漢堡UI按鈕是任何網(wǎng)站設(shè)計和布局的重要組成部分。你一定在網(wǎng)站或應(yīng)用程序中看到過這個圖標(biāo)，通常被稱為菜單。你可以很容易地在網(wǎng)站或應(yīng)用程序的頂部找到這三條水平線，有時在左邊，有時在最右邊。漢堡UI按鈕無處不在，易于識別，可以使您的界面看起來更干凈，非常適合作為導(dǎo)航UI按鈕。

加號按鈕

添加UI按鈕允許用戶在列表中創(chuàng)建新帖子、添加聯(lián)系信息、位置詳細(xì)信息和更多項目。您必須在博客文章中看到這個UI按鈕，它可以完全自由地選擇并使添加的內(nèi)容更加集中。因此，當(dāng)用戶點擊添加UI按鈕時，它將直接轉(zhuǎn)移到創(chuàng)建內(nèi)容的模式窗口。

消耗按鈕

消耗UI按鈕是加號按鈕的擴展，單擊時會提供多種選擇。消耗UI按鈕是網(wǎng)頁的巧妙布局之一，它設(shè)置了無縫的交互過程，不會使屏幕超載。在旅游網(wǎng)站或應(yīng)用程序中，消耗UI按鈕允許用戶添加旅行、日期、新項目或任何內(nèi)容。通過這些UI按鈕的設(shè)計，可以優(yōu)化到達(dá)時間。

常見的按鈕模板分享：https://js.design/community?category=search&search=%E6%8C%89%E9%92%AE&source=bz&plan=ysbz111

分享按鈕

由于社交媒體渠道和網(wǎng)絡(luò)的發(fā)展，共享UI按鈕變得非常流行。人們喜歡分享創(chuàng)意和豐富的信息，從而為網(wǎng)站帶來更多的用戶。

因此，有必要在網(wǎng)站界面設(shè)計中添加一個共享按鈕。通常，它會顯示W(wǎng)eChat、微博、twitter或Linkedin等圖標(biāo)的品牌標(biāo)志。沒有必要給這些圖標(biāo)一個形狀或顏色，因為它們必須保持原始狀態(tài)才能更好地交互。通常，共享UI按鈕放置在網(wǎng)站頁面的底部或頂部。