デザインを開発するという視点でお伝えするクリエイティブBLOG
webデザインを制作する際に素材として頻繁に利用されるアイコン。種類豊富にストックしておくことで、表現の幅がぐんと広がります。そんな中今回は、フラットなベクターアイコンセットをまとめた「Free PSD Icons: 26 Sets Of Flat Vector Icons for Designers」を紹介したいと思います。
（Free Flat Icons Pack on Behance）
定番として使えるタイプから、ちょっと個性的なテーマのものまで、さまざまなアイコンセットが紹介されています。
詳しくは以下
予算をかけることなくデザインを仕上げるために便利に活用できるフリー素材。デザインの流行に併せて日々新しい素材が多数配布されています。そんな中今回紹介するのは、比較的新しいさまざまな種類のフリー素材をあつめた「50 Free Resources for Designers from March 2014」です。
（Matt's Brushpack by Juhupainting on deviantART）
アイコン、フリーフォント、テクスチャ、ブラシ、UIキットなど、豊富なテーマで素材がまとめられ紹介されています。
詳しくは以下
アイコンで表現されることも多い人の顔のビジュアル。同じテイストで何種類も描き出すのはとても大変な作業になってしまいます。そんなシーンに是非利用したい、1,000通り以上の組み合わせが可能なフェイスアイコン「Avatars and Emoticons Vector Set」を今回は紹介したいと思います。
いろいろな表情や髪型のフェイスアイコンが簡単に作り出せるパーツがセットになった、とても便利なフリー素材です。
詳しくは以下
webデザイン制作をする中で、非常に活躍の場が多いアイコン。イラストだけで意味を表現できるとても便利な素材です。今回はそんなアイコン素材をまとめた「40 New Icon Sets for March 2014」を紹介したいと思います。
（Free Vector File – 180 Science Icons | The Creative Portfolio of Nick Botner）
定番としてベーシックに使えるアイコンから、専門的な分野まで、さまざまな種類がピックアップされています。
詳しくは以下
拡大縮小やサーチ機能を表現できる虫めがねアイコン。形にバリエーションがなかなか出しづらいため、いつもワンパターンになりがちではないでしょうか？今回はそんな虫めがねのさまざまなデザインアイコンをまとめた「Top 15 Magnifying Glass Search Icons – Free to Download」を紹介したいと思います。
（Free PSD: Saearch Icon – Magnifying Glass (Free PSD Icon) | Pixel Monarchy）
同じ形の中でも、デザイン表現にいろんなバリエーションを持たせた虫めがねアイコンが紹介されています。
詳しくは以下
webのトレンドとして今主流となっているフラットデザイン。ベースに合わせて、素材もフラットタイプのものが多く流通しています。そんな中今回紹介するのは、ベクター形式で便利に利用できる、フリーフラットアイコン「15 Sets of Vector / Flat PSD Icons – Free Download」です。
（Dribbble – Flat Icons / PSD by Yiğit Pınarbaşı）
定番として利用できそうなものから、ちょっと変わったテーマのものまで、15種のアイコンセットが紹介されています。
詳しくは以下
グラフィックでもWEBでもデザインにおいて、書体選びというのは非常に重要で、書体一つで大きくそのデザインが左右されます。それだけに選べる書体はできる限り揃えておきたいもの。今日紹介するのは最近リリースされた使えるフリーフォントをまとめたエントリー「11 Extremely Useful Fresh Free Fonts」です。
スタンダードというよりはクリエイティブによった、個性的な書体が全部で11個集められています。今日はその中からいくつか気になったエントリーをピックアップして紹介したいと思います。
詳しくは以下
かなり有名なサイトで、もはや紹介しなくても良いんじゃないかと思うぐらいですが、ブックマーク変わりに記事にしたいと思います。今回紹介する「Maniackers Design」は作り込まれた、高品質なフリー、シェアフォントを配布しているサイトです。
大元はデザイン事務所のWEBサイトなので、フォントのクオリティもさすがで、国内の雑誌やフォントブックにも常連で収録されていたりします。
詳しくは以下
フリーフォントサイトはインターネット上に多々ありますが、今回紹介する「Urbanfonts.com」はユーザーのことを考えて作られているなというのが実感できるフリーフォントサイトです。
通常は大きくわかりやすいサムネイルでマウスオーバーでA〜Zまでの書体がすべて表示されたサムネイルを表示してくれます。さらにサムネイルをクリックすると収録フォントをすべて表示してくれます。
詳しくは以下
コンタクトフォームはサイトとユーザーを繋ぐための大切なもの、こだわりを持ってWEBを作るのであれば、コンタクトフォームにもこだわっていきたいところです。そこで今回紹介するのはAjaxで動作する小粋なフリーのコンタクトフォームを集めた「16 Free Ajax Contact Forms – For A Better User Experience」と言うエントリー。
シンプル目な物から字数カウント、アニメーションなどAjaxを活かしたフォームが全部で16個紹介されています。今日はその中から個人的に気にあったコンタクトフォームをいくつか紹介したいと思います。
詳しくは以下
曼荼羅とは仏の悟りの境地、世界感などを視覚的に表したもので、その種類は様々な形で表され多様な種類がありますが、今日紹介するのはベクターデータで利用できる幾何学的な曼荼羅アートワーク「100 Vector Mandala Illustrations」です。
本格的な曼荼羅というよりは、曼荼羅からインスピレーションを得て、制作に利用しやすいシンプルなもので制作されているため利用しやすい素材になっています。収録されているアートワークは以下からご覧ください。
詳しくは以下
多種多様なフォントが世の中には出回っていますが、今回紹介するのはプロでも使えそうなデザイン性の高いハイクオリティなフォントを集めたエントリー「50 Incredible Fonts for Professional Web & Print Design」です。
全部で50個のフォントが紹介されていますが、今日はその中から気になったフォントをいくつかピックアップして紹介したいと思います。
詳しくは以下
もうすぐクリスマス。広告業界ではもうクリスマスは終わりつつありますが、今回紹介するのはクリスマスをデザインするのに最適なフリーphotoshopブラシセットをまとめた「
20 Free Christmas Photoshop Brush Sets」です。
Christmas Tree Branch BrushesT
雪の結晶から、もみの木、ツリーや氷の結晶等々、様々なクリスマスを演出できるフリーブラシが全部で20セット紹介されています。今回はいくつか気になったブラシセットを紹介したいと思います。
詳しくは以下
ブランドのイメージを強めるショップバック。店舗を構える業種でのブランディングでは要となる外せない要素です。今回はそんな店舗ブランディングの提案を支える強い味方、ショップバックのモックアップをまとめた「20 Free Beautiful Shopping Bag Mockups to Download」をご紹介します。
Shopping Bags PSD Template – GraphicsFuel
さまざまなデザインバリエーションで、ショップバックのモックアップが20種類集められています。その中でも気になった素材を下記にて紹介していますのでご覧下さい。
詳しくは以下
フォント選びはデザインの中でも、もっとも重要な作業の一つで、表現したいイメージに合うフォントを探しだせれば、デザインのクオリティも非常にあがります。今回紹介するのはアナログ感が演出できる手書き&スクリプトフォントを集めたエントリー「60 Free Handwritten & Script Fonts」です。
全部で60ものフォントが集められています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
メニューはサイトないで最も多く使われ、見られている重要な要素の一つだと思います。今日紹介する「 Pastel color menu」はサブメニューが付いた、シンプルでデザイン性、汎用性の高いナビゲーションメニューです。
デザインはCSSで制御されているので、ベースとして利用してカスタマイズすることも容易にできるかと思います。サブメニューの表示にはjavascriptを使っているみたいです。
詳しくは以下
