Band 裝飾帶的使用情境 – ZenBlocks buttonBasic
結論
Band 可在按鈕角落加入 **斜向標籤**，適合突顯 `SALE`、`NEW`、`推薦`、`限時` 等短文字。
—
什麼是 Band
Band 是加在按鈕角落的斜向裝飾帶，可作為視覺徽章使用。
### 功能特點
– 支援四個角落位置
– 斜向顯示
– 背景色與文字色可分開設定
– 與按鈕主文字/圖示獨立
– 可依裝置調整（響應式）—
使用案例
### 案例 1：促銷活動
– 文案：`SALE`、`-50%`、`限時`
– 位置：左上或右上### 案例 2：新品與推薦
– 文案：`NEW`、`推薦`、`熱門`
– 位置：右上### 案例 3：稀缺與緊迫
– 文案：`剩 3 名`、`D-2`
– 位置：左上### 案例 4：方案狀態
– 文案：`FREE`、`PRO`、`Beta`
– 位置：右上—
設定步驟
1. 開啟 Band 設定面板。
2. 輸入短文案（建議 2-6 字）。
3. 選擇位置。
4. 調整背景與文字顏色。
5. 調整字級。
6. 在前台檢查版面平衡。—
注意事項
– 文案過長會破壞斜向版面。
– 按鈕圓角較大時，需確認角落視覺平衡。
– 手機通常需要縮小 Band 尺寸。—
相關設定
– [裝飾帶設定](../button/band/)
– [樣式設定](../button/style/)
– [版面配置設定](../button/layout/)