creatersnest12

インフォグラフィックの制作に役立つ素材50個


インフォグラフィックはたくさんある情報を視覚的に整理して伝えることの出来る素晴らしいツールです。
私たちは電車の路線図や観光案内など日常的にたくさんのインフォグラフィックを目にしています。
文字だけでは伝えにくい情報を伝えやすくしてくれるインフォグラフィックに使える素材を紹介していきます。

 

目次

クールなインフォグラフィックス

 

青ベースのインフォグラフィックス

1

画像出典:freewebelements.com

青系の色でスマートに仕上げているインフォグラフィックスです。
乗り物や人型のオブジェクトも使いやすそうです。商用可能。

 

黒と暖色のインフォグラフィックス

2

画像出典:Medialoot

かっこ良く遊び心を感じるインフォグラフィックスです。
炎のようなオレンジ系のデザインが印象的です。商用可能。

 

黒背景にカラフルなグラフ

4

画像出典:MightyDeals

カッコイイながらも丸みを帯びたオブジェクトを使うことで硬すぎないデザインになっています。
円グラフが面白い形になっていますね。商用可能。

 

スタイリッシュなインフォグラフィックス

10

画像出典:freedesignfile.com

コントラストが画面にメリハリを与えていて見やすくなっています。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

青とオレンジのインフォグラフィックス

13

画像出典:freedesignfile.com

すっきりとした青とオレンジを中心に使ったインフォグラフィックスです。
グラフも色んなパターンがセットになっていて活用しやすいです。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

マイルドな雰囲気も併せ持つインフォグラフィックス

24

画像出典:wegraphics.net

文字やチャートが発光しているようなインフォグラフィックスです。
デジタルな雰囲気を出しつつも尖りすぎないデザインです。
商用利用の際は原著作者に確認が必要です。

 

水色とオレンジのインフォグラフィックス

26

画像出典:zezu.org

よく使うアイコンもセットに含まれているのが嬉しいですね。
商用利用の際は原著作者に確認が必要です。

 

暖色系のインフォグラフィックス

6

画像出典:all-free-download.com

クレジットを表記すれば商用利用可能のようですが要確認。
背景に同化した数字がおしゃれですね。

 

カラフルなインフォグラフィックス

 

フラットデザインのインフォグラフィックス

9

画像出典:freepik

クレジット表記で商用利用可能。
食料を種類別にデータ化したインフォグラフィックスです。

 

グラデーションを散りばめたインフォグラフィックス

1

 

画像出典:freedesignfile.com

カラフルな部分とモノクロな部分が良いバランスで配置されているインフォグラフィックスです。
商用利用可能。

 

ABCに分類されたインフォグラフィックス

7

画像出典:all-free-download.com

クレジットを表記すれば商用利用可能のようですが要確認。
アルファベットがテキストの背景に同化しています。

 

落ち着いた色合いのインフォグラフィックス

16

画像出典:Free Vector Graphic Download

商用利用は不可。
カラフルながら落ち着いた配色と、時計の形をしたグラフが特徴的です。

 

特徴的なグラデーションのインフォグラフィックス

7

画像出典:freedesignfile.com

グラデーションを使ったカラフルなインフォグラフィックスです。
部分的に飛び出したチャートがアクセントになっています。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

ストライプが可愛いインフォグラフィックス

11

画像出典:freedesignfile.com

全世界の統計用インフォグラフィックスです。
ストライプなども使っているのでPOPに仕上がっています。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

カラフルで落ち着いたインフォグラフィックス

12

画像出典:Free Downloads

クレジット表記で商用利用可能。
少し変わった色あわせのカラフルなインフォグラフィックス。
甘すぎず硬すぎないラフな感じを出したいときに使えそうです。

 

ビジネス向けインフォグラフィックス

14

画像出典:freedesignfile.com

カラフルなのに落ち着いていて、ビジネスシーンに使いやすそうなインフォグラフィックスです。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

カラフルなインフォグラフィック用バナー

30

画像出典:freepik

カラフルなインフォグラフィック用のバナーが詰まっています。
形のバリエーションも色々あるので場面によって使い分けることが出来ます。
商用利用の際は原著作者に確認が必要です。

 

カラフルなインフォグラフィックス

27

画像出典:freevectorsdaily.com

カラフルなチャートが盛りだくさんなインフォグラフィックスです。
他のインフォグラフィックスに比べ使われている色が多く華やかにしたいときにおすすめです。
商用利用の際は原著作者に確認が必要です。

 

紫とピンクのインフォグラフィックス

20

画像出典:all-free-download.com

クレジット表記で商用利用可能のようですが要確認。
基本5色のうちの1色にピンクを使っていて可愛らしい雰囲気のインフォグラフィックスになっています。

 

年表タイムライン

29

画像出典:freepik

タイムラインのインフォグラフィックです。
歴史年表や会社紹介などに応用できますね。商用利用の際は原著作者に確認が必要です。

 

くねくね矢印

2

画像出典:all-free-download.com

カラフルな矢印が繋がって上へと進んでいくインフォグラフィックス素材です。商用利用は不明。

 

Windowsカラーのインフォグラフィックス

21

画像出典:Free Vector Graphic Download

商用利用は不可。
Windowsカラーのビジネスに使いやすいインフォグラフィックスです。

 

8本のカラフルな矢印

3

画像出典:all-free-download.com
8本の矢印が中央に向かって渦を巻いているようなインフォグラフィック素材。商用利用は有料。

 

珍しい球形のグラフ

5

画像出典:all-free-download.com
クレジットを表記すれば商用利用可能のようですが要確認。
球体しているグラフは珍しいですね。

 

可愛い印象のインフォグラフィックス

 

パステルカラーが可愛いインフォグラフィックス

8

画像出典:freepik
パステル調のレトロな雰囲気も併せ持つインフォグラフィックスです。
クレジット表記で商用利用可能。

 

食に関するインフォグラフィックス

5

画像出典:freedesignfile.com

珍しい食に関するインフォグラフィックスです。
食器や食べ物のオブジェクトが可愛いですね。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

イラストが可愛いインフォグラフィックス

10

画像出典:freepik

クレジット表記で商用利用可能。
建物のイラストを使った可愛らしいインフォグラフィックスです。

 

水資源のインフォグラフィックス

6

画像出典:freedesignfile.com

水資源に関するインフォグラフィックスです。
青系でまとめられているので可愛すぎないところが良いですね。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

フラットデザインアイコンもたくさんのインフォグラフィックス

11

画像出典:freepik

クレジット表記で商用利用可能。
フラットデザインのやわらかい色使いのインフォグラフィックスです。

 

クリスマスのインフォグラフィックス

15

画像出典:cgvector.com

クリスマスに関係したオブジェクトを使ったグラフや
着ぐるみを着た人物たちなどが用意されています。商用利用不可。

 

ガーリーなインフォグラフィックス

13

画像出典:freepik

クレジット表記で商用利用可能。
明るい紫やピンクを使った女性的な配色のインフォグラフィックスです。

 

色々なグラフのインフォグラフィックス

18

画像出典:Blugraphic.com

色合いが落ち着いていながらも目を引きます。
商用利用の際は原著作者に確認が必要です。

 

雪だるまのインフォグラフィックス

16

画像出典:cgvector.com

6種類の雪だるまをヴィンテージ風にまとめているインフォグラフィックスです。商用利用不可。

お菓子やオモチャみたいなインフォグラフィックス

18

画像出典:Thinkstock

商用利用などは限定的なので使用の際はよく確認が必要です。
ちょっと風変わりなインフォグラフィックスです。
吹き出しのようにちょこっと飛び出た部分が特徴的です。

 

クリスマスモチーフのインフォグラフィックス

17

画像出典:cgvector.com

クリスマスカラーで可愛く仕上がっていて、もみの木のパターンもたくさん用意されています。
商用利用不可。

 

レトロ風のインフォグラフィックス

 

レトロな配色のインフォグラフィックス

8

画像出典:freedesignfile.com

落ち着いた雰囲気のレトロな配色のインフォグラフィックスです。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

古ぼけた感じのインフォグラフィックス

4

画像出典:all-free-download.com

クレジットを表記すれば商用利用可能のようですが要確認。
少し古びた感じの背景が特徴のインフォグラフィックス。

 

形がシンプルで使いやすいインフォグラフィックス

15

画像出典:Free Downloads

クレジット表記で商用利用可能。
優しい色合いのインフォグラフィックスです。基本的なグラフが全部入っています。

 

レトロな表紙風

12

画像出典:freedesignfile.com

可愛い便箋やノートの表紙にありそうなレトロ風のインフォグラフィックスです。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

レトロ風のお家インフォグラフィックス

23

画像出典:dryicons.com

ウィンドウズを彷彿とさせる配色のインフォグラフィックスです。
商用利用の際は原著作者に確認が必要です。

 

たくさんの素材が一緒になっているインフォグラフィックス

19

画像出典:designinstruct.com

商用利用可能。
色々なインフォグラフィックス素材が詰め込まれているセットです。

 

色使いとオブジェクトが可愛いインフォグラフィックス

14

画像出典:freepik

クレジット表記で商用利用可能。
レトロな雰囲気のインフォグラフィックスです。
オブジェクトの形がさりげなく可愛くなっています。

 

インフォグラフィック用バナー

28

画像出典:freepik

インフォグラフィック用のバナーがセットになっています。
ヴィンテージ風のインフォグラフィックにはそのまま使えますね。
商用利用の際は原著作者に確認が必要です。

 

その他のインフォグラフィックス

 

使いやすいインフォグラフィックス

9

画像出典:freedesignfile.com

円グラフは10分割ごとのパターンが載せられているので、
大まかな統計に使うときはそのまま利用できます。
商用可能で改変もOKですが原著者のクレジット表記が必要です。

 

エネルギーに関するインフォグラフィックス

19

画像出典:xoo.me

そのまま使う機会は少なそうですが、
オイルを運ぶ配管が区切りになっているところなどはデザインの参考にも良いです。
商用利用の際は原著作者に確認が必要です。

 

Web用に最適なインフォグラフィックス

20

画像出典:WeGraphics

すっきりまとまっているので使う場面を選ばないデザインになっています。
商用利用の際は原著作者に確認が必要です。

 

特徴的な丸い国旗のインフォグラフィックス

21

画像出典:vectorilla.com

左下の国旗が円の中に納まったオブジェクトが固すぎない印象を与えます。
商用利用の際は原著作者に確認が必要です。

 

インフォグラフィックスセット

22

画像出典:gfxtr.net

雰囲気の違うインフォグラフィックスが4ファイルセットになっています。
配色と配置が違うだけで印象が大分変わっています。
商用利用の際は原著作者に確認が必要です。

 

ブラウン基調のインフォグラフィックス

25

画像出典:zezu.org

全体的にブラウン基調な落ち着いた雰囲気のインフォグラフィックスです。
商用利用の際は原著作者に確認が必要です。

 

自然に関するインフォグラフィックス

17

画像出典:all-free-download.com

クレジット表記で商用利用可能。
自然環境に関するインフォグラフィックスです。色合いも緑が基調で、マッチしています。

いかがでしたか?

気に入ったインフォグラフィックの素材は見つかったでしょうか?
最初から自分好みにカスタマイズして作るのも良いですが、
加工可能な良いデザインのデータを元に作成していくのも
勉強にもなりますし時間を短縮する手段の一つです。
是非アイディアやデータを利用して素敵なインフォグラフィックを作ってみてくださいね。

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


趣味はDIYやハンドメイド。興味引かれたものは分野を問わずチャレンジしています。

Next Article【Photoshop】レイヤースタイルのテクニックが身につくチュートリアル30選