按鈕與連結詞條 2-03
圖示按鈕Icon Button
也常叫做:圖示鈕、純圖示按鈕、Icon Button
你可能會這樣說
按鈕不配文字、只放一個小圖示:鉛筆是編輯、垃圾桶是刪除、愛心是收藏。介面看起來乾淨俐落,但第一次看到的人得猜一下意思。
白話解釋
圖示按鈕是只放圖示、不帶文字的按鈕:鉛筆代表編輯、垃圾桶代表刪除,一眼就懂又省空間。
它的風險是看圖猜意思會猜錯,所以滑鼠移上去要出現「提示氣泡」說明用途,只用鍵盤的人也要能操作。
跟 AI 溝通時,直接說「做一排圖示按鈕,垃圾桶那顆是刪除」,比描述圖案長什麼樣子有效得多。
親手試試
猜對了嗎?這顆是編輯。純圖示省空間,但每個人解讀不一定一樣——所以滑鼠停上去要浮出提示氣泡寫「編輯」。
這顆是刪除。破壞性的動作要加防呆:按下去先跳確認對話框,不要手一滑就刪掉了。
這顆是分享。圖示按鈕的可點範圍至少 44×44,手機上才不會按到旁邊去。
真實網站的圖示按鈕就是這樣:只看圖示得猜,停一下或點一下要給答案。
這樣對 AI 說
中文就可以
請在文章列表每列右邊加三個圖示按鈕:鉛筆編輯、垃圾桶刪除、分享。 按鈕只放圖示不放文字,可點範圍至少 44×44,手機才好按。 滑鼠移上去要出現功能名稱的提示氣泡。 按刪除先跳出確認對話框,避免誤刪。 用鍵盤 Tab 也要能依序操作這三顆按鈕。