Advertisement

 

文字がずらずらと書かれた、書類や企画書などを読むのって、なかなか大変な作業です。

テキスト文字だけでなく、イラストや画像を利用することで、より分かりやすく、より読みやすくなります。

 

 

今年のウェブデザイントレンドでも、紹介したインフォグラフィックは、よい例ではないでしょうか。

 

 

海外デザインブログFavbulousで、オリジナルのインフォグラフィックを作成するテンプレートキットや無料素材などをまとめたエントリー「UI Kits and Other Free PSD Resources for Building Infographics」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

インフォグラフィックの基本的な作り方テンプレート素材

 

Vector Infographic Kit

世界地図やパイチャート、タイムラインなど、数値をビジュアル化できるデザインパーツまとめ。

Illustratorで編集可能なAi, EPS, SVGファイルで収録されています。

nfographic2

(ファイル形式 : .ai, .eps, .svg)

 

 

 

Vector Infographic Elements

パッと見ただけで分かりやすい、グラフやチャートなどが数多く収録されています。

基本的なインフォグラフィック作り方のお手本、としてもよさそうですよ。

nfographic3

(ファイル形式 : .eps, .svg, .pdf)

 

 

 

Infographic Vector Kit

一度こちらの記事で詳しく紹介していますので、よろしかったら一緒にどうぞ。

infographic1

(ファイル形式 : .ai, .eps)

 

 

 

一緒に活用したい、関連デザイン素材まとめ

 

Little Pie Chart

淡いグラデーションを利用してペイントされた、カラフルなパイチャート用テンプレートPSD素材。

colorful_piechart_psd

(ファイル形式 : .psd)

 

 

 

Clean Charts & Graphs Free PSD

見た目がスッキリとまとめられた、棒グラフを作成することができるテンプレート素材。

yellowbar_chart

(ファイル形式 : .psd)

 

 

 

“Inspire” Backend Admin Template

直感的で、使いやすそうなデザインが印象的な、管理画面を作成することを想定した、PSDテンプレート素材。

adminpanel_psd_inspire

(ファイル形式 : .psd)

 

 

デザインパーツは、それぞれフォルダごとに細かく分けられているので、編集作業も楽ですよ。

adminpanel_psd_inspire_top

 

 

 

NounProject

当サイトでも何度かご紹介していますが、現在も定期的に新しいアイコン素材がアップデートされています。

NounProject

(ファイル形式 : .svg)

 

 

 

Icon Sweets 2

400種類以上のピクトグラム無料アイコン素材を収録しています。

16×16, 32×32, 64x64pxの3サイズから選択でき、有料プランではWebフォントとして利用可能。

iconSweets2

(ファイル形式 : .psd)

 

 

 

350 Pixel Perfect Glyphs Icons

あらゆるデザインに対応した、350種類にも及ぶピクトグラムのアイコン素材をまとめたセット。

minimal-minimalist-website-design-web-icons-graphic-free-premium-002

(ファイル形式 : .png)

 

 

 

Glyphicons

400種類のピクトグラムアイコンをセットにしており、あまり見かけないユニークなデザインが、多いのも特長のひとつです。

glyphicons

(ファイル形式 : .png)

 

 

 

Free Retro Icon Set

ブログ、ホームページなどにも活用できる、レトロテイストを加えた、ピクトグラムアイコン素材。

minimal-minimalist-website-design-web-icons-graphic-free-premium-023

(ファイル形式 : .ai)

 

 

 

50 Free Delicious Berries Icons

ホームページやブログ、ショッピングサイトなどで活用したい、50種類のピクトアイコン素材セット。

minimal-minimalist-website-design-web-icons-graphic-free-premium-030

(ファイル形式 : .psd)

 

 

 

MacDaddy World

デザイン的におしゃれな配色を使ってデザインされたベクターマップ。

個人的にダウンロードさせてもらった無料素材のひとつです。

world_vector_map_11

(ファイル形式 : .ai)

 

 

 

ベクターアートでデザインされた、高品質な世界地図の無料素材25個まとめ

デザイン作成に使える、世界、日本地図などをまとめてご紹介したエントリーとなります。

25vectorworldmap

 

 

 

作り方の参考に、ユニークなインフォグラフィックデザインまとめ

 

実際にデザインされた、インフォグラフィックデザインをいくつかまとめています。

オリジナルのデータや内容などをまとめるときに、参考にしてみてはいかがでしょう。

 

 

The Facebook Nation

facebookの利用者数や男女比、国別ユーザー数などを分かりやすく解説した、インフォグラフィック。

The_Facebook_Nation

 

 

 

Blame Twitter

ツイートは環境破壊、という斬新なアイデアを、イラストを多用してビジュアル化したインフォグラフィック。

Blame_Twitter

 

 

 

How Dirty is Your Date?

デートするときに、どれくらい汚れているかを可視化した、ユニーク&大胆なインフォグラフィック。

Dirty

 

 

 

Map of Rap

HipHopアーティストの名前や相関図をポスターデザインとして、完成させたインフォグラフィックです。

The_Magnificent_Map_of_Rap_Names

 

 

 

Envisioning Emerging Techonology for 2012

2012年度のテクノロジー分野を細かく分別、整理した、カラフルなインフォグラックチャート。

Envisioning_emerging_technology

 

 

 

Loku SXSW Guide

水彩絵の具などを使って、手描きスケッチされた、かわいいデザインが印象的。

インフォグラフィック作成は、ルール不要で、アイデア次第ですね。

Loku_SXSW_Guide

 

 

 

The Most Commonly Misunderstood Lyrics in Music

歌詞の意味が間違って理解されている単語を並べた、アイデアがユニークなインフォグラフィック。

The_Most_Commonly_Misunderstood_Lyrics_In_Music

 

[参照元 : UI Kits and Other Free PSD Resources for Building Infographics – Favbulous]

[参照元 : 27 Interesting and Funny Infographics – Splashnology]