【初心者向け】インフォグラフィックの作り方&無料ツールを紹介

瞬時に情報やデータを相手に伝えるためにはインフォグラフィックの活用がおすすめです。チャートやピクトグラム、フローチャートなどさまざまな種類があり、プレゼン資料や道路標識にも数多く取り入れられています。

多くの人に情報を伝えられるインフォグラフィックですが、実は誰でも簡単に作成することができます。この記事では作り方の流れや便利なツールについて詳しくご紹介します。

インフォグラフィックの基本の作り方

インフォグラフィックは下記の流れで作成します。

1. 目的を的確にする
2. テーマを決める
3. 情報を集める
4. 方向性を決める
5. 素材を集める
6. トータルデザインして仕上げる

それぞれくわしく解説していきます。

テーマを決める

まずは、どういった相手に向けたインフォグラフィックなのか、どういった印象を与えたいのか、その先にどういった結果を手に入れたいのかをきちんと明確にしておきましょう。

伝える相手と目的が定まったら、インフォグラフィックのテーマを決めます。テーマを決める際にはいろいろなことに焦点を当てずに、メッセージを1つに絞ることが大切です。

人口のパーセンテージ、1年の仕事の流れなど、テーマを絞って伝えるべきポイントを決定しましょう。また、どのような切り口でそれらのメッセージを伝えるのかについてもこの時点で考えておきましょう。

情報を集める

テーマが決まったら、必要なデータや情報を集めます。一次情報にこだわって、信憑性の高い情報を集めるようにしましょう。一次情報とは、オリジナルの情報を指し、公式の機関や政府から発表されている情報、自分が直接調査したデータなどです。近年、SNSやネット検索などから簡単に情報を得られますが、誤情報も多いため注意が必要です。

方向性を決める

情報が集まったら、デザインの方向性を検討します。書体や色味、デザインによって、クオリティや情報の伝わり方に大きな差がでるため、ターゲットに合わせてデザインの方向性を決めていきましょう。

例えば、ビジネスシーンで利用するインフォグラフィックであれば、清潔感を感じられる、落ち着いた雰囲気に仕上げるのがおすすめです。一方で若い女性向けであればおしゃれで洗練されたデザイン、子供向けであればポップなデザインを使うのが良いでしょう。

素材を集める

デザインの方向性が決まったら、必要な素材を集めます。文字とのバランスや全体の統一感を考慮しながら、適切なものを選びましょう。商用利用可能なフリー素材を扱っているサイトもたくさんあるため、そのなかから選んでも構いません。その場合は、サイトごとの規定をよく確認した上で使用しましょう。

トータルデザインして仕上げる

素材が集まったら、デザインして完成です。使用する場面での見え方を確認しながら仕上げることで、よりイメージに近づけられます。たとえば、プレゼンでインフォグラフィックを使用する場合には、プレゼンテーションモードでの見え方を確認しながらデザインを調節してください。

誰が見てもわかりやすいデザインになるよう意識して、デザインを行いましょう。

また、インフォグラフィック制作にデザインツールを活用すればる、素材集めやデザインをスムーズに行えます。本格的なインフォグラフィックが誰でも簡単に作れるものもあり、初心者はもちろん、効率化を考えている方にもおすすめです。

インフォグラフィックを作るコツ

インフォグラフィックを作る上でのコツについてご紹介します。

情報を正しく伝える

インフォグラフィックの一番の目的は、情報を正しく伝えることです。そのため、集めた情報を十分に分析し、誤解のないように伝える必要があります。また、グラフや表の作り方によっては、簡単に見る人を惑わせることもできるため、倫理観を持ってインフォグラフィックを作ることも重要です。

たとえば、2016年のアメリカ大統領選挙の際、SNSに恣意的なグラフが投稿されました。実際には数字の差がそれほど大きく開いているわけではないのに、グラフで見ると大きな差があるように見えるというトリックです。

上記は極端な例ではありますが、インフォグラフィックの見せ方を間違ってしまうと、誤った情報が相手に伝わってしまいます。情報を十分に分析した上で、倫理観を持って正しく表現することが大切です。

参照：Most of Trump’s charts skew the data. And not always in his favor. – Washington Post

データに合ったチャートを選ぶ

インフォグラフィックで頻繁に使用されているのが、グラフなどのチャートです。円グラフ・折れ線グラフ・棒グラフ・比較図などのさまざまな種類があるため、情報の種類に合わせて適切なチャートを選ぶのがポイントです。

データが項目の間で比較されている場合は棒グラフ、時間の経過とともに数値が変化している場合は折れ線グラフ、各項目の割合を表した数値であれば円グラフなど、情報に合わせて受け取る人が分かりやすいと感じられるようなチャートを選択してください。

シンプルな装飾に仕上げる

インフォグラフィックを初めて作成する際は、装飾や色使いが過剰になりがちです。派手なデザインは目を引きますが、やりすぎはかえって見づらく、本当に大切な情報の判別も難しくなります。例えば、3D効果のチャートや装飾としての過度なイラストなどは、できるだけ避けるようにしましょう。

インフォグラフィックの魅力は、伝えたい情報を瞬時に相手に伝えられることでもあります。余計な情報が加わらないよう、シンプルなデザインを心がけましょう。

色が持つ効果を活用する

インフォグラフィックを分かりやすく仕上げるためには、色が持つ効果を最大限に活用するのがポイントです。以下の基本を押さえておきましょう。

基本は3色におさめる

インフォグラフィックを作る場合、使用する色は3色以内がおすすめです。メインカラー・サブカラー・アクセントカラーを決めたら、それ以外の色はできるだけ使わないようにすれば、シンプルで分かりやすいインフォグラフィックに仕上がります。

全体の割合としては、メインカラーを70%、サブカラーを25%、アクセントカラーを5%程度に設定するのが基本です。本文などの大部分を占める場所にはメインカラー、他の場所と少し差を出したいところにサブカラー、一番目立たせたいところにアクセントカラーを利用しましょう。

実際によく使われる色としては、メインカラーとして白・ベージュ・グレー、サブカラーとして黒・青・グレー、アクセントカラーとして赤・緑・青・黄色などがあげられます。掲載する媒体のトンマナも考慮しながら、色を選びましょう。

それぞれの色が持つイメージを活用する

色は、役割や意味を持っており、上手に活用すれば、見ている人に納得感を与えるインフォグラフィックに仕上げられます。

よく使われる色が持つ意味を以下の表にまとめました。

企業イメージや、ターゲットに合わせて上手に色を選択しましょう。

参照：10 Commandments of Color Theory | DesignMantic: The Design Shop

インフォグラフィック作りに役立つデザインツール3選

ここでは、インフォグラフィック作りに役立つ便利なツールをご紹介します。これらのツールを使えば、素材集めから完成した物の共有まで一括して行うことができます。特に初めてインフォグラフィックを使う方は、ぜひ積極的に活用してみましょう。

Canva

出典：Canva

Canvaは、オンラインで活用できる無料のグラフィックデザインツールです。約61万点のテンプレート、 さらに1億点以上の音楽・写真・イラスト動画などの素材が用意されており、誰でも簡単にインフォグラフィックを作れます。日本語に対応しているため、英語が苦手な方でも安心して使用できます。

それぞれの素材やテンプレートはプロのデザイナーによってデザインされており、テキストや写真を差し替えるだけで、クオリティの高いデザインに仕上がります。

また、Canvaはソフトをインストールすることなく、ログインするだけでウェブブラウザ上で利用可能です。スマホやタブレット向けのアプリも用意されているので、外出先でも簡単にインフォグラフィック作りが楽しめるでしょう。

Canvaの基本機能

Canvaには、あらゆるデザインに対応できる機能が揃っています。インフォグラフィック動画を作ってみたいという方も、動画編集機能を使えば、テロップ・エフェクト・BGM設定機能などを活用して簡単にインフォグラフィック動画を作成できます。

また、プレゼンテーション機能ではスライドにグラフ・表・アニメーションを加える機能も備わっています。Canvaの編集画面からプレゼンテーションを再生できるだけでなく、パワーポイントとしてダウンロードできるので、他のスタッフとも共有しやすい点が魅力です。

文書の作成では、イラスト素材やアイコンなどを無料で使用でき、魅力的なビジネス文章や営業用の資料へ仕上げられます。またワンクリックで、作成した文章からプレゼンテーションへと変換する機能も備わっており、大幅な時間短縮になると高い評価を集めています。

Canvaの費用と内容について

Infogram

出典：Infogram

Infogramは、インフォグラフィックの作成に焦点を当てたデザインツールです。テンプレートを選択して画像やテキストをはめ込むだけで、簡単にインフォグラフィックを作れます。

3万社を超える企業が導入していることから分かるとおり、効果的なインフォグラフィックが制作できることがわかります。しかし、商用利用の場合には、無料のベーシックプランではなく、有料プランの契約を行う必要があるため、注意してください。

また、英語で構築されたサイトであるため、ある程度の英語力が必要になります。

Infogramの基本機能

Infogramにはデータを自動で取り込む機能があり、Dropbox・Googleアナリティクス・Googleスプレッドシート・OneDriveからデータをインポートするだけで、表やグラフなどを瞬時に作成できます。

インフォグラフィックに焦点を絞って活用したいという方におすすめです。

Infogram費用と内容について

※年間契約を行うことで24%程度の割引あり

Visme

出典：Visme

中小企業から大手企業まで、顧客満足度率98%以上を誇るのがVismeです。利用者は30万人以上にのぼり、ブランド力を上げられる質の高いインフォグラフィックが作成できると人気を集めています。

プロのデザイナーによって用意されたテンプレートや設計されているコンテンツブロックを組み合わせて、誰でも簡単にインフォグラフィックを制作することが可能です。

日本語に翻訳されたページも用意されていますが、基本的には英語で操作する必要があるため、最低限の英語力が必要です。

Vismeの基本機能

インフォグラフィックの中でも、特に人々の注目を集めやすいのがインフォグラフィック動画です。Vismeでは、キャラクターを使うことで人間のインタラクションを簡単にグラフィックに取り入れられます。他にも、アニメのキャラクターやジェスチャーイラストなどを追加して、より独創的なデザインを作成できます。

また、プレゼンテーション資料の作成では、20カテゴリーにも及ぶトレンドテーマが用意されており、企業イメージやターゲットに合うデザインが探しやすいはずです。作成した資料は、共有したりダウンロードしたりできるだけでなく、プレゼンを録画して共有することも可能です。

Vismeの費用と内容について

※年間契約を行うことで、始めの6ヶ月無料+割引あり

ツールを賢く活用してインフォグラフィックを作成しよう

今回は、インフォグラフィックの作り方について、大まかな流れやおすすめツールについて詳しくご紹介しました。インフォグラフィックを上手に活用すれば、情報を瞬時に相手に伝えられます。作成の際は、まず目的やターゲットを明確化した上で、一次情報を元にデザインしていくことが大切です。無料で使用できるツールもあるため、インフォグラフィックの制作にチャレンジしてみましょう。