按鈕與連結詞條 2-01
按鈕Button
也常叫做：按鍵（口語）、動作按鈕、CTA（行動呼籲按鈕的行銷說法）
你可能會這樣說
我要放一個「按下去就把表單存起來」的東西，藍色實心的那種。
白話解釋
按鈕是畫面上「按下去會發生動作」的控制項：儲存、送出、刪除、加入購物車。它和連結的差別是靈魂級的重點——按鈕做事，連結帶路。
一個頁面的主要動作通常只會有一個，那顆要做得最顯眼（實心、有顏色）；次要動作用外框或灰色；危險動作（刪除、退出）用紅色，而且最好再問一次「確定嗎？」。
跟 AI 協作時，除了說「加一顆按鈕」，更要說清楚它是什麼層級的動作（主要／次要／危險）和按下之後要發生什麼（存檔？跳頁？顯示成功提示？）。按下去沒反應的按鈕，是 AI 做網站最常見的「看起來像、用起來不像」。
親手試試
三種層級
按下之後：處理中 → 完成
試試：按第三顆「儲存變更」，注意它處理中會先停用——這是防手滑連點。危險按鈕的「再確認」在《對話框》那一課。
別搞混
按鈕和連結長得愈來愈像，但語意上完全不應該混用。
按鈕 Button
執行一個動作：儲存、送出、刪除。動作在同一頁完成，不帶你去別頁。測試法：這個東西按下去「做事」還是「帶路」？做事就是按鈕。
連結 Link
前往另一個地方：另一頁、另一個網站、頁面的某個段落。測試法：如果這個東西按下去是「換頁」，那就該用連結做，不管它長得多像按鈕。
這樣對 AI 說
中文就可以
請在表單右下角加一排按鈕： 1. 「儲存變更」是這個頁面的主要動作，請用實心藍色按鈕；「取消」是次要動作，用外框樣式。 2. 按下「儲存變更」後：按鈕先變成「儲存中…」並停用，避免重複點擊；完成後跳出「已儲存」的提示，按鈕恢復原狀。 3. 表單左上角另有一顆「刪除帳號」，請用紅色危險樣式，按下後先跳出確認對話框，確認才刪。 4. 手機上這排按鈕要滿寬好按。
「處理中要停用」和「危險動作要再確認」是兩個最值得寫進去的細節，AI 不會主動想到。