こんにちは、まいです！
物事を選ぶとき、「こっちの条件ならA、もし違ったらB」みたいに、条件によって進む道が変わることってよくありますよね。
でも、文字だけのフローチャートや条件分岐の表って、少し堅苦しくて頭に入りにくいと感じたことはありませんか？
今回は、キャラクターが実際に分岐路を進みながら、読者と一緒に条件を確かめてゴールを目指す、わかりやすくて楽しい図解表現をご紹介します！
今回の図解表現
今回使う図解表現は、
Decision Guide
です。
直訳すると「意思決定の案内役」。
条件による分岐や判断のステップを、キャラクターが道案内してくれるスタイルの図解表現です。
この図解はどんな表現？
普通のフローチャートだと、四角い箱と矢印が並んでいるだけで、どうしても機械的な印象になりがちですよね。
ですが、このDecision Guideは、「判断の流れそのものを、キャラクターが歩いて探索できる空間にする」というアプローチを取ります。
キャラクターが分かれ道の手前で「どっちかな？」と考えたり、ゲートの条件を指差して確認したりしながら進んでいきます。
読者はキャラクターの目線といっしょに条件を1つずつクリアしていくので、まるで自分もそのルートを歩いているような感覚で、結論まで自然にたどり着けるのが大きな特徴です。
「ただ答えを見る」のではなく、「なぜその結論になるのか」という理由が直感的に伝わる表現なんですよ。
この表現ならではのポイント
Decision Guideを作るときに特に意識したいポイントは、次の3つです。
- 論理の流れを「空間の道」に変える
Yes / Noの二股の道、条件を満たすと通れるゲート、複数の選択肢が広がる交差点など、論理的な分岐を実際の「道筋」として描きます。 - キャラクターが判断のアクションをとる
ただ図の横に立っているだけではなく、分岐点の前で立ち止まって考えたり、数値を指差して確認したりと、判断に参加するポーズをとらせます。 - 比較対象や結果をひと目でわかるように配置する
それぞれのルートの先には、結論のテキストだけでなく、金額・時間・グラフ・アイコンなどを添えて、結果の違いがパッと見てわかるようにします。
キャラクターはあくまでナビゲーター。主役は「判断のプロセス」なので、迷路のように複雑にしすぎず、進行方向がすっきり見えるように整理するのがコツです。
デザインのポイント
私がこの図解を作るときに面白いなと感じたデザインのポイントは、「視線の誘導」と「背景の白さ」のバランスです！
まず視線誘導について。
スタートとなる疑問から、1つ目の条件、分岐、そして最終結果へと、視線が迷わず流れるレイアウトが大切です。基本は「左から右」または「上から下」へと流れるように一本の軸を作ると、読者が迷子になりません。
そしてもう1つ大切なのが、背景をすっきりとした白（ピュアホワイト）にすることです。
分岐のルートや条件ラベル、アイコン、そしてキャラクターと、画面内の情報量はどうしても多くなりがちです。だからこそ、背景は真っ白にして、グレーや黒のすっきりした線にアクセントカラーを1〜2色だけ足すくらいに抑えると、専門誌のインフォグラフィックのような知的な仕上がりになります。
キャラクター自身のカラーを活かしつつ、余白をしっかり取ることで、ごちゃごちゃした印象をきれいに防ぐことができますよ。
こんな内容におすすめ
条件によって答えが変わるような、論理的なテーマ全般にぴったりです！
- 製品やツールの選び方（「予算は？」「用途は？」で最適なモデルを案内）
- プログラミングやアルゴリズムの条件分岐（if文の流れや処理の分岐）
- ビジネスの意思決定フロー（稟議の手順やトラブルシューティング）
- 学習や資格試験の勉強ルート（現在のレベルに応じたおすすめ教材の選択）
- 暮らしや料理の判断基準（「時間がない日はこのレシピ」「食材が余ったらこれ」など）
「どれを選べばいいかわからない！」と悩みがちなテーマほど、このDecision Guideの分かりやすさが光ります。
実際に作ってみよう
画像生成AIを使ってこの図解を作るときは、解説したい情報の「条件」と「分岐」を整理してプロンプトに入力します。
プロンプト内にある情報の入力スペースに、以下のような内容を箇条書きで入れてみてください。
- 解決したい疑問や目的
- 判断に必要な条件（予算、時間、用途など）
- それぞれの分岐先と、その結果（おすすめの選択肢）
また、お気に入りのオリジナルキャラクター画像を一緒に読み込ませることで、そのキャラクターがナビゲーターとして登場してくれます。
「どんな条件で分かれるのか」「結果として何が得られるのか」をAIにしっかり伝えることで、破綻のないきれいな分岐図が描き出されますよ。
今回使った汎用プロンプト
# Decision Guide
## 目的
入力された情報を分析し、添付されたキャラクターが分岐点を進みながら、条件・選択肢・判断基準・結果を案内する、高品質な「Decision Guide Style」の解説図を生成してください。
単なる「フローチャート＋キャラクター」ではなく、判断の流れそのものをキャラクターが歩いて探索できる空間として表現してください。
読者がキャラクターと一緒に条件を確認し、分岐を選び、最終的な判断へたどり着ける構成にしてください。
目標は「選択肢を読む」のではなく、「なぜその選択になるのかを直感的に理解する」ことです。
## 入力情報
【情報】
(ここに解説したい情報)
【キャラクター】
添付されたキャラクター画像を使用してください。
## 情報分析
最初に以下を整理してください。
- 判断したい問題・目的
- 判断に必要な条件
- 選択肢と分岐
- 判断基準・優先順位
- 数値・閾値・制約
- 各選択肢のメリット・デメリット
- 選択後の結果
- 例外・注意点
- 最終的な推奨や結論
判断に必要な条件を優先し、重要な分岐を3～5個程度に整理してください。
情報に存在しない条件や判断基準を勝手に追加しないでください。
## 判断フローの空間化
判断の流れを、キャラクターが実際に進める道・分岐・ゲート・交差点などとして表現してください。
例えば、
- Yes / Noで分かれる二股の道
- 条件を満たすと通過できるゲート
- 複数の選択肢が並ぶ交差点
- 条件を順番に確認するチェックポイント
- 最終的な選択へ到達するゴール
- 条件不一致によって戻るルート
などです。
ただし、道路や迷路の装飾を優先せず、条件と進行方向が一目で分かる構造にしてください。
分岐の数・接続関係・到達先は論理的に正確に描いてください。
## キャラクターの役割
キャラクターには判断へ参加する具体的な行動を与えてください。
例えば、
- 最初の疑問を確認する
- 分岐点で立ち止まる
- 条件を指差して確認する
- 2つの選択肢を見比べる
- 数値や基準を調べる
- 条件に合う道を進む
- 不適切な選択肢を除外する
- 最終的な判断へ到達する
などです。
キャラクターの視線・姿勢・進行方向を、判断の流れと一致させてください。
原則一人のキャラクターを使用し、複数の分岐を同時に進んでいるような矛盾した描写は避けてください。
## キャラクターの再現
添付画像の髪型・髪色・顔立ち・瞳・服装・配色・アクセサリー・体型・頭身・全体的な雰囲気を維持してください。
テーマに合わせて勝手に衣装を変更しないでください。
表情は疑問・比較・思考・納得を自然に表現し、過剰な漫画的リアクションは避けてください。
## 分岐条件の表現
各分岐点には、具体的な判断条件を短く表示してください。
例えば、
「予算は5万円以内？」
「温度は80℃以上？」
「データが存在する？」
「処理時間を優先する？」
「安全基準を満たす？」
などです。
分岐先には、
Yes / No
該当 / 非該当
以上 / 未満
A / B
など、条件に対応した明確なラベルを付けてください。
条件が複数ある場合は、AND・ORの関係を正確に表現してください。
数値の境界条件や例外も省略しないでください。
## 選択肢と結果の視覚化
各選択肢の先には、結果や特徴を視覚的に配置してください。
例えば、
- 費用 → 金額・比較バー
- 時間 → 所要時間・時計
- 性能 → 数値・グラフ
- 安全性 → 条件・注意表示
- 作業方法 → 実際の工程
- 製品選択 → 対象物の比較
- 処理結果 → 完了・再確認・中止
などです。
結果を文章カードだけで説明せず、対象物・数値・比較図を組み合わせてください。
優劣が確定しない選択肢は、無理に一つを正解として扱わないでください。
## レイアウト
画面全体を一つの連続した判断空間として構成してください。
視線が、
判断する問題
→ 条件の確認
→ 分岐
→ 選択肢の比較
→ 最終結果
へ自然に進むようにしてください。
基本は左から右、または上から下への流れとし、分岐が複雑な場合は階層構造を使用してください。
交差する線や行き先が不明なルートを避け、すべての分岐が適切な結果へ接続されるようにしてください。
## デザイン
背景は完全な白（Pure White Background）を基本としてください。
黒・グレーとアクセント1～2色を中心に使用し、キャラクター本来の固有色は維持してください。
重要な分岐・推奨ルート・注意点は色や線の強弱で区別してください。
全体は、
Decision Flow
＋
Editorial Infographic
＋
Character Navigation
を組み合わせた、清潔で知的な表現としてください。
2Dを基本に、必要に応じて軽い2.5Dやアイソメ表現を使用してください。
## 禁止事項
以下は避けてください。
- フローチャートの横にキャラクターを置くだけ
- 分岐条件が曖昧な構造
- Yes / Noの接続先の間違い
- 条件の重複・矛盾・抜け落ち
- 存在しない判断基準の追加
- 根拠のない推奨
- 複数ルートの不自然な交差
- 行き止まりのまま説明されない分岐
- 大量の丸角カード
- 過剰な迷路・道路の装飾
- キャラクターの大量複製
- 重い影・発光・複雑なグラデーション
- 長文中心の説明
- 幼児向けゲーム画面風
視覚的な面白さより、判断条件の正確性と分かりやすさを優先してください。
## 文字・出力仕様
タイトル・条件・選択肢・結果は原則として日本語にしてください。
Yes / No、AND / OR、数式、単位、製品名、専門用語などは必要に応じて原表記を維持してください。
アスペクト比：16:9
高解像度で生成し、条件・分岐線・ラベル・結果を明瞭に描画してください。
## 最終イメージ
「キャラクターがフローチャートを説明する画像」ではありません。
「キャラクターが判断の分岐点を実際に進み、条件を確認しながら選択肢を比較し、読者と一緒に適切な結論へたどり着くDecision Guide」にしてください。
「選択肢を並べる」ではなく「判断の道筋を見せる」、
「答えを提示する」ではなく「選ぶ理由を理解する」、
「キャラクターが主役」ではなく「判断プロセスが主役」、
「迷路を描く」ではなく「論理を空間化する」
デザインにしてください。このプロンプトは、単に「フローチャートの横にキャラを配置する」のではなく、キャラクターが論理的な道筋を実際に進みながら読者をナビゲートする空間を生み出すために設計されています。
使うときは、【情報】の部分にご自身が図解したい条件分岐を書き込み、【キャラクター】として案内役にしたいキャラクターの画像を添付するだけでOKです。
条件のラベル（Yes/Noや数値基準）の明瞭さや、無駄な装飾を排したクリーンなインフォグラフィック調のデザインになるよう細かくルールが組まれているので、実用的で説得力のあるグラフィックが作れます。
まいのポイント
私なら、「キャラクターの目線とポーズ」に一番こだわります！
キャラクターが正面を向いてポーズをとっているだけだと、どうしても「後からイラストを貼り付けた」ように見えてしまいますよね。
そうではなくて、キャラクターの視線を「次に確認すべき条件のパネル」に向けたり、身体を「これから進むルートの方向」へ少し傾けたりするんです。
キャラクターの身体の向きそのものが矢印の役割を果たすので、図解全体の視線誘導がぐっと自然になります。
読者がキャラクターの背中を追うように図解を読み進められたら大成功です！
判断に迷う複雑な情報こそ、こんなふうに楽しく分かりやすく視覚化してあげたいですね。
ぜひ試してみてください！
# Decision Guide
## 目的
入力された情報を分析し、添付されたキャラクターが分岐点を進みながら、条件・選択肢・判断基準・結果を案内する、高品質な「Decision Guide Style」の解説図を生成してください。
単なる「フローチャート＋キャラクター」ではなく、判断の流れそのものをキャラクターが歩いて探索できる空間として表現してください。
読者がキャラクターと一緒に条件を確認し、分岐を選び、最終的な判断へたどり着ける構成にしてください。
目標は「選択肢を読む」のではなく、「なぜその選択になるのかを直感的に理解する」ことです。
## 入力情報
【タイトル】
雨の日の移動手段を選ぼう
【テーマ】
天気・距離・荷物の量から、自分に合った移動手段を判断する。
【判断の目的】
雨の日の外出で、徒歩・自転車・公共交通機関のどれを選ぶか決める。
【判断条件と分岐】
1. 雨は強い？
- Yes → 公共交通機関を検討
- No → 次の条件へ
2. 目的地まで徒歩15分以内？
- Yes → 徒歩を選択
- No → 次の条件へ
3. 荷物は多い？
- Yes → 公共交通機関を選択
- No → 自転車を検討
【選択肢と特徴】
- 徒歩：費用がかからず、近距離に適している
- 自転車：短〜中距離を移動しやすいが、雨への対策が必要
- 公共交通機関：雨に濡れる時間を減らせるが、運賃がかかる
【キャラクターの動き】
- 最初の分岐では、雨雲のアイコンを見上げて考える
- 次の条件パネルへ視線を向け、身体を進行方向へ傾ける
- 分岐点では足を止め、進む道を指差して確認する
- 選択後は進行方向へ歩き出し、読者を次の判断へ導く
- 原則として一人だけ配置し、背中や斜め後ろ姿も活用する
【構図のポイント】
キャラクターの目線と身体の向きを、次に確認する条件へ一致させる。
読者がキャラクターの背中を追うように、左から右へ判断を進める。
各分岐は明確に接続し、結果までたどれる構成にする。
【注意点】
自転車は安全に走行できる状況に限る。
判断結果は一例とし、天候や交通事情によって変更できるようにする。
【キャラクター】
添付されたキャラクター画像を使用してください。
## 情報分析
最初に以下を整理してください。
- 判断したい問題・目的
- 判断に必要な条件
- 選択肢と分岐
- 判断基準・優先順位
- 数値・閾値・制約
- 各選択肢のメリット・デメリット
- 選択後の結果
- 例外・注意点
- 最終的な推奨や結論
判断に必要な条件を優先し、重要な分岐を3～5個程度に整理してください。
情報に存在しない条件や判断基準を勝手に追加しないでください。
## 判断フローの空間化
判断の流れを、キャラクターが実際に進める道・分岐・ゲート・交差点などとして表現してください。
例えば、
- Yes / Noで分かれる二股の道
- 条件を満たすと通過できるゲート
- 複数の選択肢が並ぶ交差点
- 条件を順番に確認するチェックポイント
- 最終的な選択へ到達するゴール
- 条件不一致によって戻るルート
などです。
ただし、道路や迷路の装飾を優先せず、条件と進行方向が一目で分かる構造にしてください。
分岐の数・接続関係・到達先は論理的に正確に描いてください。
## キャラクターの役割
キャラクターには判断へ参加する具体的な行動を与えてください。
例えば、
- 最初の疑問を確認する
- 分岐点で立ち止まる
- 条件を指差して確認する
- 2つの選択肢を見比べる
- 数値や基準を調べる
- 条件に合う道を進む
- 不適切な選択肢を除外する
- 最終的な判断へ到達する
などです。
キャラクターの視線・姿勢・進行方向を、判断の流れと一致させてください。
原則一人のキャラクターを使用し、複数の分岐を同時に進んでいるような矛盾した描写は避けてください。
## キャラクターの再現
添付画像の髪型・髪色・顔立ち・瞳・服装・配色・アクセサリー・体型・頭身・全体的な雰囲気を維持してください。
テーマに合わせて勝手に衣装を変更しないでください。
表情は疑問・比較・思考・納得を自然に表現し、過剰な漫画的リアクションは避けてください。
## 分岐条件の表現
各分岐点には、具体的な判断条件を短く表示してください。
例えば、
「予算は5万円以内？」
「温度は80℃以上？」
「データが存在する？」
「処理時間を優先する？」
「安全基準を満たす？」
などです。
分岐先には、
Yes / No
該当 / 非該当
以上 / 未満
A / B
など、条件に対応した明確なラベルを付けてください。
条件が複数ある場合は、AND・ORの関係を正確に表現してください。
数値の境界条件や例外も省略しないでください。
## 選択肢と結果の視覚化
各選択肢の先には、結果や特徴を視覚的に配置してください。
例えば、
- 費用 → 金額・比較バー
- 時間 → 所要時間・時計
- 性能 → 数値・グラフ
- 安全性 → 条件・注意表示
- 作業方法 → 実際の工程
- 製品選択 → 対象物の比較
- 処理結果 → 完了・再確認・中止
などです。
結果を文章カードだけで説明せず、対象物・数値・比較図を組み合わせてください。
優劣が確定しない選択肢は、無理に一つを正解として扱わないでください。
## レイアウト
画面全体を一つの連続した判断空間として構成してください。
視線が、
判断する問題
→ 条件の確認
→ 分岐
→ 選択肢の比較
→ 最終結果
へ自然に進むようにしてください。
基本は左から右、または上から下への流れとし、分岐が複雑な場合は階層構造を使用してください。
交差する線や行き先が不明なルートを避け、すべての分岐が適切な結果へ接続されるようにしてください。
## デザイン
背景は完全な白（Pure White Background）を基本としてください。
黒・グレーとアクセント1～2色を中心に使用し、キャラクター本来の固有色は維持してください。
重要な分岐・推奨ルート・注意点は色や線の強弱で区別してください。
全体は、
Decision Flow
＋
Editorial Infographic
＋
Character Navigation
を組み合わせた、清潔で知的な表現としてください。
2Dを基本に、必要に応じて軽い2.5Dやアイソメ表現を使用してください。
## 禁止事項
以下は避けてください。
- フローチャートの横にキャラクターを置くだけ
- 分岐条件が曖昧な構造
- Yes / Noの接続先の間違い
- 条件の重複・矛盾・抜け落ち
- 存在しない判断基準の追加
- 根拠のない推奨
- 複数ルートの不自然な交差
- 行き止まりのまま説明されない分岐
- 大量の丸角カード
- 過剰な迷路・道路の装飾
- キャラクターの大量複製
- 重い影・発光・複雑なグラデーション
- 長文中心の説明
- 幼児向けゲーム画面風
視覚的な面白さより、判断条件の正確性と分かりやすさを優先してください。
## 文字・出力仕様
タイトル・条件・選択肢・結果は原則として日本語にしてください。
Yes / No、AND / OR、数式、単位、製品名、専門用語などは必要に応じて原表記を維持してください。
アスペクト比：16:9
高解像度で生成し、条件・分岐線・ラベル・結果を明瞭に描画してください。
## 最終イメージ
「キャラクターがフローチャートを説明する画像」ではありません。
「キャラクターが判断の分岐点を実際に進み、条件を確認しながら選択肢を比較し、読者と一緒に適切な結論へたどり着くDecision Guide」にしてください。
「選択肢を並べる」ではなく「判断の道筋を見せる」、
「答えを提示する」ではなく「選ぶ理由を理解する」、
「キャラクターが主役」ではなく「判断プロセスが主役」、
「迷路を描く」ではなく「論理を空間化する」
デザインにしてください。