WEBの素材としてアイコンセットは珍しいものではなく、様々なものがリリースされており立体的なものから、ピクトグラムライクな平面的なものもあります。今回紹介するのはすべて面で描かれた、POPでキュートなアイコンセット「Flat Design Icons Set Vol1」を紹介したいと思います。
![]()
アイコンはシンプルながらも細かいところまで作り込まれており、面で描かれながらも陰影や光も表現されており、立体的に見えます。
詳しくは以下
WEBでのユーザーインターフェイスを劇的に改善してくれるアイコン。それだけに素材としても多く流通しており、WEB上では様々な高品質のアイコンセットが公開されていますが、今日紹介するのは丸で囲われたシンプルで使い勝手の良いアイコンセット「Metrize Icons」です。
![]()
収録されているアイコンは全部で300種類にも及び、それぞれシンプルなピクトグラムライクなものとなっております。
詳しくは以下
ユーザーの印象を決定づける一つの大きな要素としてインターフェイスがあります。ここの部分が一貫したテーマをもって制作されているとサイトやサービスのデザイン性は一気に高まり、世界観を構築してくれるものです。今日紹介するのはクリエイティブで洗練されたユーザーインターフェイスを実現できる「Square UI Free」です。

少し落ち着いたトーンの洗練されたユーザーインターフェイスの素材がまとめてダウンロードできます。
詳しくは以下
アプリにしてもWEBにしても非常に利用頻度が高い、アイコン素材。それだけに様々なアイコンセットが素材としてWEBでは提供されていますが、今日紹介するのはベクターで利用できるシンプルなアイコン200個セット「200 Free Glyphs」です。
![]()
シンプルで簡潔なアイコンが全部で200個まとめられています。顔文字的なものから、矢印やタグソーシャルメディアまでWEBで利用できそうなアイコンがほぼ揃うアイコンセットになっています。
詳しくは以下
![]()
アイコン素材はセットが変わるとどうしても調整が必要なため、種類が少ないと、自分で作る部分が増えたり、制作したものと合わせる作業が必要になります。こちらのアイコンセットは、利用頻度の高そうなアイコンが網羅されていますので、その点はこのアイコンセットのみで、制作も完結することができそうな気がします。
配布形式はpsdとなり「Dribbble – 200 Free Glyphs by Joel Siddall」の「free-download.psd」というテキストリンクからダウンロード可能です。
テクスチャの中でも、特によく利用する種類として挙げられる紙素材。いろいろな場面で便利に活用することができます。今回はそんな紙テクスチャをまとめた「A Collection Of Awesome And Free Paper Bag Textures」を紹介したいと思います。

Whitewashed Paper Bag by FelixMendoza on DeviantArt
ブラウンカラーをベースとした紙がテーマのテクスチャ素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインフォントは、制作物をよりクリエイティブに見せてくれる要素の一つでもあり、選定がデザインの良し悪しを左右するほど重要なものとなってきます。今回はそんなクリエイティブなデザインを作り出せる12種のフリーフォントまとめ「12 Super Fresh Free Fonts for Designers」を紹介したいと思います。
個性的なもの、シンプルで洗練された雰囲気を演出できるものなど、厳選された12種のフォントが紹介されています。
詳しくは以下
さまざまなグラフィックシーンで活躍してくれるソフト・イラストレーター。デザイナーとして活動されている方のほとんどが使用されているかと思います。今回はそんなデザイナーにおすすめ、イラストレーターでつくり上げるグラフィカルデザインのチュートリアルまとめ「Illustrator Tutorials: 23 New Tutorials to Learn Essential of Illustration」を紹介します。

Create texture shading in Adobe Illustrator – Illustrator Tutorials – Vectorboom
イラストレーターの機能を使ったクリエイティブなデザインのグラフィック作成の方法が、分かりやすく紹介された記事がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webサイトの構成で多くの場合必要になるコンタクトフォームの制作は、どうしてもデザインがマンネリ化してしまいがち。そんな時に利用したい、Photoshopで制作されたコンタクトフォームとサインアップのデザインをまとめた「55 Free Login, Sign Up and Contact Form PSD Files」です。

Vintage Sign Up Form by ~psd-fan on deviantART
デザインテイストに合わせて選びやすい豊富なデザインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
たくさんのデザイン素材を持っていることで、制作するデザインのバリエーションはどんどんと膨らんでいきます。今回はそんな素材リストに加えておきたい、最新のフリーリソースをまとめた「50 Free Resources for Web Designers from September 2015」を紹介したいと思います。

Free Set of Star Wars Avatars –
テンプレートからフォントまで、いろいろな種類のハイクオリティ素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
英語のサイトになリますが、WEBデザインに関して、ほとんどのジャンルを網羅しているリンク集「455 helpful links for webdesigners」を紹介したいと思います。こちらのリンク集はajax、blogs,colors,cssなどの役立つ情報を集めています。

タイトルの通り全部で455のリンクが収録されていて、かなり勉強になりそうなリンク集です。
詳しくは以下
デザインに質感を与えてくれるグランジ素材。最近では様々なフリーで使えるグランジ素材が公開されていますが、今日紹介するのはグランジを表現してくれるベクターデータ「15 Grunge Vectors」。デザインをイラストレーターだけで完結させたいけど、ちょっと演出でグランジ感を出したい時には非常に便利に使える素材だと思います。

全部で15のグランジベクターデータが収録されていてプレビューがまとめられていましたので、一部にはなりますが下記に貼付けておきます。
詳しくは以下
データをよりわかりやすく、表現するために便利なグラフ表現。実際のデータを反映していなくても、データがある、分析をするなどなど様々なイメージ付けとして使える素材です。今日紹介するのはそんなグラフやチャートのグラフィックをベクターデータとして配布しているセット「Charts and Graphs in Vector Format」です。

上記のように折れ線グラフ、棒グラフ、円グラフなどなど、様々な表示形式のものがセットになっています。グラフ機能は使っておらず、単純にクリップアートとしての素材となりますが、企画書だけではなくて、WEBの素材だったり、会社案内だったり様々なシーンで使えそうですね。
詳しくは以下
いろいろなテイストの素材を日々チェックしておくことで、デザインの幅を広げることができると思いますが、そんな中今回ご紹介するのは、可愛らしい雰囲気の素材を中心としたフリー素材まとめ「10 AWESOME FREEBIES FOR CREATIVE PROFESSIONALS」です。
テキストフレームやスタンプ、フォントなど、デザインを彩る様々な素材がテーマごとにまとめられています。気になった素材を幾つかピックアップしましたのでご覧ください。
詳しくは以下