デザインを開発するという視点でお伝えするクリエイティブBLOG
デザイン制作で多用することの多いテクスチャ素材は、デザインバリエーションを増やす意味でもなるべく多くストックしておきたいもの。今回はそんなコレクションに是非加えたい、汎用性の高い無料高解像度テクスチャセット「6 Free High Resolution Colored Background Textures」を紹介したいと思います。
ベーシックで非常に使いやすい、6色カラー展開の布地と紙素材がミックスされたテクスチャとなっています。
詳しくは以下
手書きの雰囲気を表現できるフォントは、手軽にアナログ感を演出できる人気のフォントです。そんな中から今回紹介するのが、手書きフォントの中でも、チョークで描かれた質感が表現できるフォントを厳選した「Chalk Font Examples to Improve Your Design」です。
（）
細めのフォントから、極太フォントまで、チョークの多面性を感じられるフォントばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインに奥行きをプラスできるようなPhotohsopブラシは、クリエイティブワークに利用している方も多いと思います。そんな中今回は、さまざまな表現が可能になる、ハイクオリティなPhotoshopブラシをまとめた「45 High Quality Photoshop Brushes for Designers」を紹介したいと思います。
（MOON BRUSHES for PS7 v.2 by ~KeepWaiting on deviantART）
月やビル群などのアイテムを表現できるブラシや、絵の具の跳ねや水面の質感を感じられるものなど、45種類ものブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBデザインは日々進化していて、最近では、フラットデザインも大きな一つのジャンルになりつつあり、シンプルなデザインだけに、ちょっとした動きやエフェクトが大事だったりします。今日紹介するのはそんなデザインの味付け的なWEBデザイナーのためのHTML/CSSの最新チュートリアルをまとめたエントリー「10 Useful HTML/CSS Tutorial for Web Designers」です。
How to Create a Trendy Flat Style Nav Menu in CSS
全部で10のチュートリアルが紹介されていますが、今日はその中から気になったものをピックアップして紹介したいと思います。
詳しくは以下
インターネット上で配布されている素材の中でも、活用の幅の広いフリーフォント。特にシンプルで汎用性の効くタイプは1つでも多く持っておきたいものです。今回そんなタイプのミニマルデザインフォントまとめ「19 Free And Stylish Minimalistic Fonts For Your Designs」を紹介したいと思います。
（Simple Ronde Font | dafont.com）
いろんなデザインに使用できそうなフォントが19種、ビジュアルイメージと共に公開されています。いくつかピックアップしていみましたので、下記よりご覧ください。
詳しくは以下
webデザイン制作時によく利用される方も多いであろうアイコンは、たくさん素材として持っている程便利に活用できるもの。今回はそんなコレクションに是非加えておきたいフリーアイコンパック8種を紹介した「8 Free Icon Sets for Web Designers」を紹介したいと思います。
（Free download: 200 icons from Inventicons | Webdesigner Depot）
シンプルでフラットなタイプのアイコンが、比較的多数収録されたセットがまとめられています。気になったものをピックアップしてみましたので、以下よりご覧ください。
詳しくは以下
非常に使い勝手の良いCMS、Wordpress。国内でも多くの方が利用されていますが、今回紹介するのはiPhone、iPad、PCとマルチに使えるフリーワードプレステーマを集めたエントリー「」です。
ここ数年でWEBを閲覧する環境は劇的に増え、最近は考えておかないといけない事項の一つとなってきました。スマートフォン専用のテーマを創るというのも時間がかかるので、初めから対応というのは、ユーザー層によっては大きなメリットだと思います。いくつかのテーマが紹介されていますが、今日はその中から気になったものを紹介したいと思います。
詳しくは以下
デザインする上で素材としてあると、とても便利なパターン素材。いくつ持っていても多すぎるということはないのではないでしょうか？今回はそんな素材コレクションに是非加えたい、Photoshopパターンコレクション「The Ultimate Collection Of Free Photoshop Patterns」を紹介します。
（Seamless Wood Patterns | Free Photoshop Pattern at Brusheezy!）
さまざまなデザインに活用・アレンジできる、多彩な種類のパターンがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBの素材の定番中の定番のテクスチャ。世の中には様々なテクスチャ素材が公開されていますが、自分で作ってみようかなと思った時に便利なのが今回紹介するハイクオリティなテクスチャを作るためのチュートリアル「Ultimate Guide for Creating High Quality Textures」。
いくつかのカメラ、ソフトウェア、シャープ、ライティングなどなどテクスチャを制作する上でのいくつかのキーポイントにわけてそれぞれ詳しく解説されています。今回はその中から一つだけ紹介したいと思います。
詳しくは以下
デザインの仕事に携わっていると、ロゴなどのブランドイメージから名刺や販促ツールまで、クライアントに提案する機会は多いはず。そんな時にデザインをより魅力的に見せるためにも、モックアップが重要な役割となります。そんな中今回は、様々な場面で活用出来る便利なPSDモックアップ「35 Best Mockups: Download Realistic PSD Mock-ups」を紹介したいと思います。
Art & Craft / Stationery Mock-Up ~ Product Mockups on Creative Market
紙のツールからパッケージのモックアップまで、様々なバリエーションが揃っています。気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
黄金比とはもっとも安定し、美しい比率とされるもので、様々なデザインに用いられていたりしますが、今日紹介する「Golden Ratio Calculator」は黄金比をWEBデザインで簡単に利用できるWEBツールです。
使い方は非常に簡単で、制作したいWEBサイトのワイドの値を入力するだけで、黄金比に沿った比率でカラムの割合を示してくれるというものになっています。
詳しくは以下
Webサイト閲覧時やゲーム画面などでエラー表示を目にしたことがある人は多くいるかと思います。最近では様々な表現があるかと思いますが、今回紹介するのは、エラー表示をアートに表現したグリッチエフェクト「 Crashed Glitch Text Effects」です。
テキストにノイズや歪みなどを加えて表現されるエラー表示のエフェクトのセットです。
詳しくは以下
企業の顔として当たり前の存在となっているWEBサイトは、一般ユーザーの方がいかにストレスなく利用することができるかを考えることが重要です。そんな中今回は、ユーザービリティに配慮したデザイン制作に使える、ローディング画像のPSD素材をまとめた「18 Free Progress And Loading Bars High Quality PSD’s」を紹介したいと思います。
印象的なローディング画像やプログレスバーが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインの提案に限らず、企画書を作成する機会は多いと思います。できれば企画書自体にも、クリエイティブ性を持たせておくと評価も高まるもの。そんな時に活用したい、クリエイティブな企画書作成のためのKeynoteテンプレート「Startup Powerful Keynote Template」を今回は紹介したいと思います。
Keynoteをベースとした32以上のテンプレートが集約されていますので、それぞれの場面で使い分けることもできそうです。
詳しくは以下
iOS7がリリースされてから、変化したデザインに対応したデザインが続々と登場してきており、それに合わせたフリー素材も多くみかけるようになりました。そんな中今回紹介するのは、iOS7のデザインに対応した53種のスポーツアイコンセット「53 sports icons for iPS7」です。
スポーツをテーマとしたフラットデザインのアイコンがまとめられています。
詳しくは以下
WEBで文字にちょっとした変化をつけようと思うと、なかなかHTMLとCSSだけでは難しくて、どうしても画像にしたりFLASHにしたりとしなければいけない場合が多いかと思います。多くの場合は問題はないのですが、利便性などを考慮した場合、テキストのまま処理ができたほうが良かったりもします。今日紹介するのはjQueryで文字に対してかけられる様々なエフェクトを集めたエントリー「20+ Easy to Use jQuery Text Effects and Animations 」です。
グラデーション、影、アニメーションなどなど様々なエフェクトが公開されています。全部で20個のエフェクトが公開されていますが、今日はその中からいくつか気になった物を紹介したいと思います。
詳しくは以下
