Badge 徽章
概述
徽章是一種小型視覺元素，用於顯示與特定介面元素相關的額外資訊。它通常以小圓點、數字、文字或圖示的形式呈現，放置在目標元素的角落或旁邊。徽章的主要功能是提供額外資訊、提醒或通知，吸引使用者注意，並引導使用者進行互動；是一種有效且不佔用空間的方式，可以在不干擾主要內容的情況下，向使用者傳達重要資訊。
使用時機
徽章常用於以下情境：
- 提醒或通知：提醒使用者有新的內容或需要關注的資訊，例如未讀訊息的數量、系統更新提醒等。
- 引導互動：吸引使用者注意，引導他們點擊或互動目標元素，例如購物車中的商品數量提醒使用者結帳。
使用規範
當您取用徽章元件進行設計時，應考慮以下原則：
- 尺寸：尺寸統一，不應過大或過小，以免影響目標元素的可讀性。
- 顏色：徽章的顏色應與目標元素的背景形成對比，確保易讀性。
設計範例
![]()
- 小型徽章（無文字）：小型徽章使用簡易圓圈形狀來表示狀態更改或新通知。
- 中型徽章（帶文字）：中型徽章在形狀中顯示數字，用於標示可被量化的狀態或通知。
