ウェブやパワーポイントなどでグラフや図解のイラストなどを使用したいケースは結構多いですよね。一から作っても良いのですが、デザイン的なものとなると時間もかかります。そんな時は、フリーで使えるデザイン的なグラフを使ってみましょう。
そんな訳で、今回はベクターで使える図解やグラフをたくさん集めてみました。
What’s is ベクター？
ベクター形式には以下のような利点があります。とくに、拡大・縮小しても劣化しない点や輪郭がきれいに表示されることが特徴的です。記事のアクセントやサムネイルなどによく利用されます。どのサイトでもよく見かけるSVGもベクター形式です。
- ファイルサイズが小さい。
- 輪郭がきれい。
- 拡大・縮小してもぼやけない。
始めにお読みください
- すべてのデザインはfreepik.comに帰属します。
- 海外のサイトですが、あやしいサイトではありません。
- ダウンロード数に制限があります（アカウント作成で制限解除されます）。
- 1日30ダウンロードまで（それ以降は有料プラン）。
- ダウンロードファイルによっては、専用のフォントが必要になる場合があります。
- 添付されているライセンスの利用規約に従ってお使いください。
- ダウンロード素材はすべて「ai」or「eps」形式です。
- 「ai」形式のファイルを開くためにはAdobe Illustratorなどが必要になります。
- eps形式のものはPhotoshopでも開くことができます。
- eps形式のものはWordやExcelでも利用可です。
手順（フロー）などの図解
物事の手順などを解説するときに使えそうなフローのデザイングラフです。番号付きのものから、矢印で表現されたデザインまで色々なタイプのものがあります。ウェブやパワーポイントなどで利用できます。
１．ナンバー付きで分かりやすいフローの図解
ナンバー付きでシンプルな手順の図解イラストです。数字からラインが飛び出ているような表現がGoodですね。
２．カラフルで見やすい手順やリサイクルなどのセット
カラフルに表現された手順や循環などのグラフセット。ちょっとしたシーンで利用できそうです。
３．矢印付きで非常に分かりやすいフローなどのセット
色々な矢印で表現されたデザイン的なフロー。循環やフロー、パーセンテージ付きなど、一通り揃っています。
４．階段のようなデザインが特徴的なフロー
階段のようなステップで表現された特徴的なフロー。見た目にも面白いデザインです。
５．色々な円形のデザインで表現されたグラフセット
こちらはすべて円形で表現されたグラフセット。カラーも統一されています。
６．時系列でも手順でもどちらもで利用できるデザイン的なフロー
ぐるんとした円形デザインのフローです。ちょっとしたアイコンがアクセントになっています。
７．アイコンとパーセンテージが特徴的なフロー
見た目にも分かりやすいシンプルな縦型のフロー。文章もそれなりに入るので、相手に伝わりやすいかも。
８．奥行き感のある立体的なデザインフロー
道路のような奥行き感のあるデザインで表現されたフローです。視点を変えるだけで、また違った印象になります。
９．ユニークなデザインのダイヤモンド型の時系列フロー
ダイヤモンド型の四角形が連なったようなデザインの時系列のフローです。シャドウで立体的に表現されています。
１０．淡いカラーで表現されたデザイン的なフロー＋人間のデザイン付き
色使いのためか昭和チックなイメージがするデザイン。パーセンテージなどの比率やフローなどに使えそうです。
１１．複雑だけど見やすい、シックスコアタイプのグラフ
複雑なのかシンプルなのか花のようなイメージのデザイン的なシックスコアのフロー。こんな表現の仕方もあるんですね。
比率などの図解
一般で言う円形グラフです。パイチャートとも呼ばれ、何らかの構成比率を表すときに使うものです。ユニークなデザインのものが多く、見た目にも面白いものが多数あります。
１．スペースちっくでユニークなパイチャート
宇宙をモチーフにデザインされたパイチャート。中央のUFOと彗星が印象的です。ファニーな感じにしたい時に使ってみよう。
２．硬派な印象のスタンダードなグラフセット
しっかりと作られた硬派な印象のグラフセット。ビジネスなどに使えそうです。
３．円形の折り重なりが目を引くデザイン的にも面白いパイチャート
奥行きを使ったデザインで上手く表現されたグラフ。一瞬、時計のようにも見えます。震えているような表現がチャームポイント。
４．半円や真円、グローバルな地図などでデザインされたグラフセット
棒グラフや半円などで表現された落ち着いたデザインのグラフセットです。色々と種類があるので、使い勝手が良さそうですね。
５．部分的に切り抜きで拡大されたデザイン的なパイチャート
部分的に拡大された立体的な円形グラフです。パーセンテージだけではなく、アイコンもあるので分かりやすそうです。
６．作り込みが半端ない食物比率などに使えそうなグラフ
食物の構成比率などに使えそうなパイチャートです。数字の代わりに、食べ物のアイコンで表現されています。
７．立体的に表現されたデザイン的な３D円グラフ
スタンダードなタイプの円形グラフや３Dなど、色々揃っているグラフセットです。こちらもビジネスなどに使えそうです。
８．ちょっと変わったユニークなデザインの円形グラフ
円形だけちょっと変わったデザインで表現されたパイチャートです。近未来的なデザインが印象的。
９．人間や旗などのオブジェクトが付いているグラフセット
色々なアイコンやグラフがあるカワイイ感じのグラフセット。ディスプレイやスマートフォンなどのオブジェクトもあるので、色々なシーンで使えそうです。
１０．レトロちっくなデザインで表現されたグラフセット
９と同じデザインのグラフセット。単純なデザインですが、非常に分かりやすいです。こちらもあらゆるシーンで利用できます。
循環・リサイクルの図解
循環やリサイクルは、タスクやイベント、繋がりを示すために使用されるグラフです。多くは矢印がぐるっとしたような感じのデザインが多めです。ちょっと変わったユニークなものもあります。
１．凄ーくシンプルな循環のグラフ
シンプルな循環のグラフです。見た目にも分かりやすくてGood。ちょっとした場面で使えそうです。
２．ヘックスで表現された観覧車のような循環グラフ
ヘックスでぐるりと表現されたデザインタイプの循環グラフ。背後のデザインもイカしてます。
３．隙間なく折り重なった矢印の循環のグラフ
手順にも利用できそうな循環グラフです。浮き上がったようなシャドウや、矢印が折り重なっているのが特徴的です。
４．円形とラインが上手く組み合わさった独創的な循環グラフ
こちらも「ぐりん」としたデザインです。円形部分のアイコンが目を引きます。
５．絵柄がキュートなリサイクルグラフ
ペットボトルのリサイクルのようなデザインのグラフです。矢印には可愛らしいアイコンの絵柄が配置されています。
６．色々な円形の循環グラフのセット
色々なカタチでデザインされた循環グラフのセットです。こちらもアイコン付きで分かりやすいですね。
７．グラデーションで表現された美しいグラフ
フローにも利用できそうなグラデーションのグラフ。パイが区切られているので、見やすいですね。
８．トライアングルタイプのグラフ
ちょっと変わった三角形タイプの循環グラフ。ぐるぐると渦を巻いたようなデザインが特徴的です。
９．循環や比率などのデザイン的なグラフのセット
色々なタイプのデザインのグラフセットです。幾何学的な模様もあります。ちょっと暗めの色使いです。
１０．美しいグラデーションで表現されたアイコン付きのグラフ
こちらもグラデーションで表現された循環グラフです。周りに配置されている円形のアイコンが特徴的ですね。パッと見、微生物のようにも見えます。
タイムラインなどの図解
ヒストリー（歴史）や時系列などで表現されたグラフです。Facebookなどにもタイムラインがあります。会社の歴史や、自分の履歴などに利用することができます。
１．デザイン的にも分かりやすいクネクネしたタイムライン
クネクネしたデザインのタイムラインです。番号も付いているので、視覚的にも分かりやすいですね。
２．スタンダードなタイプのタイムライン
ボックスタイプのスタンダードなタイプのタイムラインです。単純だけど、見やすくてGood。
３．フィッシュボーンタイプのタイムライン
こちらは魚の骨のようなフィッシュボーンタイプのデザインのタイムラインです。パワーポイントなどに利用できそうです。
４．個人履歴に最適なタイムライン
Facebookにあるような形式のタイムライン。トップに自画像を挿入できるので、個人履歴などに使えそうです。
５．シンプルだけど見やすいタイムライン
非常にシンプルなデザインのタイムラインです。波紋のように表現された丸のデザインがいいですね。見やすいです。
ダウンロードはこちらから
６．ファニーな柄がついたお茶目なタイムライン
コミカルでファニーなバックデザインが目を引くタイムラインです。おちゃめな感じで使いたいときはコレで決まりですね。
７．弧を描くように配置されたデザイン的なタイムライン
半円状に弧を描くように配置されたタイムライン。上手く時系列で表現されています。落ち着いた感じの色合いとナンバーがいい感じです。
８．斜めに配置された地下鉄の路線図のようなタイムライン
地下鉄にあるような路線図のようなタイムラインです。多くの情報を記載できるのが特徴。
９．透明感のある透き通ったようなイメージのタイムライン
こちらは透き通った透明感のあるタイムラインです。ただし、バックグラウンドも一緒に使用しないと、雰囲気が発揮されないので注意。
１０．ペラっとめくり上がったようなタイムライン
ラベルのようにペラッとした感じが印象的なタイムラインです。見た目にも面白く、ユニークですね。ちょっとしたアクセントが目を引きますね。
インフォメーションなどの図解
お知らせや情報などに利用することができるインフォーメーションタイプのデザインです。情報を上手くまとめることで、訴求力を向上させることができます。ウェブなどにも利用できそうです。
１．くるんとしたインフォメーション
直線だけど、くるりと表現されたようなデザインです。丸の中にあるアイコンで視覚的にも見やすくなっています。
２．くねくねに曲がったターミナルのようなインフォメーション
ターミナルのようなくねくねと曲がったようなデザインです。番号付きなので分かりやすくなっています。ウェブなどで使えそうです。
３．カラフルな円形で上手くデザインされたインフォメーション
横並びタイプのインフォーメーションデザインです。こちらも非常に分かりやすいですね。
４．歯車のようなギアのインフォーメーション
ギアで表現されたタイプのインフォーメーションです。情報はあまり多く記載できませんが、目を引くデザインですね。
５．アルファベットのようなデザイン的なインフォーメーション
アルファベットに似せたデザイン的なインフォーメーションのセットです。カラフルで見た目にも面白いです。
６．円形に配置されたインフォメーション
ぐりんとした円形に配置されたデザインです。分かりやすくてGood。
７．地球のデザインが印象的なグローバル感をアピールできるグラフ
地球がベースになっているデザインが特徴的です。使いどころは限られるかもしれませんが、グローバルを意識したインフォメーションなどで利用できそうです。
８．矢印をデザイン的に分割したようなグラフ
矢印で表現されたタイプのデザインです。インフォメーションでもフローでも利用できます。
９．ヘックスで表現されたデザイン的なダイアグラムのグラフ
幾何学模様的なヘックスで表現されたデザインです。見な目にもユニークですね。
１０．手順にもインフォメーションにも利用できる番号付きのデザインセット
色々なタイプのデザインが詰まったインフォメーションのセットです。番号付きなので、フローにも利用できそうです。
あとがき
さて、どうだったでしょうか。デザイン的なものから、コミカルな感じのグラフまで多数あります。何を図解で説明するときや、仕事上、パワーポイントを作るときなど、色々なシーンに利用することができます。
フローやパイチャートなどは自分で作ろうとすると、意外と難しいと思います。どれもフリーで利用できるので、気になるものがあったらストックしておくと、いざという時に役に立ちそうです。
その他のベクター形式のフリー素材
[f_Illustrator_FreeVector]