インフォグラフィックに憧れた私が使い始めたおすすめサイト3選



インフォグラフィックという単語をご存知ですか?

インフォグラフィックとは、データの見せ方の手法です。
従来のグラフ+数字だけではなく、そこにイラストやデザインを組み込むことで、より目を惹いて「見たくなる」データを作り出します。

私が初めて「インフォグラフィック」という単語を知ったのはこちらの記事です。

「夢は経産省のデータを居酒屋で見てもらうこと」――経産省、おしゃれかっこいいデータサイト「OPEN METI」公開

なにこれ、ちょっとおしゃれ? 経済産業省が4月21日に公開したWebサイト「 OPEN METI 」がアーティスティックでかっこいい。しかも、サイトに音まで付いている。…

こちらで話題にされているOPEN METIでは、こんな感じのインフォグラフィックが色々公開されていました。

openmeti

こういうお洒落なデザインだと、俄然データを見る気になるんだなと実感。
かっこいいですよねー。
こういうの作れるようになりたいな。

OPEN METIは当初、動的でかっこいいサイトだったのですが、そのページは今は閉鎖されてしまったようです。

公開されていたインフォグラフィックはこちらのページに残っています。

Graphics Gallery(METI/経済産業省)

経済産業省のホームページ。OPEN METI プロジェクト。

インフォグラフィックはあくまでデータの見せ方の手法なので、データごとにきちんとそのデータに合ったデザインを施していく必要があります。

ですから本来ツールなどは通用しないものなのですが、それでもツールを探してみました。

Piktochart

Piktochartはテンプレートの種類が豊富です。

piktochart1

フリー作成モードはフレーム分割もでき、挿入できるイラストの種類も豊富。

piktochart2

グラフももちろん作れます。
種類も豊富ですね。

piktochart4

びっくりしたのが、各国の地図があるところ。
日本地図ももちろんあります。

piktochart3

これはインフォグラフィックを作る際には真っ先に候補にしたいサイトですね。
チラシなどを作る際にも使えそうです。

ただ、日本語フォントは一種類しか使えないので、別のところで作って持ってくる必要があります。

easelly

easel.ly | create and share visual ideas online

Easel.ly is a simple web tool that empowers anyone to create and share powerful visuals (infographics, posters)… no design experience needed! We provide the canvas, you provide the creativity.

こちらもイラストの種類が豊富です。
デザイン自体はPiktochartより洗練されているものが多いです。

ただ、グラフの自由度が多少劣るのと、地図がないのが残念なところ。

テンプレートはこのような雰囲気。

easel1

フリー作成モードです。こちらも日本語フォントは一種類しか使えません。

easel2

Adioma

Adioma – Knowledge Visualization Tool

Adioma creates information graphics out of your textual data, using timelines, grids and icons. Sign up and can create visualizations in minutes.

上記2つのように本格的ではなく、ほんとにちょっとした図を作りたいだけという時に使いたいサイト。

テンプレートにピクトグラムと文字を置くだけの簡単操作です。
ワンクリックで色合いを変えられるのも便利。

aidoma1

とあるサイトのヘッダーを作らせていただきました。

shufu_head

フリーだと使えるテンプレートが3種類しかないのが残念なところ。

インフォグラフィック楽しいですね!
テンション上がる。

その内ちゃんと、テンプレートに頼らずささっとインフォグラフィックを仕上げられるようになりたいですね。

私は、ブログの挿絵はフリー素材などを使わず、全部オリジナルで作成したものを使う主義です。
是非インフォグラフィックをマスターして、ガンガン使っていけるようになりたいものです。

さくさく作れるようになれば、仕事でも使えそうですよね。
パワポ資料や、ちょっとした報告資料にも挿入できますし。

よーし、このブログで練習させてもらいますよー!!

  • このエントリーをはてなブックマークに追加

関連記事

  1. 可愛い3Dの炎
  2. エラーページ 工事中ページの見本
  3. BlueMail設定 アカウントが追加された様子
  4. materialize用HTMLを表示した様子、Windowが大きい場合
  5. googleanalytics設定画面

コメントをお待ちしております

Rippoutai管理人


モノづくり起業を応援するRippoutai管理人、電気女子の顔写真です


電気女子(はまこ)

ワーキングマザーをしながら、サイドビジネスで小型電子モジュールの製造・販売をしています。
クラウドファンディングで1000%支援達成の実績あり。

モノづくり副業応援!
山梨起業応援!

アーカイブ