按鈕

按鈕是使用者動作的主要視覺指標。

原則

動作導向：按鈕應清楚傳達會觸發動作。

清楚的回饋：按鈕的外觀必須在不同互動狀態 (懸停、按下、焦點) 下明顯變化，以提供即時回饋。

一致：所有按鈕都應採用相同的核心視覺語言，讓使用者能立即辨識。

彈性：按鈕元件應能容納常見變化，例如包含圖示和不同大小，同時維持一致性。

用量和刊登位置

按鈕應放置在相關內容附近。可單獨放置，也可與其他元件 (例如資訊卡和清單) 一起放置。

圖示按鈕

你可以使用圖示按鈕來降低內容密度。如果圖示能清楚說明動作，請使用圖示按鈕，否則請加入按鈕標籤。

可切換

對於具有布林值狀態的動作 (例如「我的最愛」)，每個按鈕類型都有切換變化版本。在切換狀態之間交換圖示，可讓互動一目瞭然且反應迅速。

圖解

按鈕由標籤和選用圖示 (開頭或結尾) 組成。

圖示按鈕只包含可辨識的圖示。

兩者都有可切換的變體。

自訂

按鈕包含預設和大型樣式。大尺寸可強調重要性。

圖示可放在按鈕的開頭或結尾，用來強調、說明及識別按鈕。