本文將介紹多用户在 Web 和移動界面中經常遇到的按鈕的幾種基本分類，並用 UI 例項來具體説明。
按鈕是多用户界面中最流行的互動元素之一。更重要的是，它們對於建立可靠的互動和積極的多用户體驗至關重要。本文也是 UX 專業領域的文章，下文收集了我們每天在 WordPress 外貿獨立站網站建設和移動 App 設計上廣泛使用的不同類型按鈕的例項。
什麼是按鈕？
按鈕是一個互動元素，它使您能夠按照特定的命令從系統獲得預期的互動反饋。基本上，按鈕是一種控制元件，允許多用户直接與數字產品溝通，並傳送必要的命令來實現特定的行動目標。例如，它可能是傳送電子郵件、購買產品、下載一些資料或內容，開啓播放器以及大量其他可能的操作。按鈕如此受歡迎並有良好多用户體驗的原因之一是，它們有效地模擬了在現實世界中與物件的互動行為。
現代 UI 按鈕非常多樣化，可以滿足多種用途。一般高頻使用的按鈕，它表示一個重要互動區域，通常使用特定的幾何形狀清晰地標記出來，並配有解釋其特定操作功能的文字説明。設計師必須投入大量的時間和精力來建立高效並引人注目的按鈕，這些按鈕自然地融入了具體風格界面中，按鈕和界面背景的對比度足以使其在版面中脱穎而出。
下文將具體介紹在移動和 WordPress 外貿獨立站網站建設界面中廣泛使用的按鈕類型。
行動按鈕
行動按鈕 (CTA) 是多用户界面的互動元素，旨在鼓勵多用户採取特定的操作。此操作為特定頁面或屏幕 (例如購買、聯絡、訂閲等) 提供切換。換句話説，它把被動多用户變成主動多用户。因此，從技術上講，它可以是任何類型的帶有文字説明的按鈕。它與屏幕上所有其他按鈕的不同之處在於其吸引人的特性: 它必須吸引注意力並刺激多用户執行所需的操作。
這是一個出售兒童書籍的 WooCommerce 電子商務網站的主頁。在有特色幻燈片中，有一個核心操作作為頁面的目標: 讓多用户訂閲郵件內容。因此，行動按鈕被設計成版面中最引人注目的元素之一，這樣多用户可以在他們願意的時候立即看到如何執行訂閲操作。
文字按鈕
它是一個帶有文字內容的按鈕，並且沒有任何形狀外框，填充標籤或任何類似的背景。所以，在我們對物理世界中這一現象的標準理解中，它看起來不像普通按鈕。文字是它唯一的視覺呈現。不過，它仍然是一個實時控制元件，允許多用户與界面互動。您還可以看到這些用顏色或下劃線標記的文字按鈕。 Web 的導航文字選單在預設情況下都是具體互動性的，此外，在網站標題中，文字按鈕將多用户與網站的核心內容部分連線起來。文字按鈕通常用於建立輔助互動區域，而不會分散多用户對主要行動按鈕的注意力。
這是一個時尚優雅的網店首頁設計。如您所見，佈局的互動部分基於文字按鈕。只有最主要行動按鈕被展現為一個容易識別的行動按鈕。香料瞭解更多關於設計的內容，還可以看看《2022 年適合您使用的 19 種流行免費字型（二）》。
下拉按鈕
當您單擊下拉按鈕時，將顯示一個多列內容的下拉選單。您經常會在設置按鈕中遇到這種類型。當多用户選擇列表中的一個選項時，它通常被標記為啓用的，例如填充顏色。
醫療保健應用互動流程 (interaction flow) 中，當單擊按鈕時，它會開啓選項的下拉選單。一旦您選擇了一個，大的加號按鈕就會消失，只留下選中的選項和小的減號按鈕，以防您想再次檢查列表。