こんにちは！
皆さんは、インフォグラフィックって知っていますか？
インフォグラフィックとは、様々な情報を視覚的に表現する手法のことです

例えば、長い文章と数字のデータばかりがが並んだ資料は、ひと目見ただけで読むのが億劫になったりしますよね
インフォグラフィックは、そういった情報を整理、重要な数字を大きくしたり、情報を連想させやすい絵などの情報を加えたりしてわかりやすくしたものです

実際に見たほうがわかりやすいですよね、こういうのがインフォグラフィックです

情報源: インフォグラフィックの今を読み解くインフォグラフィック | infographic.jp − インフォグラフィックス by econte
すでにこのような形式の画像を雑誌等、どこかで見たことがあるのではないでしょうか？
こちらは、infographic.jpさんというサイトさんから引用させていただいています
こちらのサイトには、制作されたクオリティの高いinfographic画像がたくさんありますので、参考に見に行ってみてくださいね

今回の講座では、このようなインフォグラフィック画像を自分で作り、簡単なアニメーションgifにするところまでやってみましょう
このアニメーションgifがあるだけで、きっとあなたの伝えたい情報を目に止めてくれる人が増えるはずですよ♪

インフォグラフィックを作っていく前に、インフォグラフィックの特徴を洗い出しましょう
そのためにインフォグラフィックをたくさん眺めることで、勉強にもなります
インフォグラフィックの参考になるサイトです、参考にしてください

 infographic.jp

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

http://infographic.jp

株式会社エコンテによるインフォグラフィック作成サービスの紹介サイト。インフォグラフィックスの作品ポートフォリオも多数掲載。

 infogra.me

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

https://infogra.me/ja

infogra.me（インフォグラミー）は複雑な情報やデータをビジュアル化したインフォグラフィックやデータビジュアリゼーションを世界中に伝えるコミュニケーションプラットフォームです。

じっとながめながら、インフォグラフィックの画面づくりとはどういうものなのか
よく目にとまるインフォグラフィックの特徴はなにかを探っていきます
スタッフがまとめた特徴です

■シンプルな画像

画面が情報で埋まってしまうからか、配置されているイラスト自体はシンプルなものが多い印象を受けます

■グラフ、数字、見出しなどが大きい

重要な情報はとても大きく配置されていて、よく目に止まります

■色が綺麗

配色がおしゃれなものが多いです、視界に入るとおしゃれだなとつい見入ってしまいますね

■情報の「カタマリ」がわかりやすい

クオリティの高いインフォグラフィックは関連のある情報がわかりやすく一つにまとまっているものが多いです
サムネイルなどで並べると、情報の「ブロック」がひと目でわかりますね
逆に言うと、別の情報との間がしっかり取ってあるということでしょう

他にも、自分が好きだなと思うインフォグラフィック画像を並べてみて、関連する項目を探してみましょう♪
何事も、作る前にしっかり理解することが必要ですよっ(/･ω･)/

では、今日はここまで！
次回は今日見つけた項目に気をつけながら、制作をしていきましょう！

記事一覧(完結済み)

 any-illust.com

http://any-illust.com/%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%AE%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3gif%E3%82%92%...

http://any-illust.com/%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%AE%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3gif%E3%82%92%E4%BD%9C%E3%81%A3/

 イラスト制作、キャラクター制作、インフォグラフ...

インフォグラフィックのアニメーションgifを作ってみよう！：2/3

http://any-illust.com/%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%AE%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3gif%E3%82%92%E4%BD%9C%E3%81%A3-2/

こんにちは、AnyIllustスタッフです(｀･ω･´)ゞ今日も引き続き、インフォグラフィックを制作していきましょう！前回は、良いインフォグラフィック作品の特徴をまとめましたね■シンプルなイラスト■重要な（グラフ、数...

 イラスト制作、キャラクター制作、インフォグラフ...

インフォグラフィックのアニメーションgifを作ってみよう！：3/4

http://any-illust.com/%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%AE%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3gif%E3%82%92%E4%BD%9C%E3%81%A3-3/

こんにちは、AnyIllustスタッフです！今日は、インフォグラフィック記事の3回目。いよいよ、オリジナルのインフォグラフィックを作っていきましょう。

 イラスト制作、キャラクター制作、インフォグラフ...

インフォグラフィックのアニメーションgifを作ってみよう！：4/4

http://any-illust.com/%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%AE%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3gif%E3%82%92%E4%BD%9C%E3%81%A3-4/

こんにちは、Any Illustスタッフです今日は、前回作ったインフォグラフィック画像を使ってアニメーションgifを作っていきますよ(^O^)／前回作った画像はこれでした一枚の画像のすべての位置が動いているインフ...

過去のインフォグラフィック記事も参考にしてみてください(^O^)／

 イラスト制作、キャラクター制作、インフォグラフ...

インフォグラフィックの作り方1-①方向性を決めよう！

http://any-illust.com/%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B91-%E2%91%A0%E6%96%B9%E5%90%91%E6%80%A7%E3%82%92%E6%B1%BA%E3%82%81%E3%82%88/

今回は、「インフォグラフィック」を作っていきたいと思います。そもそも「インフォグラフィック」とは、情報・データ・知識を視覚的に表現したもの、つまり一枚で分かりやすく、その題材について説明しているもののことです。

 イラスト制作、キャラクター制作、インフォグラフ...

インフォグラフィックの作り方2-日本の観光名所①

http://any-illust.com/%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B92-%E6%97%A5%E6%9C%AC%E3%81%AE%E8%A6%B3%E5%85%89%E5%90%8D%E6%89%80%E2%91%A0/

今回はパート1とは違うテーマで「インフォグラフィック」を作っていきます。今回のテーマは「日本の観光名所」についてです！日本に観光に来るということは、外国人が多いと思います。

関連記事はこちら:

インフォグラフィックのアニメーションgifを作ってみよう！：3/4 インフォグラフィックのアニメーションgifを作ってみよう！：4/4 インフォグラフィックのアニメーションgifを作ってみよう！：2/4 インフォグラフィックの作り方1-③動画にしてみよう！