Web制作を行う全ての方へ

グラフィカルに伝えるインフォグラフィックの勉強に最適なデザイン参考サイト20個とツールサイトのご紹介

情報を伝えるのに、文章では伝わりづらいことが多々あります。そんな時に必要とされるのがデザインの役割なのですが、中でも人が普段あまりみないような情報、専門性の高い情報などは、一層伝わりづらく、文章や数字を並べただけでそれを理解するには非常に敷居が高くなってしまいます。

そんなとき、グラフやビジュアルを使ってうまく情報を見せて伝えるのがインフォグラフィックという手法です。

目次

  1. インフォグラフィックを作ることのメリット
  2. インフォグラフィックの参考に
  3. インフォグラフィックを作ることが出来るサービス

インフォグラフィックを作ることのメリット

インフォグラフィックを作ることのメリットは、上記で書いたとおり、伝えやすさにあります。

言葉で伝えることが難しい言語違いの壁や、言葉に対してまだ未熟な子どもに対しても、インフォグラフィックを採用することで情報を伝えられるようになります。

例えば、地図がそうですよね。例文を書いてみます。

Startを出て右に曲がり、真っすぐ進みます。最初に信号がでてきたら左へ曲がり真っすぐ進みます。その後、また信号が出てきたら横断歩道を渡って右へ進み、突き当りを左へ曲がります。そのまま真っすぐ行くとまた信号が出てくるので右へ曲がり、再び最初に出てきた信号を左へ曲がってまっすぐ進むとGoalです。

こう書くとわかりづらいですが、地図にすれば凄くわかりやすくなります。

infograph_map

地図を作るときに大事なことは、大事な要点を抑え、見た人にわかりやすく伝える事ですよね?

インフォグラフィックは、この地図を作ることと同じ考え方でないといけません。

ごちゃごちゃわかりづらい地図になると、本末転倒になり、見られなくなってしまい、意味をなさなくなります。

インフォグラフィックの参考に

インフォグラフィックを作るには、他のデザインと同様に、とにかくたくさん見ることだと思います。

infograph_001
Visual Data 〜データや映像で体感:日本経済新聞

インフォグラフ・インタラクティブ - 写真・動画:朝日新聞デジタル
インフォグラフ・インタラクティブ – 写真・動画:朝日新聞デジタル

ソニー損保のインフォグラフィックス
ソニー損保のインフォグラフィックス

旅×インフォグラフィックス=tripgraphics 【トリップアドバイザー】
旅×インフォグラフィックス=tripgraphics 【トリップアドバイザー】

記録で見る富士山 - インフォグラフィック | 富士山エリアの総合ガイド - フジヤマNAVI
記録で見る富士山 – インフォグラフィック | 富士山エリアの総合ガイド – フジヤマNAVI

インフォグラフィック: サッカーW杯 85年の歴史
インフォグラフィック: サッカーW杯 85年の歴史

200万品のレシピデータから感謝を伝えるインフォグラフィックを制作した話:クックパッド
200万品のレシピデータから感謝を伝えるインフォグラフィックを制作した話:クックパッド

祝!Jimdo100万サイト突破!
祝!Jimdo100万サイト突破!

はたグラ PRODUCED BY リクナビNEXT
はたグラ PRODUCED BY リクナビNEXT

インフォグラフィック一覧:HOME'S
インフォグラフィック一覧:HOME’S

世界の教育コスト事情を知るインフォグラフィック:JACCS
世界の教育コスト事情を知るインフォグラフィック:JACCS

Microsoft Azure のインフォグラフィック
Microsoft Azure のインフォグラフィック

Yahoo!マーケティングソリューション
Yahoo!マーケティングソリューション

機械・電気系エンジニア実態調査【インフォグラフィック】
機械・電気系エンジニア実態調査【インフォグラフィック】

NIPPON COLORS
NIPPON COLORS ※Safariでのみ閲覧可能

Salesforce.com 15 年の軌跡 - インフォグラフィックで見る
Salesforce.com 15 年の軌跡 – インフォグラフィックで見る

インフォグラフィックテンプレート に関するベクター画像、写真素材、PSDファイル | 無料ダウンロード:freepik
インフォグラフィックテンプレート に関するベクター画像、写真素材、PSDファイル | 無料ダウンロード:freepik

インフォグラフィックス-infogra.me
infogra.me(インフォグラミー)

infographic.jp - インフォグラフィックス
infographic.jp – インフォグラフィックス

Visually | Premium Content Creation for Better Marketing
Visually | Premium Content Creation for Better Marketing

インフォグラフィックを作ることが出来るサービス

インフォグラフィックを作るのは何もグラフィックツールだけではなく、ブラウザ上から作れるツールなど、様々存在しています。ただ、日本語で使えるものはあまり無いようで、英語圏の物が多いみたいですね。

今後色々と試すのに載せておきます。

infograph_u001Eegraph(イーグラフ) – 美しいグラフが簡単に作成できる!グラフ作成サービス

infograph_u002

infogr.am

infograph_u003
Cacoo

infograph_u004
INFOACTIVE

infograph_u005
creately

infograph_u006
easel.ly

色々探していたんですが、途中でferretさん がまとめていて、同じものがかぶっていることに気がついたので、リンクを貼らせて頂きます。

解説も入っているので、わかりやすくていいですね。

他にもこんな記事やまとめが有りました。どれもわかりやすく、非常に参考になるので、是非見てみてください。

インフォグラフィック作り方ヒントまとめ

Ad



Comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です