バッジ・ラベルとテープラベルの違い

バッジ・ラベルは「「NEW」「限定」のような短い状態を目立たせたい」、テープラベルは「貼り物のような、ラフで可愛い見出しにしたい」。見た目と使い分けを並べて説明します。

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

バッジ・ラベル

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

伝えたいこと
「NEW」「限定」のような短い状態を目立たせたい
見た目
角丸の小さな枠に短い語が入っている
半透明のテープの上に文字が印字され、少し斜めに貼られている

テープラベル

テープラベルは、マスキングテープやラベルテープの上に文字を置き、少し斜めに貼った見た目で親しみとラフさを出す文字表現。

伝えたいこと
貼り物のような、ラフで可愛い見出しにしたい
見た目
半透明のテープの上に文字が印字され、少し斜めに貼られている

使い分け

テープラベルの側から見ると

  • バッジ・ラベル:バッジは UI 部品。テープは質感のある貼り物