デザインを開発するという視点でお伝えするクリエイティブBLOG
非常に優秀なjavascriptライブラリjQuery、様々な表現を可能にしてくれる今やWEB制作では欠かせないライブラリの一つです。ライブラリ本体も便利なのですが、その魅力は数多くリリースされている様々なプラグインにも支えられています。今日紹介するのはjQueryの機能を生かした最近リリースされた使えるプラグインを集めたエントリー「29 Best And Useful jQuery Plugins Of June 2010」を紹介したいと思います。
カレンダー、マウスオーバー、メニュー、スライダーなどなど、様々な種類のプラグインがまとめられていました。今日はその中から幾つか気になったプラグインを紹介したいと思います。
詳しくは以下
制作の手順や方法は人によって様々で、一概には決まっていませんが、ソフトウェアで制作を始める前にラフを書き、イメージを固めてという手順を踏むという方も多いかと思います。今日紹介するのはWEBデザイナーのためのワイヤーフレームスケッチテンプレート集「Printable Web Browser Sketching and Wireframe Templates」です。
ブラウザのウィンドウが最初から描かれていて、グリッドが引いてあるなど、WEB制作において、ワイヤーフレームが書いていきやすい工夫されたテンプレートが多々公開されています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
軽量で非常に高機能なjavascriptライブラリ「jQuery」。様々なプロジェクトで利用されていますが、今回紹介するのはjQueryをつかったイメージギャラリーを集めたエントリー「20+ jQuery Image Gallery for your next project」です。
AviaSlider – a unique jQuery Image slideshow plugin
画像と画像の間のエフェクトに凝ったものから、フューチャーリストのようにサムネイルと連動しているものまで様々なイメージギャラリーが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。
詳しくは以下
WEBでは欠かせないナビゲーションやボタン。様々な作り方がありますが、今日紹介するのはCSSで作るナビゲーションメニューの作り方のチュートリアルを集めたエントリー「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」です。
スライダー用から、タブメニュー、角アールのグラデーションメニュー、動きの付いたアコーディオン、プルダウンなどなど、CSS作れる様々なナビゲーションとボタンが公開されています。全部で55のチュートリアルが公開されていますが、今回はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
アイコン素材は簡単に伝えたい内容を伝えられる非常に便利なデザイン素材です。今日紹介するのは商用利用で使えるフリーアイコンセットのみを集めたエントリー「99 Icon Sets To Use In Commercial Design Projects」です。
50 Free and Exclusive Twitter Icons
ソーシャルメディアのアイコンからピクトまで様々なアイコンセットがまとめられています。今日は今までDesigndevelopで紹介したことが無いアイコンセットを中心にそのなかからいくつか紹介したいと思います。
詳しくは以下
一から全てデザイン、制作することは精度も上がりますし、クリエイターとしては当たり前のことなのかもしれませんが、案件ベースで見て、予算や時間的な問題で、デザイン、設計などを全てオリジナルでこなそうと思うと無理がある案件もあるかと思います。そんな時に役立つのが今回紹介するWEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」です。
よく見るグリッドシステムから、シンプルなCSSのデザイン処理を集めたもの、wordpressのテンプレートを作るためのものなどなど、制作の負荷を軽減してくれる、様々なフレームワークがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。
詳しくは以下
素材の中でも種類が非常に豊富なアイコン。常に新しいバージョンがリリースされています。そんな中今回紹介するのは、フリーダウンロードできる最新のアイコンセット「30 Recently Released Free Icon Sets for Web Designers」です。
定番として利用できそうなものが豊富なアイコンセットが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEB2.0系のサービスのようなロゴが簡単に作れるロゴジェネレーターが今回紹介する「Logogenerador.com」です。グラデーションやフォントの感じなど、少しデザインしたなというロゴがテキストを入力するだけで簡単に制作する事が可能です。
現在ジェネレートできるロゴは全部で10種類で単純にグラデーションで制作したものから、ロゴを前において少しデザインを加えたもの等様々なタイプのロゴが制作できます。
詳しくは以下
企業向けのシンプルでスッキリとしていて、尚かつ信頼感を与えるというようなWordPressを集めたテーマ集が今回紹介する「20 Free Corporate WordPress Themes」です。会社のブログをWordpressで考えている方にはオススメのエントリーです。
全部で20個のWordpressのテーマが配布されていますが、今日は気になるテーマをいくつかピックアップして紹介したいと思います。
詳しくは以下
Webが急速に発展しユーザーも年々増える中、デザインにもどんどんと変化していますが、毎日触れていることもあり、その変化を明確に感じることはあまりないかもしれません。今回はそんなデザインの移り変わりを感じられる「Button Design Over the Years – The Dribbble Timeline」を紹介したいと思います。
Webサイトで必ずといって良いほど目にする、ボタンデザインに注目して、その遍歴と共に比較されています。
詳しくは以下
大きな話題を呼び、国内でも様々なPRサイトに実装されたパララックス（視差効果）。今までには無い体験は多くの人の注目をあつめました。今日紹介するのはパララックスを実現するためのチュートリアルやリソースをあつめた海外のチュートリアル&リソース集「Parallax Scrolling Tutorials & Resources」です。
Behind The Scenes Of Nike Better World
ソースで開示されているところや、根幹の考え方等、示されている方法は様々ですが、今回はその中から比較的分かりやすいと思うチュートリアル、リソースをピックアップして紹介したいと思います。
詳しくは以下
デザインに必要不可欠なフォントは、選ぶ種類によってクオリティを左右する重要な要素。そんな中今回紹介するのは、デザインをもっとハイクオリティに演出できるフリーフォントまとめ「21 Super Fresh Free Fonts for Graphic Designers」です。
OLD MAN – VINTAGE FONT – FREE DOWNLOAD on Behance
21種の、比較的新しいフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Photoshopを使えばリアルな表現の加工が可能となり、クリエイティブの幅も格段に広がってきます。そんな中今回紹介するのは、食べ物をモチーフにしたPhotoshopチュートリアまとめ「The Ultimate Roundup Of 38 Delicious Photoshop Food Tutorials」です。
Create a Sweet Chocolate-Coated Text Effect
いろいろな食べ物をテーマとした加工のチュートリアルが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインソフト上だけでの表現が難しい草花などの自然素材は、デザイン制作にテクスチャを利用するという方も多いはず。そこで今回紹介するのが、動きのある草や落ち葉のテクスチャをまとめた「25 Lovely Grass Texture Collection」です。
（Seamless grass texture by ~hhh316 on deviantART）
自然の広がりを感じられる素材はもちろん、さまざまな雰囲気を演出できるテクスチャがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
仕事をしていてファイルの転送は自社でサーバーを持っていなかったりすると、WEBでのファイルのやり取りやバックアップは相当窮屈な感じがします。無料のオンラインストレージは多々あるものの容量の問題や転送料量に縛りがあったりして、なかなか無料で快適にと言うわけには行きません。そこで今回紹介するのは最大50Gまで使える無料オンラインストレージ「ADrive – Online Storage & Backup」です。
50Gという大容量でなおかつ無料という好条件は、国内外探してもはなかなか無いサービスだと思います。
詳しくは以下
webサイトを一からデザインしようと思うと、時間もコストもどうしてもかかってしまうもの。今回はそんな時に参考にしたい、ハイクオリティなフリーwebサイトpsdテンプレート「20 Free High Quality Website Template PSDs to Download」を紹介します。
Third Eye – Free Theme PSD on Behance
デザイン性の高いwebサイトを制作できるテンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
