コールアウトとバッジは読み順を意図的に切る囲みラベルとして値を載せます。1890年代イエロー・キッドの吹き出し。戦後パッケージのバースト。
業務報告・広告・課題では「プロモ、番号付き手順、漫画説明、UIチップ」に向く。「バッジが見出しを繰り返すなら叫びは一つに」のときは別の形を選ぶ。
このページはコールアウトとバッジの解剖・向き・工芸・失敗と、仕事・広告・課題のレシピを一箇所に置く。
形式コールアウトとバッジ
起源1890s
符号化読み順を意図的に切る囲みラベル
向きプロモ、番号付き手順、漫画説明、UIチップ
回避バッジが見出しを繰り返すなら叫びは一つに
スタジオ図形
プロフィール
明瞭80
説得92
密度24
制作コスト20
課題適合82
仕事適合70
七章
アイデア
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 歴史. プロモ、番号付き手順、漫画説明、UIチップ.
読む →
解剖
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 マーク. プロモ、番号付き手順、漫画説明、UIチップ.
読む →
いつ使う
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 向き. プロモ、番号付き手順、漫画説明、UIチップ.
読む →
工芸
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 規則. プロモ、番号付き手順、漫画説明、UIチップ.
読む →
失敗
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 失敗. プロモ、番号付き手順、漫画説明、UIチップ.
読む →
スタジオ
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 仕事. プロモ、番号付き手順、漫画説明、UIチップ.
読む →
ツール
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 ソフト. プロモ、番号付き手順、漫画説明、UIチップ.
読む →
よくある質問
コールアウトとバッジはいつ選ぶ？
次の条件に合う。プロモ、番号付き手順、漫画説明、UIチップ
いつ避ける？
次の場合は別の形にする。バッジが見出しを繰り返すなら叫びは一つに
誰が作り、広めた？
1890年代イエロー・キッドの吹き出し。戦後パッケージのバースト
何を符号化する？
読み順を意図的に切る囲みラベル
広告に使ってよいか？
Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。
課題に使えるか？
実験レポートとポスターで軸・単位・出典があれば通る。
どのツール？
ExcelまたはGoogleスプレッドシートまたはPowerPoint。SVG/PDFで書き出す。
アクセシビリティは？
色だけに頼らない。直接ラベルとグレースケールを確認する。