インフォグラフィックをデザイナーなしで作成する方法
インフォグラフィックが完成しないまま終わるのは、ほとんどの場合同じ場所で起こります:誰かがCanvaやPowerPointで空のキャンバスを開き、10分間眺め、タブを閉じてしまうのです。それは、彼らがセンスに欠けているからではなく、ツールを開く前に、情報が実際にどのような形をしているのかを決めていなかったからです。
この区別は、使うアプリよりも重要です。私は、本能的に優れたセンスを持つ人々が、構造を先に考えず装飾から始めたために、混雑した、方向性のないインフォグラフィックを作成するのを見てきました。一方で、デザインの経験が全くない人々が、構造を正しく決めてから視覚デザインに従うことで、清潔で役立つインフォグラフィックを作成するのも見たことがあります。
---
**ツールがボトルネックではない — コンテンツがボトルネックだ**
どのインフォグラフィック作成ツールを開いても、最初の画面にはテンプレートの壁が現れます:タイムライン、比較、統計的分析、プロセスフローなど。ほとんどの人は、どれが一番見栄えが良いかで選びます。これは逆です。テンプレートは、既に持っているコンテンツの形に合わせる必要があります。そうしないと、次の1時間を、テンプレートに合わせるために情報を無理やり曲げることに費やすことになります。
ツールに触れる前に、コンテンツを単なるリストとして書き出してください — フォーマットや視覚的な思考は一切入れずに。そして、そのコンテンツを結びつける関係性は何なのかを問いかけてみてください:それは順序的(これは起こり、それからこれは起こる)なのか? 比較的(オプションAとオプションB)なのか? 階層的(一つの大きなアイデアとそのサポート要素)なのか? 数値的(目で見える数字、読むのではなく)なのか? その答えが、テンプレートのカテゴリを教えてくれます。このステップを飛ばすのは、非デザイナーのインフォグラフィックが忙しそうに見える最大の理由です — 毎つの要素が、レイアウトが示す関係性を表現しようと争っているからです。
---
**一つの視覚的文法 — 例外なし**
ここからが逆説的になります。初心者向けのアドバイスの多くは「一貫した色とフォントを使う」と言いますが、これは正しいですが、実行するにはあまりにも曖昧です。実際にアマチュアのインフォグラフィックを台無しにするのは、**混合されたメタファー** — あるセクションで矢印を順序を示すために使い、3つのセクション下で矢印を「増加」を示すために使うことです。読者の脳は、あなたの視覚的言語をスクロールしながら学習していきます。そして、同じシンボルを異なる意味で再利用するたびに、その学習がリセットされます。
形の一つの意味を決めてから始めましょう:円はデータポイントを保持し、矢印は方向を示すだけ、アイコンはカテゴリをラベル付けし、決して値を表現しない。必要なら書き留めてください。この制約は最初は制限のように感じられます — つまり、クリエイティブな選択肢が奪われているように思えます — ですが、これは非デザイナーのインフォグラフィックが意図的なものに見えるようにするための、正に必要なものです。
---
**テンプレートは時間を節約する — ただし、最も重要な部分を除く**
プレビルドされたレイアウトは、ほとんどの人にとってデザインの最も難しい部分を解決します:スペース、配置、色の組み合わせ。これは小さなことではありません — 非対称な要素は、インフォグラフィックが未完成に見える最速の方法であり、適切なテンプレートはこれを自動的に解決します。編集可能なダイアグラムテンプレートのライブラリを持つサイトが存在するのは、正しくスペースを取ったフローチャートやプロセスダイアグラムを、ゼロから再構築することが、実際に時間を費やすからです — たとえそれが自分がやっていることがわかっていても。
しかし、テンプレートができないことは、コンテンツの階層が悪いことです。ヘッドライン、重要な数字、サポートする詳細がすべて同じ視覚的な重みを持っていれば、どんなテンプレートもそれを救うことはできません — 読者は最初に何を見るべきかを知る方法がありません。これは、人々が「書く作業」と感じるために飛ばす部分です。これはデザイン作業と同じ作業です。ただ、ドラッグアンドドロップが始まる前に行われるだけです。
---
**チャートとダイアグラムが実際に異なる場所**
「インフォグラフィック」という言葉を一つのカテゴリとして使う人もいますが、その下の視覚的な論理は、実際には二つの異なる仕事に分かれています。チャートは、数値の比較を瞬時に読み取れるようにするために存在します — それは「どちらが大きいか」または「これはどのように変化したか」を、読者が頭の中で計算することなく答えるべきです。ダイアグラムは、関係性や順序を示すために存在します — ステップ、階層、流れ。数値の比較のためのチャートテンプレートを関係性コンテンツに使ったり、ダイアグラムテンプレートを数値比較のために使ったりするのは、先ほどのミスマッチ問題の静かなバージョンであり、それがなぜライブラリがチャートテンプレートとダイアグラムテンプレートを分けて管理するのかです。
あなたのコンテンツがどちらを必要としているのかわからない場合は:読者は大きさを比較する必要があるのか? チャート。読者はパスを追うか、部分がどのようにつながるかを理解する必要があるのか? ダイアグラム。混合コンテンツ — 一部が数値、一部がプロセス — は、通常、一つのチャートが両方の仕事をするのではなく、二つの視覚セクションに分割されるべきです。
---
**ほとんどの人が公開前に行わないテスト**
完成したインフォグラフィックを、実際に見られるサイズに縮小してください — LinkedInのフィードのサムネイル、メールのプレビューパネル、スマートフォンの画面 — そして、それを3秒間見つめてください。そのサイズと距離で読めないものは、デザインがどれだけ丁寧でも、装飾であり情報ではないことがわかります。この単純なチェックは、どの色彩理論のルールよりも多くの問題を発見します。なぜなら、これは実際のオーディエンスが見るのと同じように、あなたが長時間ズームインして見ていたものではなく、ピースを見せることができるからです。
また、これは先ほどの混合メタファーの問題を最も早く見つける方法でもあります — 一貫しないアイコンの意味は、ゆっくりと慎重に作成しているときには目立たないかもしれませんが、一目で気づくことができます。
---
デザインのトレーニングは必要ありません。コンテンツの形を決める前に、それがどのように見えるかを決める必要がある — これは、華やかではないものの、デザイン作業のほとんどが実際にそうであるということです。まず構造を決めてください、データが多い場合はチャートベースのレイアウトを借りてください、そして視覚が論理に従うようにしてください。
コメント (0)