デザインを開発するという視点でお伝えするクリエイティブBLOG
オンラインショップなど情報量の多いサイトに欠かせないのが、検索ボックス。ユーザーにストレスを感じさせず、スムーズに案内することが可能になります。今回ご紹介するのは、そんなあると便利な検索ボックスのデザインをフリーでダウンロードできる素材をまとめた「10 Search Box PSD Designs For Free Download」です。
シンプルでどんなサイトにも取り入れやすい、多種多様な検索ボックスのフリーデザインがまとめられています。その中から気になったものをピックアップしてご紹介しますのでご覧ください。
詳しくは以下
(さらに…)
軽量で高機能なjavascriptライブラリとして様々な用途に広く使われているjQuery。Designdevelopでも様々なプラグインを紹介してきましたが、今回紹介するのはデザイン的に美しいjQueryプラグインを集めたエントリー「22 Beautiful jQuery Plugins for Web Designers」を紹介いたします。
様々な動作を可能にするプラグインが紹介されていますが、今日は其の中からいくつか気になったものを紹介したいと思います。
詳しくは以下
質感をプラスしたり、デザインの厚みを持たせたりしたい時に便利なテクスチャ。素材自体で大きく印象が変わります。今日紹介するのは質感のあるビンテージ感のあるテクスチャパック11「11 High-Resolution Textures: Old Equipment」。
皮や布、ペンキで塗りこんだ壁などなど、様々な質感のテクスチャが収録されていました。その中から気になった物を紹介したいと思います。
詳しくは以下
手書きのフォントは独特で味のある雰囲気を演出してくれます。前回「アナログ感溢れる手書きフォント10選「10 sketchy fonts for web designers 」」という記事で手書き風フォントを紹介しましたが、今回紹介する「20 Free Handwritten Fonts And Resources」も手書きのフォントを集めたエントリーです。
全部で15の手書きフォントと5つの手書きフォントサイトが紹介されていますが、今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
予め定めた動作をクリック一つで自動的に実行してくれるphotoshopアクション。同じような処理を実行する時にはかなり便利で、皆様仕事にあわせていくつかのアクションを組んでいると言う方も多いかと思いますが、今回紹介するのは実用的なphotoshopアクションを集めたエントリー「60 Useful Photoshop Actions to Enhance your Photos for Free」です。
全部で60ものphotoshopアクションが収録されていますが、今回はその中からいくつか気になったアクションを紹介したいと思います。
詳しくは以下
上手く使えば良い演出となる、音源をジャンル別にダウンロードできるサイトが今回紹介する「SoundJay.com – Free Sound Effects」です。かなり細かくジャンル分けされていて、バックグラウンド、ボタンサウンド、メカっぽい音、ミュージックなど様々な音源が配布されています。
カテゴリー内でもかなりバリエーション豊かで例えば、「Ambient Sound Effects」では、空港のゲート、バス内部、遊んでいる子どもなど、様々な音が配布されています。
詳しくは以下
今や、多くのwebサイトやグラフィック、アプリケーションのUIはフラットなデザインがメイン。無駄を省いたシンプルな見た目が、使いやすさや見やすさにも大きく影響しているようです。そんな中今回は、フラットテイストなグラフィックフリー素材まとめ「35 Free Flat Graphics and Web Elements for Designers」を紹介したいと思います。
Flat Workspace Illustrations by GraphBerry – Dribbble
フラットな質感であり、さらに高いクオリティやデザイン性を感じさせてくれる素材が揃っています。幾つか気になるものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
皆さんは複数の相手にニュースを伝えたいときどのようにメールを送っているでしょうか？今日紹介するのはニュースレターやメールマガジンを配信する時に使えるモジュール「Fantastic AJAX Newsletter Module」です。
Ajaxで作られていて軽快に動作します。電子メールアドレスとカテゴリーを管理でき、添付もできるようになているみたいです。
詳しくは以下
制作するものによっても変わってきますが、デザイナーにとってフリー素材は非常に重宝する存在。規模が大きくなるほど、トレンドに合わせたいろいろな種類の素材が必要となってくることもあるのではないでしょうか？そんな中今回紹介するのは、デザイナーがチェックしておきたい最新フリー素材をあつめた「40 Freebies & Goodies For Web Designers – August 2015」です。
Agenzia Multipurpose Psd Template | Pixel Mustache
UI、アイコン、フォント、モックアップ、テーマなど、種類豊富に、比較的新しい素材がピックアップされています。
詳しくは以下
WEBデザインと言っても様々なフローがあり、受注を受けたとき、いきなり、Fireworksやphotoshopでデザインを始めるという方はなかなか少ないと思います。今回はデザインの前段階のワイヤーフレームを描くためのツールを集めたエントリー「10 Excellent Tools for Creating Web Design Wireframes」を紹介したいと思います。
基本的にモックアップをつくるための前段階のものなので、そこまで複雑な表現はできませんが、WEBのワイヤーを作るという意味で、様々な便利な機能が組み込まれています。今日はまとめられているツールのなかからいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
フリーで配布されているUIテンプレートを利用することで、デザインの質を手軽にアップさせられると同時に、制作時間の短縮・コストカットにも繋げることができます。今回はそんなシーンで参考にしたい、洗練されたデザインテイストが魅力的なフリーUIキットまとめ「A Roundup of Free & Beautifully Designed UI Kits」を紹介したいと思います。
55+ Elements FREE UI KIT | Clean white [DOWNLOAD] on Behance
非常にデザイン性の高い、いろいろな種類のパーツが揃ったUIキットが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
