• 2017年9月4日

フリーで使えるイラストのデザイン的な図解やグラフ50

フリーで使えるイラストのデザイン的な図解やグラフ50

フリーで使えるイラストのデザイン的な図解やグラフ50 700 433 パソコン生活サポート Pasonal

ウェブやパワーポイントなどでグラフや図解のイラストなどを使用したいケースは結構多いですよね。一から作っても良いのですが、デザイン的なものとなると時間もかかります。そんな時は、フリーで使えるデザイン的なグラフを使ってみましょう。

そんな訳で、今回はベクターで使える図解やグラフをたくさん集めてみました。

 

What’s is ベクター?

ベクター形式とは

ベクター形式には以下のような利点があります。とくに、拡大・縮小しても劣化しない点や輪郭がきれいに表示されることが特徴的です。記事のアクセントやサムネイルなどによく利用されます。どのサイトでもよく見かけるSVGもベクター形式です。

  • ファイルサイズが小さい。
  • 輪郭がきれい。
  • 拡大・縮小してもぼやけない。

 

始めにお読みください

  • すべてのデザインはfreepik.comに帰属します。
  • 海外のサイトですが、あやしいサイトではありません。
  • ダウンロード数に制限があります(アカウント作成で制限解除されます)。
  • 1日30ダウンロードまで(それ以降は有料プラン)。
  • ダウンロードファイルによっては、専用のフォントが必要になる場合があります。
  • 添付されているライセンスの利用規約に従ってお使いください。
  • ダウンロード素材はすべて「ai」or「eps」形式です。
  • 「ai」形式のファイルを開くためにはAdobe Illustratorなどが必要になります。
  • eps形式のものはPhotoshopでも開くことができます。
  • eps形式のものはWordやExcelでも利用可です。

 

 

手順(フロー)などの図解

物事の手順などを解説するときに使えそうなフローのデザイングラフです。番号付きのものから、矢印で表現されたデザインまで色々なタイプのものがあります。ウェブやパワーポイントなどで利用できます。

 

1.ナンバー付きで分かりやすいフローの図解

ナンバー付きで分かりやすいフローの図解

ナンバー付きでシンプルな手順の図解イラストです。数字からラインが飛び出ているような表現がGoodですね。

ダウンロードはこちらから

 

2.カラフルで見やすい手順やリサイクルなどのセット

カラフルで見やすい手順やリサイクルなどのセット

カラフルに表現された手順や循環などのグラフセット。ちょっとしたシーンで利用できそうです。

ダウンロードはこちらから

 

3.矢印付きで非常に分かりやすいフローなどのセット

矢印付きで非常に分かりやすいフローなどのセット

色々な矢印で表現されたデザイン的なフロー。循環やフロー、パーセンテージ付きなど、一通り揃っています。

ダウンロードはこちらから

 

4.階段のようなデザインが特徴的なフロー

階段のようなデザインが特徴的なフロー

階段のようなステップで表現された特徴的なフロー。見た目にも面白いデザインです。

ダウンロードはこちらから

 

5.色々な円形のデザインで表現されたグラフセット

色々な円形のデザインで表現されたグラフセット

こちらはすべて円形で表現されたグラフセット。カラーも統一されています。

ダウンロードはこちらから

 

6.時系列でも手順でもどちらもで利用できるデザイン的なフロー

時系列でも手順でもどちらもで利用できるデザイン的なフロー

ぐるんとした円形デザインのフローです。ちょっとしたアイコンがアクセントになっています。

ダウンロードはこちらから

 

7.アイコンとパーセンテージが特徴的なフロー

アイコンとパーセンテージが特徴的なフロー

見た目にも分かりやすいシンプルな縦型のフロー。文章もそれなりに入るので、相手に伝わりやすいかも。

ダウンロードはこちらから

 

8.奥行き感のある立体的なデザインフロー

奥行き感のある立体的なデザインフロー

道路のような奥行き感のあるデザインで表現されたフローです。視点を変えるだけで、また違った印象になります。

ダウンロードはこちらから

 

9.ユニークなデザインのダイヤモンド型の時系列フロー

見た目にも分かりやすいダイヤモンド型の時系列フロー

ダイヤモンド型の四角形が連なったようなデザインの時系列のフローです。シャドウで立体的に表現されています。

ダウンロードはこちらから

 

10.淡いカラーで表現されたデザイン的なフロー+人間のデザイン付き

淡いカラーで表現されたデザイン的なフロー+人間のデザイン付き

色使いのためか昭和チックなイメージがするデザイン。パーセンテージなどの比率やフローなどに使えそうです。

ダウンロードはこちらから

 

11.複雑だけど見やすい、シックスコアタイプのグラフ

複雑だけど見やすい、シックスコアタイプのグラフ

複雑なのかシンプルなのか花のようなイメージのデザイン的なシックスコアのフロー。こんな表現の仕方もあるんですね。

ダウンロードはこちらから

 

 

比率などの図解

一般で言う円形グラフです。パイチャートとも呼ばれ、何らかの構成比率を表すときに使うものです。ユニークなデザインのものが多く、見た目にも面白いものが多数あります。

 

1.スペースちっくでユニークなパイチャート

スペースちっくでユニークなパイチャート

宇宙をモチーフにデザインされたパイチャート。中央のUFOと彗星が印象的です。ファニーな感じにしたい時に使ってみよう。

ダウンロードはこちらから

 

2.硬派な印象のスタンダードなグラフセット

硬派な印象のスタンダードなグラフセット

しっかりと作られた硬派な印象のグラフセット。ビジネスなどに使えそうです。

ダウンロードはこちらから

 

3.円形の折り重なりが目を引くデザイン的にも面白いパイチャート

円形の折り重なりが目を引くデザイン的にも面白いパイチャート

奥行きを使ったデザインで上手く表現されたグラフ。一瞬、時計のようにも見えます。震えているような表現がチャームポイント。

ダウンロードはこちらから

 

4.半円や真円、グローバルな地図などでデザインされたグラフセット

半円や真円、グローバルな地図などでデザインされたグラフセット

棒グラフや半円などで表現された落ち着いたデザインのグラフセットです。色々と種類があるので、使い勝手が良さそうですね。

ダウンロードはこちらから

 

5.部分的に切り抜きで拡大されたデザイン的なパイチャート

部分的に切り抜きで拡大されたデザイン的なパイチャート

部分的に拡大された立体的な円形グラフです。パーセンテージだけではなく、アイコンもあるので分かりやすそうです。

ダウンロードはこちらから

 

6.作り込みが半端ない食物比率などに使えそうなグラフ

作り込みが半端ない食物比率などに使えそうなグラフ

食物の構成比率などに使えそうなパイチャートです。数字の代わりに、食べ物のアイコンで表現されています。

ダウンロードはこちらから

 

7.立体的に表現されたデザイン的な3D円グラフ

立体的に表現されたデザイン的な3D円グラフ

スタンダードなタイプの円形グラフや3Dなど、色々揃っているグラフセットです。こちらもビジネスなどに使えそうです。

ダウンロードはこちらから

 

8.ちょっと変わったユニークなデザインの円形グラフ

グローバルな視点で使えそうな円グラフ

円形だけちょっと変わったデザインで表現されたパイチャートです。近未来的なデザインが印象的。

ダウンロードはこちらから

 

9.人間や旗などのオブジェクトが付いているグラフセット

人間や旗などのオブジェクトが付いているグラフセット

色々なアイコンやグラフがあるカワイイ感じのグラフセット。ディスプレイやスマートフォンなどのオブジェクトもあるので、色々なシーンで使えそうです。

ダウンロードはこちらから

 

10.レトロちっくなデザインで表現されたグラフセット

レトロちっくなデザインで表現されたグラフセット

9と同じデザインのグラフセット。単純なデザインですが、非常に分かりやすいです。こちらもあらゆるシーンで利用できます。

ダウンロードはこちらから

 

 

循環・リサイクルの図解

循環やリサイクルは、タスクやイベント、繋がりを示すために使用されるグラフです。多くは矢印がぐるっとしたような感じのデザインが多めです。ちょっと変わったユニークなものもあります。

 

1.凄ーくシンプルな循環のグラフ

凄ーくシンプルな循環のグラフ

シンプルな循環のグラフです。見た目にも分かりやすくてGood。ちょっとした場面で使えそうです。

ダウンロードはこちらから

 

2.ヘックスで表現された観覧車のような循環グラフ

ヘックスで表現された観覧車のような循環グラフ

ヘックスでぐるりと表現されたデザインタイプの循環グラフ。背後のデザインもイカしてます。

ダウンロードはこちらから

 

3.隙間なく折り重なった矢印の循環のグラフ

隙間なく折り重なった矢印の循環のグラフ

手順にも利用できそうな循環グラフです。浮き上がったようなシャドウや、矢印が折り重なっているのが特徴的です。

ダウンロードはこちらから

 

4.円形とラインが上手く組み合わさった独創的な循環グラフ

円形とラインが上手く組み合わさった独創的な循環グラフ

こちらも「ぐりん」としたデザインです。円形部分のアイコンが目を引きます。

ダウンロードはこちらから

 

5.絵柄がキュートなリサイクルグラフ

絵柄がキュートなリサイクルグラフ

ペットボトルのリサイクルのようなデザインのグラフです。矢印には可愛らしいアイコンの絵柄が配置されています。

ダウンロードはこちらから

 

6.色々な円形の循環グラフのセット

色々な円形の循環グラフのセット

色々なカタチでデザインされた循環グラフのセットです。こちらもアイコン付きで分かりやすいですね。

ダウンロードはこちらから

 

7.グラデーションで表現された美しいグラフ

グラデーションで表現された美しいグラフ

フローにも利用できそうなグラデーションのグラフ。パイが区切られているので、見やすいですね。

ダウンロードはこちらから

 

8.トライアングルタイプのグラフ

トライアングルタイプのグラフ

ちょっと変わった三角形タイプの循環グラフ。ぐるぐると渦を巻いたようなデザインが特徴的です。

ダウンロードはこちらから

 

9.循環や比率などのデザイン的なグラフのセット

トライアングルタイプのグラフ

色々なタイプのデザインのグラフセットです。幾何学的な模様もあります。ちょっと暗めの色使いです。

ダウンロードはこちらから

 

10.美しいグラデーションで表現されたアイコン付きのグラフ

美しいグラデーションで表現されたアイコン付きのグラフ

こちらもグラデーションで表現された循環グラフです。周りに配置されている円形のアイコンが特徴的ですね。パッと見、微生物のようにも見えます。

ダウンロードはこちらから

 

 

タイムラインなどの図解

ヒストリー(歴史)や時系列などで表現されたグラフです。Facebookなどにもタイムラインがあります。会社の歴史や、自分の履歴などに利用することができます。

 

1.デザイン的にも分かりやすいクネクネしたタイムライン

デザイン的にも分かりやすいクネクネしたタイムライン

クネクネしたデザインのタイムラインです。番号も付いているので、視覚的にも分かりやすいですね。

ダウンロードはこちらから

 

2.スタンダードなタイプのタイムライン

スタンダードなタイプのタイムライン

ボックスタイプのスタンダードなタイプのタイムラインです。単純だけど、見やすくてGood。

ダウンロードはこちらから

 

3.フィッシュボーンタイプのタイムライン

フィッシュボーンタイプのタイムライン

こちらは魚の骨のようなフィッシュボーンタイプのデザインのタイムラインです。パワーポイントなどに利用できそうです。

ダウンロードはこちらから

 

4.個人履歴に最適なタイムライン

個人履歴に最適なタイムライン

Facebookにあるような形式のタイムライン。トップに自画像を挿入できるので、個人履歴などに使えそうです。

ダウンロードはこちらから

 

5.シンプルだけど見やすいタイムライン

シンプルだけど見やすいタイムライン

非常にシンプルなデザインのタイムラインです。波紋のように表現された丸のデザインがいいですね。見やすいです。

ダウンロードはこちらから

 

6.ファニーな柄がついたお茶目なタイムライン

ファニーな柄がついたお茶目なタイムライン

コミカルでファニーなバックデザインが目を引くタイムラインです。おちゃめな感じで使いたいときはコレで決まりですね。

ダウンロードはこちらから

 

7.弧を描くように配置されたデザイン的なタイムライン

弧を描くように配置されたデザイン的なタイムライン

半円状に弧を描くように配置されたタイムライン。上手く時系列で表現されています。落ち着いた感じの色合いとナンバーがいい感じです。

ダウンロードはこちらから

 

8.斜めに配置された地下鉄の路線図のようなタイムライン

斜めに配置された地下鉄の路線図のようなタイムライン

地下鉄にあるような路線図のようなタイムラインです。多くの情報を記載できるのが特徴。

ダウンロードはこちらから

 

9.透明感のある透き通ったようなイメージのタイムライン

透明感のある透き通ったようなイメージのタイムライン

こちらは透き通った透明感のあるタイムラインです。ただし、バックグラウンドも一緒に使用しないと、雰囲気が発揮されないので注意。

ダウンロードはこちらから

 

10.ペラっとめくり上がったようなタイムライン

ペラっとめくり上がったようなタイムライン

ラベルのようにペラッとした感じが印象的なタイムラインです。見た目にも面白く、ユニークですね。ちょっとしたアクセントが目を引きますね。

ダウンロードはこちらから

 

 

インフォメーションなどの図解

お知らせや情報などに利用することができるインフォーメーションタイプのデザインです。情報を上手くまとめることで、訴求力を向上させることができます。ウェブなどにも利用できそうです。

 

1.くるんとしたインフォメーション

くるんとしたインフォメーション

直線だけど、くるりと表現されたようなデザインです。丸の中にあるアイコンで視覚的にも見やすくなっています。

ダウンロードはこちらから

 

2.くねくねに曲がったターミナルのようなインフォメーション

くねくねに曲がった道路のようなインフォメーション

ターミナルのようなくねくねと曲がったようなデザインです。番号付きなので分かりやすくなっています。ウェブなどで使えそうです。

ダウンロードはこちらから

 

3.カラフルな円形で上手くデザインされたインフォメーション

円形で上手くデザインされたインフォメーション

横並びタイプのインフォーメーションデザインです。こちらも非常に分かりやすいですね。

ダウンロードはこちらから

 

4.歯車のようなギアのインフォーメーション

歯車のようなギアのインフォーメーション

ギアで表現されたタイプのインフォーメーションです。情報はあまり多く記載できませんが、目を引くデザインですね。

ダウンロードはこちらから

 

5.アルファベットのようなデザイン的なインフォーメーション

アルファベットのようなデザイン的なインフォーメーション

アルファベットに似せたデザイン的なインフォーメーションのセットです。カラフルで見た目にも面白いです。

ダウンロードはこちらから

 

6.円形に配置されたインフォメーション

円形に配置されたインフォメーション

ぐりんとした円形に配置されたデザインです。分かりやすくてGood。

ダウンロードはこちらから

 

7.地球のデザインが印象的なグローバル感をアピールできるグラフ

地球のデザインが印象的なグローバル感をアピールできるグラフ

地球がベースになっているデザインが特徴的です。使いどころは限られるかもしれませんが、グローバルを意識したインフォメーションなどで利用できそうです。

ダウンロードはこちらから

 

8.矢印をデザイン的に分割したようなグラフ

矢印をデザイン的に分割したようなグラフ

矢印で表現されたタイプのデザインです。インフォメーションでもフローでも利用できます。

ダウンロードはこちらから

 

9.ヘックスで表現されたデザイン的なダイアグラムのグラフ

ヘックスで表現されたデザイン的なダイアグラムのグラフ

幾何学模様的なヘックスで表現されたデザインです。見な目にもユニークですね。

ダウンロードはこちらから

 

10.手順にもインフォメーションにも利用できる番号付きのデザインセット

手順にもインフォメーションにも利用できる番号付きのデザインセット

色々なタイプのデザインが詰まったインフォメーションのセットです。番号付きなので、フローにも利用できそうです。

ダウンロードはこちらから

 

あとがき

さて、どうだったでしょうか。デザイン的なものから、コミカルな感じのグラフまで多数あります。何を図解で説明するときや、仕事上、パワーポイントを作るときなど、色々なシーンに利用することができます。

フローやパイチャートなどは自分で作ろうとすると、意外と難しいと思います。どれもフリーで利用できるので、気になるものがあったらストックしておくと、いざという時に役に立ちそうです。

 

その他のベクター形式のフリー素材

[f_Illustrator_FreeVector]