コールアウトとバッジは読み順を意図的に切る囲みラベルとして値を載せます。1890年代イエロー・キッドの吹き出し。戦後パッケージのバースト。
業務報告・広告・課題ではプロモ、番号付き手順、漫画説明、UIチップ。バッジが見出しを繰り返すなら叫びは一つにときは別の形を選ぶ。
このページはコールアウトとバッジの解剖・向き・工芸・失敗と、仕事・広告・課題のレシピを一箇所に置く。
形式コールアウトとバッジ
起源1890s
符号化読み順を意図的に切る囲みラベル
向きプロモ、番号付き手順、漫画説明、UIチップ
回避バッジが見出しを繰り返すなら叫びは一つに
スタジオshapes
Profile
Clarity80
Persuasion92
Density24
Craft cost20
School fit82
Work fit70
Seven chapters
アイデア
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 歴史. プロモ、番号付き手順、漫画説明、UIチップ.
Read →
解剖
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 マーク. プロモ、番号付き手順、漫画説明、UIチップ.
Read →
いつ使う
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 向き. プロモ、番号付き手順、漫画説明、UIチップ.
Read →
工芸
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 規則. プロモ、番号付き手順、漫画説明、UIチップ.
Read →
失敗
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 失敗. プロモ、番号付き手順、漫画説明、UIチップ.
Read →
スタジオ
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 仕事. プロモ、番号付き手順、漫画説明、UIチップ.
Read →
ツール
レイアウトの叫び。セールバッジ、漫画の吹き出し、ポスターの番号。 ソフト. プロモ、番号付き手順、漫画説明、UIチップ.
Read →
よくある質問
When should I pick コールアウトとバッジ?
When the story is プロモ、番号付き手順、漫画説明、UIチップ.
When should I avoid コールアウトとバッジ?
When バッジが見出しを繰り返すなら叫びは一つに.
Who invented or popularised it?
1890年代イエロー・キッドの吹き出し。戦後パッケージのバースト
What does it encode?
読み順を意図的に切る囲みラベル
Is it OK in ads?
Yes if one claim is visible at a glance in Yahoo・LINE・Meta素材; otherwise link to a full figure.
Will a teacher accept it?
Yes for 実験レポートとポスター if axes, units and a source line are present.
Which tool?
ExcelまたはGoogleスプレッドシート or PowerPoint; export SVG/PDF.
How do I keep it accessible?
Do not rely on hue alone. Label directly and check greyscale.