配色
#e5484d
#ffffff
#1b2b8f

あわせて引く

通知バッジ

Notification Badge

ふだんの言い方赤い丸の数字未読の数右上の赤い点

アイコンの肩に付く、未読や新着の数を知らせる小さな赤い丸。

見分けるポイント

  • アイコンの右上に重ねる、小さな丸
  • 数を入れるか、点だけで「何かある」と知らせる
  • 赤など目立つ色を使い、付けすぎない

AIへの伝え方

変更する場所:ベルのアイコンの右上。 ヘッダーのベルのアイコンに、通知バッジを付けてください。アイコンの右上に重なるように直径18pxの赤い丸を置き、未読の件数を白い数字で表示してください。件数が100以上のときは「99+」とし、0件のときはバッジを隠してください。背景との境目に2pxの白い縁を付けてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「操作する部品」の言葉

押す、選ぶ、入力する、知らせる。

207語すべてを、見た目から引く