內容展示詞條 2-22

徽章Badge

也常叫做:紅點、小徽章、Badge

你可能會這樣說

購物車圖示右上角冒出紅色小圓點寫著 3,告訴你有三件新東西——那個小標記就是徽章。

白話解釋

徽章是黏在圖示或文字角落的小標記,最經典的樣子是紅色圓點或數字,用來喊「這裡有新東西」。

常見位置在購物車、訊息鈴鐺的右上角;數字徽章要設上限,超過 99 就顯示「99+」,免得撐爆版面。

跟 AI 說「在鈴鐺加未讀數徽章,最多顯示 99+」這樣就夠清楚了。

親手試試

✕ 靜悄悄的圖示
🛒
購物車
🔔
訊息
有三則新訊息,但訪客完全看不出來。
✓ 加未讀徽章
🛒3
購物車
🔔
訊息
右上角小紅點喊:「這裡有新東西!」超過 99 就顯示 99+。

徽章講「發生了什麼」;標籤講「它是什麼」,一個報狀態、一個報分類。

圖 2-26 紅色小圓點一掛,訪客就知道該點進來看。

這樣對 AI 說

中文就可以
導覽列的訊息鈴鐺加上未讀數徽章。
紅色圓形配白字,位置黏在圖示右上角。
未讀超過 99 顯示 99+,歸零時徽章整個消失。
點開訊息面板後徽章自動清空。

同一課的其他詞