バッジ・ラベルとタグ・チップの違い

バッジ・ラベルは「「NEW」「限定」のような短い状態を目立たせたい」、タグ・チップは「分類やキーワードを、小さな札で並べたい」。見た目と使い分けを並べて説明します。

角丸の小さな枠に短い語が入っている

バッジ・ラベル

バッジは、角丸の小さな枠に短い語を入れ、状態や属性を目立たせる部品。

伝えたいこと
「NEW」「限定」のような短い状態を目立たせたい
見た目
角丸の小さな枠に短い語が入っている
角丸の小さな札がいくつか横に並び、1つだけ色が濃い

タグ・チップ

タグ・チップは、分類やキーワードを角丸の小さな札にして複数並べ、属性や絞り込みを示す部品。

伝えたいこと
分類やキーワードを、小さな札で並べたい
見た目
角丸の小さな札がいくつか横に並び、1つだけ色が濃い

使い分け

バッジ・ラベルの側から見ると

  • タグ・チップ:チップは分類のラベルで複数並ぶ。バッジは状態で単独

タグ・チップの側から見ると

  • バッジ・ラベル:バッジは状態で単独。チップは分類で複数