回饋提示詞條 2-42

警告橫幅Alert Banner

也常叫做:提示橫幅、公告條、Banner

你可能會這樣說

網站頂部出現一條黃色橫幅寫「今晚十點系統維護」,或表單上方一條紅色寫「送出失敗」——橫向的提醒條。

白話解釋

警告橫幅是橫貫頁面、用顏色表達輕重的訊息條:紅色擋你(錯誤)、黃色提醒(注意)、綠色報平安(成功)。

它跟通知的差別:橫幅釘在頁面某處、持續存在(像「今晚十點系統維護」這種要一直看得到的),通知則是出現後自己離開。

請 AI 做時講清楚顏色對應的情境、能不能關閉、要不要一直放在那裡。

親手試試

✕ 訊息被淹沒
系統將於今晚 23:00–24:00 進行維護,期間暫時無法結帳。
灰色小字混在頁尾,十個訪客九個沒看到。
✓ 有顏色的橫幅
⚠️ 今晚 23:00–24:00 系統維護,暫時無法結帳×
信用卡扣款失敗,請換一張卡×
資料已儲存×
紅色擋人、黃色提醒、綠色報平安——顏色就是語言。

橫幅是釘在頁面上的訊息;會自己消失的那種叫通知。

圖 2-43 重要訊息要釘在動線上,還要用顏色分輕重。

這樣對 AI 說

中文就可以
後台頁面頂部加公告橫幅。
分紅、黃、綠三種樣式,對應錯誤、警告、成功。
右側放 × 可以收起,收起後這次瀏覽不再出現。
文字左側配上對應語氣的圖示。

同一課的其他詞