デザインを開発するという視点でお伝えするクリエイティブBLOG
デザイナーにとってテンプレート・モックアップは非常にありがたい存在。デザイナー以外でもディレクションに関わる人であれば完成イメージとして、これらを使用する機会もあるのではないでしょうか。そんな人たちにおすすめできるまとめ「30 Fresh Freebies for Web & Graphic Designers」を今回はご紹介していきます。
Mobile Chat App Design – free download by Claudio Parisi – Dribbble
トレンド感のあるシンプルかつフラットなデザインで表現された完成度の高いテンプレート・モックアップ。下記にいくつかピックアップしているので、チェックしてみてください。
詳しく見る
デザイナーは時にリアルなグラフィックを求められることもありますが、いちから作るのは時間も手間もかかるもの。今回はそんな時に、こんなグラフィックコレクションがあったら助かる、といったアイテムがまとまった、フリーグラフィック素材まとめ「A Worth Checking Out Collection Of Free Graphics Files for Designers」の紹介です。
Free PSD : Creative Horizontal CV Resume Template PSD by PSD Freebies – Dribbble
リアルなグラフィックのアイテムはモックアップにも使用できる優れもの。気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
数字などのデータをビジュアルで表現したい時に使用するグラフやチャートはとても便利なグラフィック。いろいろなシーンで活躍してくれますが、今回はそんなグラフやチャートのベクターグラフィックコレクション「Vector Graph & Chart Collection」を紹介したいと思います。
Free Collection of 36 Vector Graphs & Charts
白黒タイプ、またカラータイプの2種類のグラフ・チャートのベクター形式の素材がフリーでダウンロードできるようになっています。
詳しくは以下
デザイン制作に便利なベクター素材。イラストレーターでの加工が可能だったりと、アレンジの幅が広いのも人気の要素の一つとなっています。今回はそんなベクター素材の中で、美しい花の姿を表現した「30 Free Colorful Vector Flowers」を紹介したいと思います。
（Melody Arriving :: Vector Open Stock | vector graphics and vector art to download for free!）
さまざまな表情の花、そして植物をプラスしたベクター素材が30種まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
デザイン全体のクオリティをアップさせるためには素材自体のクオリティの高さが重要になってきますが、特にベクターイラストなどを制作するには時間がかかってしまうもの。そんな時に是非利用したい、デザインを彩る抽象的なベクターイラストをまとめた「A Fresh Collection Of Free Abstract Vector Graphics」を紹介したいと思います。
Abstract Mess – Vector Graphic by DryIcons
風景などのストーリー性のあるイラストから、ラインを重ねたような背景素材として利用しやすいイラストまで、さまざまなベクターイラストが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
たくさんのフリーフォントがダウンロードできる環境にある中、膨大な種類からクリエイティブな印象のフォントを探し出すのは意外に大変なもの。そんな時にチェックしたい、クリエイティブ・・デザイン性の高いフリーフォントを集めた「40 Recently Released Free Fonts」を紹介したいと思います。
（Korneuburg Slab | Free Font on Behance）
40種類ものフリーフォントがまとめられており、デザインのクオリティを高めることができます。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
WEBを制作する際、photoshopを利用して制作しているという方も多いと思います。今日紹介するのはphotoshopで利用できるPSDファイルのWEBインターフェイス素材集「15 Free and Useful Web User Interface PSDs」です。
ある程度ユーザーインターフェイスの基本となるものがセットになっており、同じテイストで様々な素材を利用する事が可能です。全部で15の素材セットがまとめられていますが、今日はその中から気になったものをピックアップして紹介したいと思います。
詳しくは以下
フォントでデザインのイメージが変わってしまうほど、選定は非常に重要なもの。よりクオリティの高いものに仕上げるために、いろんな種類を探しまわることも多いのではないでしょうか？そんな時に参考にしたい、クリエイティブなデザイン性があるフリーフォントまとめ「Fresh Free Fonts for Designers」を今回は紹介したいと思います。
どのデザインも、ハイセンスで洗練されたデザインが魅力のフォントばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
メイングラフィックやタイトルの装飾など、さまざまなシーンで活躍するフレーム枠は、テイスト違いごとにたくさんストックしておきたいもの。そこで今回紹介するのが、Photoshopブラシで表現できるフレームをまとめた「100+ Free Photoshop Frame Brushes To Decorate Your Designs」です。
Bri’s Picture Frame brushes by ~rabidbribri on deviantART
ラインの美しいフレームから、絵画を飾るようなリアルなフレームまで、たくさんのブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
最近では結婚式やパーティーで必要なアイテムを自分たちで作る人も多いようです。2人の個性や雰囲気に合ったものを手作りで準備するのも一つの醍醐味かもしれません。そんな中今回は、花のモチーフが可愛らしいウェディングイメージのベクター素材「Free Floral Wedding Vector Labels」をご紹介します。
ウェディングアイテムに使える便利なベクターデータです。
詳しくは以下
グラフィカルでリアルなデザインの制作に欠かせないソフトといえばphotoshopですが、クオリティの高いものを仕上げるには時間を要することが多いかと思います。そこで今回は、制作時間の短縮にもつながる、PSD形式で制作されたさまざまなデザインを集めた「25 High Quality Free PSD Files」を紹介したいと思います。
（MeegoFurn. Landing Page PSD | elemis | raw materials for design）
webサイトデザインに利用するさまざまなパーツデザインから、飛行機やマウスなどのCGパーツまで、さまざまなPSD素材が紹介されています。中でも気になったものをピックアップしましたので、下記からご覧ください。
詳しくは以下
見た目の美しさと操作性、どちらもwebデザインには欠かせない重要な要素です。そこで今回は、美しいインターフェイスのwebデザイン「50+ Brilliant Web Design Interface From deviantArt」を紹介したいと思います。
（Ipie template by *krike06 on deviantART）
ジャンルは様々ですが、どのデザインも洗練さと使いやすさ、そしてwebデザインとしての美しさを兼ね備えたものが多数紹介されています。気になったデザインをいくつかピックアップしてましたので、下記よりどうぞ。
Webサイトやアプリの制作はもちろん、商品パッケージなどにもモックアップが活用されます。完成のイメージを視覚的に確認するために使われ、クライアントへの提案などには欠かせないアイテムです。今回は、フリーで使えるPSDモックアップテンプレート「Free PSD Mockup Templates (32 Fresh Mock-ups)」を紹介したいと思います。
オフィスツールからPC、スマートフォン、パッケージ用まで様々なモックアップが集約されたサイトです。
詳しくは以下
アイコンは、サイトのユーザビリティを向上させてくれる重要な存在。定番として使えるものを常備していると非常に便利だと思います。今回はそんな定番アイコンが揃ったフリーアイコンセット「250+ Free Vector Icons for Designers」を紹介したいと思います。
ベーシックな種類のアイコンが250種、カテゴリ毎に分類されダウンロードできるようになっています。
詳しくは以下
お問い合わせなどで活躍するメールフォーム。古くから有り様々な形の物が作られていますが、今回紹介する「AjaxMail」はAjaxとPHPを使ったシンプルでスマートなメールフォームです。
「ewebのPHPメールフォーム」、「AjaxZip2.0」「AdobeSpry」「Lightview」と様々なソースコードを複合して作り上げられています。
詳しくは以下
