デザインを開発するという視点でお伝えするクリエイティブBLOG
予算をかけることなくデザインを仕上げるために便利に活用できるフリー素材。デザインの流行に併せて日々新しい素材が多数配布されています。そんな中今回紹介するのは、比較的新しいさまざまな種類のフリー素材をあつめた「50 Free Resources for Designers from March 2014」です。
（Matt's Brushpack by Juhupainting on deviantART）
アイコン、フリーフォント、テクスチャ、ブラシ、UIキットなど、豊富なテーマで素材がまとめられ紹介されています。
詳しくは以下
webデザインの制作素材として欠かすことができないアイコン素材。デザインテイストに合わせて、アイコン自体のデザインも使い分けたい、そんな時に是非参考にしたいフリーアイコンまとめ「Fresh and Free Icons for December 2013」を今回は紹介したいと思います。
フラットタイプのアイコンを中心に、さまざまなジャンルのアイコンがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
今回紹介するjavascript「Fireworks.js」はブラウザ上に花火を打ち上げるというものです。使い道はアニバーサリーぐらいと、あまり思い浮かばなかったのですが、覚えておけば何かしらに使えそうです。
オーソドックスな花火から、少し変わった花火までパラメーターを操作することで、様々な花火を作り出すことができます。サンプルのデモは「Fireworks.js: A DHTML fireworks effect」のページの「Fire」と言うボタンを押せば花火を
詳しくは以下
インターネット上で配布されているさまざまなバックグランドを使い、ブログやマイページの背景をカスタマイズして個性を演出している方もいらっしゃるかと思います。そんな中今回紹介するのは、白と黒にスポットをあてたバックグランド素材集「70 Useful Black And White Backgrounds」です。
（Raindrops Wallpaper by ~richardxthripp on deviantART）
モノクロの色味でありながらも、それぞれに個性や特徴をしっかりと感じることができるバックグラウンドまとめです。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
サイトのメニューやちょっとしたインターフェイスに役立つアイコン。今日紹介する「twotone icons for free! 」は超シンプルなピクトグラムアイコンです。
「twotone icons for free! 」は100パーセント無料でブログ、ウェブサイト、アプリケーションまたはイントラネット上で使用する事が可能ということです。ピクトを見てもお分かりになる通り標準でほとんどのものが網羅されていてバリエーションも豊かなのです。
詳しくは以下
photoshopで光の表現をしたいと思っている方にオススメなエントリーが今回紹介する「14 Great Abstract Photoshop Brushes」です。光と一口に言っても表現には様々なものがあり、粒状のものだったり、直線的なものだったりとその表情は様々なです。こちらのエントリーでは様々な光の表現が実現できるブラシがいくつか紹介されています。
今日は紹介されている光のブラシからいくつか記になったモノをピックアップして紹介したいと思います。
詳しくは以下
様々な表現を簡単にしてくれるphotoshopブラシ。様々なphotoshopブラシが公開されていますが、今回紹介するのは割れたガラスを表現するphotoshopブラシ「High-Res Photoshop Brushes for Creating Broken Glass Effect」です。
上記の通り、14個のひび割れたガラスのブラシがセットになっています。割れ方もそれぞれで、弾痕みたいなものから、派手に割られたものまで、様々なものが公開されています。
詳しくは以下
webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。
（Dribbble – Sevent WordPress + free psd by trendythemes）
クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。
詳しくは以下
ユーザー登録などをする際に出現するログインフォームは、デザインする要素が少ないだけに、どうしてもシンプルになってしまいがちです。今回はそんなイメージを払拭してくれる、ログインをクリエイティブに演出できるまとめ「37 Free and Eye-catching PSD Login Forms」を紹介したいと思います。
（DW Premium: A Clean & Stylish Login Form (PSD) | DesignWoop）
シンプルベースでありながらも、細かなデザインにこだわりが光るフォームのサンプルpsdが37種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン制作、画像合成など、さまざまな場面で利用されるテクスチャは、できるかぎりバリエーション豊富にストックしておきたいもの。そこで今回紹介するのが、インスピレーションの広がるテクスチャをまとめた「Various Textures That You Might Find Interesting – 38 Items」です。
（Nebulous by `pendlestock on deviantART）
実写の風景からクリエイター制作によるテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBデザインをよりリッチにそして作り込んでいる感を与えてくれるドロップシャドウ。ドロップシャドウをつける方法は沢山ありますが、様々なブラウザで同じような見せ方をするためには画像を作成したり、背景が複雑な場合は透過PNGをIEでもよみこませるようにして、背景にしたりと色々と面倒です。今日紹介するのはCSSのみでクロスブラウザに対応したドロップシャドウを作るテクニック「Cross-browser drop shadows using pure CSS」を紹介したいと思います。
上記が、各ブラウザでのドロップシャドウの見せ方のサンプルとなります。色の濃さなど細かなところは違うものの、ほぼ同じような見え方でドロップシャドウを実現しています。
詳しくは以下
