Badge
Badge

Badge

Badge

徽章，用於表示狀態或突出特色內容。
image

⚡️ 相關資源：

icon
Components Figma File
icon
UI Spec Figma File

Variants（Type）

變形（類型）

依據使用情境分為 1. New feature 2. Notification
依據使用情境分為 1. New feature 2. Notification

❶ New feature 新功能

使用於強調功能或頁面是新發布的。

無損音質上線
無損音質上線
為你打造首頁上線
為你打造首頁上線
💡
BETA 和 NEW 的使用時機在產品現況是以功能是否穩定作為依據，如因時程或資源導致功能不完整，並且預期會有優化的機會就會使用 BETA。(事實：KKBOX 以往的 BETA 項目也沒機會優化)
KK Point 點數新增
KK Point 點數新增
Bottom Nav 一起聽上線
Bottom Nav 一起聽上線
💡
大N、小N的徽章與 Icon 結合時，會放置於 Icon 邊框的右上角，圖示請見 UI Spec。

❷ Notification 通知

使用於通知用戶。

追蹤的 Podcast, 藝人有新發行等
追蹤的 Podcast, 藝人有新發行等
💡
Notification 在用戶點擊後即會消失，其餘 Badge 並無明確規範。

Changelog

Date
Version
Notes
Chapters
Person
February 6, 2023
1.10

・新增 Badge 草稿

Badge
Yit Chung