デザインを開発するという視点でお伝えするクリエイティブBLOG
さまざまなデザイン制作の現場で活用されているストックフォトサイト。無料で自由に使用できるものから、有料で豊富な写真を提供するサイトまで、色々な種類がサービスを展開しています。そんな中今回は、フリーや低コストで使用できるハイクオリティなストックフォトサイトまとめ「How to Find Stock Photos That Don’t Suck」を紹介したいと思います。
（Handpicked Photos ~ Animals, Arts and Entertainment, Beauty and Fashion & More ~ Creative Market）
写真に高い品質を求める方におすすめの、海外のストックフォトサイトがまとめて紹介されています。
詳しくは以下
インスタグラムやスマートフォンアプリで一気に身近になったフォトフィルター。写真に色を乗せたり、色を抜いたり、様々な加工を施して写真の印象を簡単に変えてくれるものですが、今回紹介するのはフォトレタッチソフトを利用したものではなく、CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」 です。
こちらは現状webkitベースのsafariやChromeしか正しく動きませんが、CSSのみで実現しているため。classを指定するだけで、WEB上の写真にフィルタがかけられるようになります。
詳しくは以下
写真を数多く集めてつくるデザインコラージュ。今も多くの場所で使われている、昔からあるデザイン手法の一つですが、今回紹介するのは決められた形に任意の写真をパーツとして作る事ができるフリーソフト「Shape Collage」です。
実際アプリケーションを利用しているスクリーンキャストが公開されていますので、下記に貼付けておきます。
動画は以下から
WEBだけに留まらず、イメージを伝える為に必要不可欠な写真。的確に利用すれば伝えたい事はより伝わり、全体のイメージも形作れたりします。今日紹介するのは3000枚以上の写真素材をダウンロードできる国内フリー写真素材配布サイト「Futta.NET」です。
風景写真がメインで、外国と日本、観光名所と街中の風景、自然風景、洋風・和風等の高解像度画像が公開されていて、その他にも世界遺産都市、スイス・ドイツ、東京・沖縄、犬・猫・鳥・猿、ビーチ・バー、桜・梅、虹のある景色など特徴的な素材もあり、様々なフリー写真素材がカテゴリに分けられて収録されています。
詳しくは以下
日本でもライセンスの一つとして認知されてきている、創造的な作品に柔軟な著作権を定義するライセンスシステム「Creative Commons」。定めた規定にもよりますが、ライセンスによっては、ルールの上で利用したり、作品に使ったりする事ができます。今日紹介するのはクリエイティブを行なう上で、素材となりうるクリエイティブコモンズライセンスで使える様々なメディアファイルを配布するサイトをまとめたエントリー「30+ Places To Find Creative Commons Media」です。
photo by A. Diez Herrero
メディアのジャンル別にサイトが紹介されています。今日はその中からジャンル別にいくつか紹介したいと思います。
詳しくは以下
デザインに質感を加えるときに非常に便利なテクスチャ。Designdevelopでも数々のテクスチャ配布サイトを取り上げてきましたが、今日紹介するのテクスチャを無料で配布してくれるWEBサイト「Texturise 」です。
9月からスタートとまだ開設してから間もないので、ものすごく数がある訳ではありませんが、使えそうなテクスチャが揃っていました。
詳しくは以下
Design Developでこれまでにたくさん紹介したアイコンは、どれもインスピレーションを高めてくれるものばかり。そんな中から今回紹介するのが、お腹が空いてしまいそうなデリシャスな雰囲気を感じられるアイコンをまとめた「18 Deliciously Designed iOS Icons」です。
Dribbble – Pizza App iOS Icon by Ryan Ford
ドリンクからフードまで、さまざまな飲食物をモチーフにしたアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
便利に利用できるデザインアイコンは、たくさん持っておけばさまざまな表現に活用することができるため、とても重宝する存在。そんな中今回紹介するのは、いろいろな種類が充実したフリーアイコンセット「A Refreshing Collection Of Free Icon Sets」です。
（Dribbble – freebie_2X.png by Jared William Kennedy）
フラットタイプから、立体的な表現が印象的なものまで、多彩な種類が紹介されています。
詳しくは以下
WEBデザイナーを最も悩ませるインターネットエクスプローラ。大きく時代をまたいでいますが、未だに各バージョンともシェアがあり、それぞれのバージョンで崩れなく表示させると言う事は、多くの場合必須であり、あまりのバグの多さに煩わしい事でもあります。今日紹介する「Microsoft Expression Web SuperPreview」はIE6/7/8でのWebサイトにおける見栄えの違いを比較・検証できるマイクロソフト製ソフトです。
こちらはWebオーサリングツール「Microsoft Expression Web」に同梱されているWebページ表示の互換性チェックツール「SuperPreview」の機能限定版とのことですが、Firefoxのチェック機能が省かれているだけなので、IEチェック用としては十分利用できます。
詳しくは以下
Flickrと連携して自分だけのphotoスクラップブックが作れるサービスが今回紹介する「bookr」です。FlickrIDやタグで写真を検索して自分の気に入った写真をスクラップしていくような感じでphotobookが制作できます。
photobookは本にドラッグすれば追加されます。表紙にタイトルをつけたり、写真にコメントをつけたりとちょっとしたカスタマイズもできるようになっています。もちろんページを増やす事も可能です。さらに制作したphotobookは画面の右下の「publish this book!」を押す事でブログなどに貼付る用のタグも生成する事ができます。
詳しくは以下
絶妙なアナログ感とちょっとしたおしゃれ感を演出してくれるポラロイドカメラ。グラフィックデザイン、WEBデザイン問わず良く利用されていますが、今回紹介するのはそんなポラロイドカメラの演出を簡単に作る事ができるポラロイドカメラフレームベクターデータ「Free Polaroid Vector EPS」を紹介したいと思います。
一般的なポラロイドカメラから、インクがこぼれだしたもの、つり下げられているものからちょっと汚したものなど、様々なポラロイドのベクターデータがセットで公開されています。
詳しくは以下
色々なデザインフォントを試したい、少しでもインパクト与えるために変わったフォントを使ってみたい。今回はそんな時に参考にしたい一度は試してみたいフォントまとめ「30 High Quality Free Fonts For Graphic Designers」を紹介したいと思います。
洗練されたデザインのフォントから手書き風のフォントなど、さまざまな種類が揃っています。気になったものをピックアップしてみましたので、以下よりご覧下さい。
詳しくは以下
サイトをデザインする上で書かせないのがユーザーインターフェイス。しかしユーザーインターフェイスをデザインするとなるとなかなか難しかったりします。そこで今日は様々なUIを集めたUIデザインのパターンライブラリ「UI-patterns」を紹介したいと思います。
タグクラウドからページ分割、WYSIWYG、Wikiなど他にも様々なユーザーインターフェイスのサンプルが収録されています。
詳しくは以下
アンティークな雰囲気を演出する際やコラージュなどにも良く利用される古い本などの素材は、自分で手に入れることが難しく、テクスチャ素材を利用されている方も多いのではないでしょうか？そんな中今回紹介するのが、古い本をさまざまな角度から楽しめるテクスチャをまとめた「40+ Free High Resolution Old Book Textures For Designers」です。
Old Books Pack – 17 Free Images | Media Militia
古い本の表紙から中面まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
皆さんは複数の相手にニュースを伝えたいときどのようにメールを送っているでしょうか？今日紹介するのはニュースレターやメールマガジンを配信する時に使えるモジュール「Fantastic AJAX Newsletter Module」です。
Ajaxで作られていて軽快に動作します。電子メールアドレスとカテゴリーを管理でき、添付もできるようになているみたいです。
詳しくは以下
日々業務を行う作業スペースにはPCなどが置かれていることがほとんど。今回はそんなリアルなワークスペースをテーマにしたフリーモックアップ集「40+ Free Workspace Mockups for Photorealistic Presentations」を紹介したいと思います。
2 Hip Desktop Mock-ups – download free mockups by PixelBuddha
リアルでクオリティの高い描写のモックアップ素材が多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
