デザインを開発するという視点でお伝えするクリエイティブBLOG
日々どんどんと配信されている素材には、非常にさまざまな種類が存在しています。そんな中今回紹介するのは、最新のフレッシュな素材を多数まとめた「50 Fresh Freebies for August 2014」です。
Dribbble – Cups Mockup PSD by diogo capelo
比較的新しい、新鮮ないろいろな種類の素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
主流のフラットデザイン。一からデザインをすると、手間も時間も多くかかってしまうもの。そんな時に利用したい、フリーPSDテンプレート集「35 Free and Flat PSD Web Templates」を今回は紹介したいと思います。
Mod Portfolio to Tell a Story of Your Art – MonsterPost
さまざまなレイアウト、テイストのフラットデザインテンプレートがまとめられています。
詳しくは以下
webサイトなどで、天気の情報を表示するために使用されるウィジェット。いざデザインしようと思うとどうしてもワンパターンになってしまいがち、そんな方も多いのではないでしょうか？今回はそんなとき是非参考にしたい、フリーウェザーウィジェット「13 Free Weather Widget PSD Files」を紹介したいと思います。
（Dribbble – Weather Widget Fun by Christopher Swanger）
さまざまな天気の表現を可能にする、クリエイティブなpsdウィジェットがまとめられています。
詳しくは以下
webサイトなどを制作する時、グラフィックからフォント、アイコンに至るまで、さまざまな要素を組み合わせることで全体のデザインが出来上がります。今回はそんな時に参考にしたい、フリーpsdファイルをたくさんまとめた「Free PSD Files : 30 New PSD Graphics for Designers」を紹介したいと思います。
（Free PSD Responsive Template on Behance）
多彩なフリーpsdファイルが紹介されており、非常に便利に活用することができそう。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
webサイトを1からデザインすると時間がかかってしまいますが、フリーのUIを利用することで作業効率を格段にアップさせることができます。そんな時に便利なUIキットまとめ「50 Fantastic And Free Web UI Kits」を今回は紹介したいと思います。
（Dribbble – Flat UI kit (psd) by Hugo）
さまざまなデザインテイスト・種類のUIキットが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
デザイン制作をする時には、いろんな種類の素材を使用して作り上げていくことも多いと思います。今回はそんなシーンにおすすめのまとめ「50 fantastic freebies for web designers, May 2014」を紹介します。
（Purple UI Kit Flat Responsive web template by w3layouts）
フォント、テクスチャ、UI、psd、JS、CSSといった多彩な素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインにアナログの質感を感じさせるために、手書きの文字を利用することも多いと思いますが、フォントで対応することで、デザイン制作時間を大幅に短縮させられるかもしれません。そんな中今回紹介するのが、表現力がアップする手書きフォントをまとめた「25 Best Hand Written Fonts」です。
CRAPTACULAR font | UrbanFonts.com
リアルな手書き感が表現できるフォントばかりが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインの背景等に質感を出すために非常に役に立つ、テクスチャ。ただあまりにも激しかったり印象的なテクスチャを背景に利用するとかなり引っ張られてしまいデザインも制限されてしまいがちです。そこで今回紹介するのはデザインを活かしながら質感演出に使えるソフトグランジフリーテクスチャ「Light Grunge 」を紹介したいと思います。
上記のようなテクスチャが配布されています。今回はそのなかからいくつか気になったテクスチャをピックアップして紹介したいと思います。
詳しくは以下
photoshopで背景を作り込む時に便利なパターン素材。キャンパスのサイズに応じてパターンを展開できるかなり便利なものです。今日紹介するのはレトロ、幻想的、シンプルなどといった、様々テイストのphotoshopパターンを集めたエントリー「200+ free beautiful Photoshop patterns」を紹介したいと思います。
今日は今までDesigndevelopで紹介した事が無いもののなかからいくつかピックアップして紹介したいと思います。
詳しくは以下から
WEBを制作する際、HTMLとCSSを利用して作ると言う方が多いかと思いますが、今日紹介するのはフリーで利用できるHTML/CSSのテンプレートがダウンロードできるWEBサイトをまとめたエントリー「25 Best Websites For Downloading Free Html/CSS Templates」です。
様々なテンプレートサイトが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
何かを探すとき、何かを調べるときに利用するサーチエンジン。今回紹介するのは一般的なサーチエンジンではなくて、フォントやアイコン、チュートリアルなどデザイナーが必要としているものを専門に探す、サーチエンジンを集めたエントリー「18 Search Engines For Designers – Creativity Boost」を紹介したいと思います。
様々なサーチエンジンが紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
CSSでWEBサイトをデザインするのが当たり前になって数年、WEBデザインの主流なので当然な流れだとは思いますがCSSギャラリーサイトも増えてきました。今日紹介するのはそんなCSSギャラリーサイトのRSSをまとめた「The Great Website Design Gallery Roundup 」です。
このサイトでは機能別にCSSギャラリーサイトをまとめ、一覧化してくれています。RSSも配信している所はここからリンクを取得できるため、お気に入りのギャラリーサイトを見つけて、購読するということも簡単にできます。
詳しくは以下
素材感や質感をデザインに与えてくれる背景テクスチャ、グラフィック・WEBデザイン問わず非常に便利な素材の一つですが、今日紹介するのはクリエイティブな雰囲気を演出するブラーテクスチャ100「100 Free Blurry Textures」。
全部で100種類のブラーテクスチャがzipファイルにまとめられており、シンプルなものから、カラフルなものまで、幅広い質感のものがセットになっています。
詳しくは以下
ファイル形式はjpgで、サイズは2592×1936ピクセルと比較的大きなサイズになっています。さらにありがたいことに、個人利用、商用利用ともに許可されており、広告などの受託のクリエイティブワークにも利用できます。
ダウンロード元には「ビールをおごる」ボタンも設置されているので、本当に役に立ったという方はそちらも是非。
フォントにはいろいろな太さのものが存在していますが、太めのラインが特徴のBold系は、文字を目立たせたいときなどに活躍してくれます。今回はそんな20種のBoldフリーフォントを集めた「20 Bold Free Fonts Perfect for Headlines」を紹介したいと思います。
Natasha | FREE FONT on Behance
Bold系でありつつ、さらに洗練されたデザイン性も兼ね備えた、ぜひデザインに取り入れたいフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
音楽系のデザインをする際、楽器などのアイコンは多くありますが、少しマニアックなものとなるとなかなか見つからないもの。そんな中、今回ご紹介するアイコンパック「EXCLUSIVE: FREE GEEK TECH ILLUSTRATIONS PACK」は、音楽関連に特化したものとなっています。
くすんだレトロな色合いが可愛らしいアイコンがセットでダウンロードできるようになっています。
詳しくは以下
手軽に利用できるテクスチャ素材は、種類が豊富になればなるほど、表現の幅を広げることができると思います。そこで今回紹介するのは、豊富な表情を持つ水のさまざまな動きを感じられるテクスチャを集めた「35 Refreshing Still Liquid Textures」です。
Fountain Water Texture 2 by ^FantasyStock on deviantART
柔らかな表情から、激しさを感じるテクスチャまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
