Skip to content セクションへスキップ
コールアウトとバッジ

スタジオ

レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 仕事. プロモ、番号付き手順、漫画説明、UIチップ.

一目で
指標の濃さ

濃いマスほど、このテーマでその指標が高いことを示します。

最終確認 出典とクレジットメディアクレジット方法論

短い答え

コールアウトとバッジはいつ選ぶ?

次の条件に合う。プロモ、番号付き手順、漫画説明、UIチップ

いつ避ける?

次の場合は別の形にする。バッジが見出しを繰り返すなら叫びは一つに

誰が作り、広めた?

1890年代イエロー・キッドの吹き出し。戦後パッケージのバースト

何を符号化する?

読み順を意図的に切る囲みラベル

広告に使ってよいか?

Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。

課題に使えるか?

実験レポートとポスターで軸・単位・出典があれば通る。

このセクションから始める - スタジオ

コールアウトとバッジは読み順を意図的に切る囲みラベルとして値を載せます。1890年代イエロー・キッドの吹き出し。戦後パッケージのバースト。

業務報告・広告・課題では「プロモ、番号付き手順、漫画説明、UIチップ」に向く。「バッジが見出しを繰り返すなら叫びは一つに」のときは別の形を選ぶ。

スタジオ

ブラウザで図形・図・グラフを作り、SVG/PNGを保存。アップロードなし。

スタジオを開く → ファイルから アイコン

仕事

広告

学校

手順

  1. 手順 1 — 主張を一文で書く。
  2. 手順 2 — コールアウトとバッジがその主張に合うか確認する。合わなければ変える。バッジが見出しを繰り返すなら叫びは一つに
  3. 手順 3 — ExcelまたはGoogleスプレッドシートまたはPowerPointで平らに描く。
  4. 手順 4 — 直接ラベル、薄い格子、主張のタイトル。
  5. 手順 5 — グレースケールと色覚シミュレータで確認。
  6. 手順 6 — 出典・期間・単位を入れ、SVG/PDFで書き出す。

コールアウトとバッジ: 読み順を意図的に切る囲みラベルを守り、「バッジが見出しを繰り返すなら叫びは一つに」のときは別の図を選ぶ。

← 失敗 コールアウトとバッジ ツール →