デザインを開発するという視点でお伝えするクリエイティブBLOG
前回で「iPhoneのユーザーインターフェイス素材集「iPhoneのユーザーインターフェイス素材集「iPhone GUI PSD」」という記事でiphoneのインターフェイス素材を紹介しましたが、今回紹介するのはiphoneの素材集と同じく「teehan+lax」で公開されているブラウザのインターフェイスのパーツを集めたpsd素材「Browser Form Elements PSD」です。
このpsdにはラジオボタン、フォーム、カーソルｍアイコンなどなど様々なデータが収録されています。WEBデザインのモックアップを実際に近い形で見せるには便利なデータだと思います。
詳しくは以下
グラフィックデザインを行う上で非常に役立つphotoshop。様々な加工や処理ができ、その奥深さは無限に広がっており、様々な表現が可能です。Designdevelopでもphotoshopを使ったチュートリアルは今までいくつか紹介してきましたが、今日紹介する「The 100 Most Popular Photoshop Tutorials 2008」は2008年中にphotoshop Ladyで紹介されたチュートリアルのランキングとなっています。
一年間の総括のエントリーですので、ジャンルを問わず様々なチュートリアルが公開されていました。今日はその中から気になったphotoshopチュートリアルをいくつかピックアップして紹介していきたいと思います。
詳しくは以下
デザインに質感を与えてくれるphotoshopブラシ。photoshopで作り込んで行く時には非常にありがたく便利な物です。今回紹介するのは高解像度の木目photoshopブラシ「15 Weathered Wood Photoshop Brushes」です。
全部で15種類の木目のブラシが収録されていて、木目の種類も様々なものが収録されています。ブラシは名前の通り、少し質感のあるものが収録されています。
詳しくは以下
素材をダウンロードできるWEBサイトは多々ありますが、今回紹介するのはロゴデータをダウンロードできるWEBサイト「logo instant」です。普通企業のロゴには意味があって、必ず理念や想いが反映されていますので、ダウンロードして使うという概念はなかなかデザイナー目線では考えにくいのですが画期的なWEBサービスだと思います。
まだ始まって間もないサイトではありますが、現在いくつか十数個のロゴが公開されています。今回は公開されているロゴの中からいくつか紹介したと思います。
詳しくは以下
前回DesignDevelopでお伝えした「photoshopアクション集の決定版「The Ultimate Collection Of Useful Photoshop Actions」」をまとめているSMASHINGMAGAZINEが今度はphotoshopで使えるカスタムシェイプを一同に集めて「The Ultimate Collection Of Photoshop Custom Shapes」という形で紹介しています。
その数は80セットにも及び、すべてのカスタムシェイプを集めると、2500もの数に達します。集められているジャンルも実に様々で「people」、「Animals」、「Planes and Boats」、「Guns and Weapons」、「Trees」、「Circles」、「Random Shapes」「Combination Packs」などなど、実用的なものからグラフィカルなものまでかなりの数のカスタムシェイプがまとめられています。今日はそのなかからいくつかピックアップして紹介したいと思います。
詳しくは以下
デザインのポイントとして活躍してくれるアイコン。いろいろな種類をストックしておくことで、日々のデザイン制作にいざという時に役立ってくれます。そんな中今回紹介するのは、アウトドアイメージのフリーアイコンセット「Free Adventure Icon Collection」です。
ポップで柔らかな質感の色合いとディテールが特徴。キャンプやマリンシーンをイメージさせる可愛らしいアイコンがセットになっています。
詳しくは以下
世界にはいろいろな形の建物が存在しており、時にデザインシーンで建物を表現するためにイラストを使用することもあると思います。そんなときに便利に活躍してくれそうな、さまざまな建物をアイコン化した「Building Icons Set」を今回は紹介したいと思います。
40種の建物をモチーフとし展開。アイコンとしてセットでダウンロードできるようになっています。
詳しくは以下
アイコンは、さまざまな種類がセットになっている状態でダウンロードできることがほとんど。一度に多彩なバリエーションを手に入れることができるのも嬉しいところです。そんな中今回紹介するのは、3サイズ揃ったラインアイコンセット「100 Responsive Line Icons」です。
シンプルで柔らかいテイストのアイコンが100種、セットでダウンロードできるようになっています。
詳しくは以下
デザイン全体のクオリティをアップさせるためには素材自体のクオリティの高さが重要になってきますが、特にベクターイラストなどを制作するには時間がかかってしまうもの。そんな時に是非利用したい、デザインを彩る抽象的なベクターイラストをまとめた「A Fresh Collection Of Free Abstract Vector Graphics」を紹介したいと思います。
Abstract Mess – Vector Graphic by DryIcons
風景などのストーリー性のあるイラストから、ラインを重ねたような背景素材として利用しやすいイラストまで、さまざまなベクターイラストが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBの制作には便利なアイコン。インターフェースを改善してくれたり、デザインのクオリティを上げてくれる便利な素材です。今日紹介するのは最近リリースされたクリエイティブなアイコンセットを集めた「30 Fresh Icon Sets for Developers and Designers」を紹介したいと思います。
シンプルなものから作りこまれたものまで。様々なアイコンセットが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
様々なフリーフォントが公開されていますが、今日紹介するのはその中でも。キレイ目というよりはインパクトのあるクリエイティブなフリーフォントを中心に2009年に発表されたフォントの中からさらに選りすぐられたフォントを紹介するエントリー「50 Best Free Fonts From 2009」です。
手書き風なものから、オリガミのようなものまで様々なフォントが収録されています。今日はその中から幾つ描きになったものをピックアップして紹介したいと思います。
詳しくは以下
レトロや格調高い雰囲気などをデザインに落とし込みたい際に役立つのが、ヴィンテージ風加工。しかしいざ自作するとなると、凝った加工を行うのは中々難しいもの。そんな時に利用したい、ヴィンテージ風加工を楽に行うことが出来るテキストエフェクト「Hometown Vintage Effects Pack」を今回は紹介します。
PSD形式の完成されたヴィンテージ風のエフェクトを楽しむことが出来る、おすすめのエフェクトセットです。
詳しくは以下
(さらに…)
国内でも人気の高いCMSツールWordpress。DesigndevelopもWordPressで構築していますが、その魅力の一つとして、デザインテンプレートが数多く配布されており、クオリティの高いテーマが無料で使えるという点があります。ただフリーなだけにデザインが被ってしまっていたり、望むクオリティに達していなかったりと言ったことががあるかと思います。
そこで今回は海外のエントリー「17 Premium WordPress Theme Stores」というエントリーより、無料ではなくて、クオリティの高い「有料」のWordpressテーマを販売しているWEBサイトを紹介したいと思います。
詳しくは以下
デザインには欠かせないフォント。ゴシックや明朝といったベーシックなものから、手書きまで、数え切れないほど多くのフォントが存在しています。そんな中今回紹介するのは、近年人気を集めている手書きのフリースクリプトフォント「25 Beautiful Script Fonts to Use in 2017」です。
ANISHA – FREE SCRIPT FONT on Behance
さらさらっと書かれた細身のフォントから、しっかりとした力強いものまで、いろんな種類が紹介されています。気になったものをいくつかピックアップしてみました。
詳しくは以下
webサイトをより魅力的に演出するために利用されることの多いjQuery。プラグインの種類にもさまざまなタイプがありますが、今回紹介するのはフォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」です。
独特の動きや文字組・文字列を表現できるクリエイティブなフォントのjQueryプラグインがまとめられています。
詳しくは以下
