ユニット 9 / 11

インフォグラフィック制作: 単一のビジュアルでわかりやすい情報

利益:

  • 目的に応じて適切なインフォグラフィック タイプを選択し、情報を 3 ~ 7 つのキー ポイントに削減することで、明確なフローを確立する能力
  • テキスト/構造とビジュアルを生成する人工知能に順序を生成させることで、画像にテキストを印刷しないというルールを適用できるようになります。
  • 数値を文脈化してソースを検証し、エリア/スケールの偏りを回避することで、正直なインフォグラフィックを作成する能力

インフォグラフィックは、データ、ステップ、コンセプトを 1 つのビジュアルで、流暢かつ記憶に残る方法で説明するデザインです。ソーシャル メディアで共有された「5 つのステップでの X」、レポートの表紙の概要ビジュアル、トレーニング ポスターなどはすべてインフォグラフィックです。プレゼンテーション スライドとの違いは、スライドが独立していることです。講演者がいなくても理解できる必要があります。この単元では、人工知能を使用してインフォグラフィックのコンテンツ、フロー、ビジュアルを確立する方法を学びます。

いつ、どのような種類のインフォグラフィックを行うか?

インフォグラフィックスはあらゆるデータに対応できるわけではありません。少量の強力な情報を共有したり、プロセスを要約したり、メッセージを広めたりするのに最適です。一般的なタイプ:

  • 統計インフォグラフィック: いくつかの顕著な数字を強調表示します (「3 人に 1 人…」)。
  • プロセス/ステップのインフォグラフィック: ジョブをステップ (1→2→3) に分割します。
  • 比較インフォグラフィック: 2 つのオプションを並べて表示します。
  • タイムライン: イベントを時系列に表示します。
  • 地理/地図: 情報を空間に結び付けます。

目的

インフォグラフィックタイプ

注意

いくつかの驚くべき数字

統計

数値にはコンテキストが必要です

「どうやって」

プロセス・ステップ

ステップ数:3~7

A それとも B?

比較

公平、同じスケール

歴史・ロードマップ

タイムライン

スケールの一貫性

地域分布

地図

人口で正規化する

ヒント: インフォグラフィックは「単独で」存在します。作成したら、何も説明せずに誰かに見せてください。理解できない場合は、混雑しているか、流れが不明瞭です。

ステップバイステップ: 人工知能を使用したインフォグラフィック

  1. 単一のメッセージと対象読者を特定します。
  2. 重要な情報を 3 ~ 7 つ選択します。残りは捨てます(インフォグラフィックでは要約を求めています)。
  3. 流れを確立する: どこに目を向けるべきか? (上から下、左から右、円形)。
  4. 各セクションのタイトル + 短いタグと番号のテキストを印刷します。
  5. 画像/レイアウトの生成: 画像を生成する AI またはデザイン ツール。アイコンと色は一貫しています。
  6. 検証: 各数値がそのソースと一致しているか、フローが理解されているか?

テキストと構造については、次のとおりです。

あなたの役割: インフォグラフィック コンテンツ編集者。トピック: [ ... ]。対象読者: [ ... ]。単一メッセージ: 「[文]」。私が持っている情報: [生のメモ/数字]。タスク: PROCESS インフォグラフィックの 5 つのステップを選択します (各ステップ: タグライン ≤ 5 単語 + 単一文の説明 + 該当する場合は番号)。上部に印象的なメインタイトルを、下部に一文の終わりを提案します。数字をでっち上げないでください。出典が不明な場合は【確認】と記載してください。流れ: 上から下へ。

ビジュアル/レイアウトの場合(画像を生成するAIへ):

縦型 (9:16) インフォグラフィック BACKGROUND/layout.Subject: [ ... ] を作成します。スタイル: シンプル、フラット、ラインアイコン、メインカラー 1 色 + ハイライト 1 色。 5 つのステップの垂直方向の流れのために、5 つの等間隔の領域 (番号が付けられています) を残します。テキスト/数字を追加します (テキストを入れます)。詳細や影を使いすぎないでください。読みやすく、十分なスペースがあることを確認してください。

アイコン言語の場合:

これら 5 つのステップに対して一貫した線スタイルのアイコンのアイデアを提案します (ステップごとに 1 つのアイコン、すべて同じ視覚言語で)。手順: [...]。各アイコンについて 1 文の説明を入力します。複雑なシーンは要求しないでください。

正直に分かりやすく数字を示す

インフォグラフィックスで最も一般的な歪みは、数値のビジュアライゼーションで発生します。

  • 面積の誤謬: 数値を円で表す場合、直径を 2 倍にすると面積は 4 倍になります。見る人は4倍大きいと感じます。値は面積ではなく、正味の数値と線形スケールで与えてください。
  • 文脈のない多数の数字: 「1,000,000 人」だけでは抽象的です。 「5人に1人」の方が理解されやすいでしょう。
  • チェリーピッキング: 印象的な統計を 1 つだけ入れて、コンテキストを省略します。

映りが悪い

強い印象

巨大な「400%」 (文脈なし)

『4フロア:200~800』

2棟の「2階建て」(空間が膨らみます)

「2×」ラベルをクリア + 等スケール

「1,284,000 ユーザー」

「約130万人(8人に1人)」

注意: シンボルの繰り返し (ピクトグラム) を使用する場合、各シンボルは等しい値を表す必要があります。 「2.5」を半分の記号で表示すると読みやすくなりますが、記号を大きくしたり小さくしたりすると誤解を招きます。

ミニケース3個

ケース 1 — レポートからインフォグラフィックへ。非政府組織であるため、20ページの報告書を誰も読んでいなかった。彼らは、主要な 5 つの調査結果を 1 つの垂直インフォグラフィックに抽出しました。ソーシャルメディアでの共有は6倍以上増加しました。インフォグラフィックが好奇心を刺激したため、レポートのダウンロード数も増加しました。

ケース 2 — フィールドの誤りを修正する。あるチームは 2 つのアパートで予算の増加を実証しました。直径が2倍のときは4倍に見えました。 AIはこれを認識しました。代わりに、等スケールのバーと明確な「2×」ラベルを使用しました。誤解を招く印象は消えました。

ケース 3 — 歩数ダイエット。教育者は 11 ステップのインフォグラフィックを使用してプロセスを説明していました。誰も従うことができなかった。手順は論理的に 5 つにグループ化されています。理解度調査では、「理解できた」率が 52% から 85% に増加しました。

弱いプロンプト / 強いプロンプト

弱い:

これについてのインフォグラフィックを作成します。

単一のメッセージ、聴衆、ジャンル、または流れはありません。出力は混雑して乱雑になり、モデルは画像上に文字化けしたテキストを印刷します。

強い:

あなたの役割: インフォグラフィック コンテンツ編集者。テーマ:節水。対象者:高校生。 1 つのメッセージ: 「小さな習慣、大きな節約」。タイプ: 5 ステップのプロセス。各ステップ: ≤5 単語のタイトル + 1 文 + 番号 (数字は架空のものです)。上部に印象的なタイトル、下部にコール。流れは上から下へ。画像は別途制作させていただきます。テキストと構造を指定します。

2 つ目は、メッセージ、聴衆、ジャンル、流れを示します。テキストと画像を分離します (テキスト化けのリスクを防ぎます)。

よくある間違い

  • 情報過多: 15 個の数字を 1 つの画像に収めようとしています。
  • 画像上にテキストを印刷する: 生成されたテキストは歪んでいます。デザインツールでテキストを追加します。
  • 面積/スケールの誤謬: 円の直径を表示することで値を誇張する。
  • 文脈のない数値: 大きな数値がわかりやすい比率に変換されていません。
  • 流れの不確かさ: 目がどこに行くかわからない。
  • 出典のない統計: インフォグラフィックに未確認の数字を載せる。

要約すると

インフォグラフィックは、少量の強力な情報を 1 つのビジュアルで説明しており、単独でも理解できます。目的別にタイプを選択し(統計、プロセス、比較、タイムライン、マップ)、重要な情報を 3 ~ 7 つに絞り込み、明確なフローを確立します。 AI はテキスト/構造とビジュアルの生成に役立ちます。ただし、画像上にテキストを印刷せず、面積/縮尺エラーを回避し、各数値を文脈に合わせてソースと照合してください。

アプリケーションタスク

トピックと 1 つのメッセージを選択します。 (1) AI に 5 ステップのプロセスのインフォグラフィック (タイトル + ステップ ラベル + 数字、捏造なし) のテキストを生成させます。 (2)画像生成AIに「テキスト追加」ルールでレイアウトを生成させる。 (3) インフォグラフィックに、印象的かつ誠実に見える方法 (比率 + 明確なラベル) で数値を書き込みます。 (4) 人に見せて、説明しなくても理解できるかどうかをテストします。

チェックリスト

  • [ ] インフォグラフィックの 1 つのメッセージと対象読者は明確です。
  • [ ] 重要な情報を 3 ~ 7 つに絞り込みました。残りは捨てました。
  • [ ] 目で追う流れは明らかです。
  • [ ] 画像上のテキストは印刷しませんでした。デザインツールに追加しました。
  • [ ] 私は数字を文脈に沿って説明しました。面積とスケールの誤謬を回避しました。
  • [ ] 各統計の出典を確認しました。