デザインを開発するという視点でお伝えするクリエイティブBLOG
グラフィカルなマップを作成するためには、さまざまな素材を制作する技術が必要。さらに時間や手間もかなりかかってしまうため、どうしてもコストがかかってしまいがちです。今回はそんな時に便利に活用できるマップ素材サイト「Isometric city maps builder」を紹介したいと思います。
非常にハイクオリティなマップを作成できる、さまざまなパーツ素材が揃っています。
詳しくは以下
非常にたくさんの種類が配布されているフリー素材。膨大な数の中から厳選したり、探したりするのはなかなか大変なもの。今回はそんな時に是非チェックしたい、種類豊富にフリー素材が揃った「40+ Freebies & Goodies For Web Designers」を紹介したいと思います。
5 high-quality photographic mockups – Freebiesbug
いろいろな種類のフリー素材がピックアップされ、まとめられています。気になったものをいくつかご紹介します。
詳しくは以下
もうすぐやってくるハロウィンは、日本での人気のイベントとなっており、楽しみにされている方も多いのではないでしょうか。そんな中今回は、ハロウィンのデザインに活用できる素材まとめ「Useful Free Halloween Wallpapers, Icons, Background Illustrations」を紹介したいと思います。
Halloween Vector Art Pack Vol2 | Conceptual Vectors | Pixeden
アイコンやイラストレーションなど、いろいろな種類のハロウィン素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン制作に便利に利用できる素材にはいろんな種類が存在し、シーンや目的に合わせて探し使い分けていると思います。そんな中今回紹介するのは、さまざまなデザインシーンに対応した最新素材まとめ「50 Free Resources for Web Designers from August 2014」です。
Redlight – Complete Friendly User Interface – 365psd
UI、フォント、ブラシ、アイコンといった、多彩な種類の素材がまとめられています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
テクスチャの中で、植物をテーマとしたものは比較的定番として使用されており、さまざまな種類がダウンロードできるようになっています。そんな中今回紹介するのは、春らしい雰囲気を表現できるフラワーテクスチャまとめ「Spring Up your Designs with Some Free Flower Textures」です。
（Grungy Mauve Brown Textures Free Download | QTextures – Free Quality Textures）
さまざまな表現の花柄テクスチャが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
太陽やライトなどのきらめきなど、Photoshopなどのソフトで思い通りの形に作り出すことはなかなか難しいもの。今回はそんな光源を手軽に表現できるテクスチャまとめ「17 High Quality Lens Flare Textures」を紹介したいと思います。
（Pink Lens Texture by bluezircon-graphics on deviantART）
いろいろな形の光源がまとめられており、デザインに光のニュアンスを与えることができます。
詳しくは以下
WEBサイトを作っていて悩むのが、配色。配色はプロのWEBデザイナーでも非常に難しく、いつも悩んでいるという方も多いと思います。今日紹介するのは、サイトにどんな色が利用されているかを分析し、視覚化してくれるWEBサービス「Colours」を紹介したいと思います。指定のURLから上記のような配色を割り出してくれるというもので、国内外でも知られているサイトがまとめられていました。
指定のURLからも分析が可能でしたので、Designdevelopを分析してみました。
詳しくは以下
写真素材からデザインのヒントやインスピレーションを得たりすることはよくあるもの。時には写真がないとデザインが成り立たないといった場合もあります。今回はそんな写真素材の中でも、荒廃的な雰囲気が印象的なPhotoshopテクスチャのまとめ「Seven Free Industrial Grunge Textures」を紹介したいと思います。
Free High Resolution Textures – Lost and Taken – Seven Free Industrial Grunge Textures
金属のプレートをテーマに、塗装の剥げたもの、錆びたもの、汚れたものなど、工業的な印象を受ける7枚のテクスチャセットとなっています。
詳しくは以下
フリーで配布されている素材には、いろいろな種類が存在しており、中でもデザイン性のあるパターンやモチーフはそのままデザインに使うことができて便利です。そんな中今回紹介するのは、56アルファベットが揃ったモノグラムモチーフ「56 Awesome Vector Monograms」です。
A-Zのアルファベットがモノグラムモチーフで展開された、アイデア次第でいろいろな使い方ができそうなフリー素材となっています。
詳しくは以下
webページ構築方法の一つとして取り入れられる方も多いシングルページは、独特な見せ方や演出が話題になっています。そこで今回紹介するのが、比較的最近公開されたシングルページの中から特にユニークな作品を集めた「52 Fresh and Unique Single Page Website Designs」です。
商品の見せ方にこだわったページから、演出にこだわったページまで、さまざまなページが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
日本だと特に季節や月毎のイメージというものがあり、各月にイメージするシーンが思い浮かんだりしますが、今日紹介するのは各月毎のイメージを表現したPOPなベクターアート「Months And Seasons Set」です。
日本とは若干異なるような気がしますが、親しいイメージで描かれています。柔らかくPOPな色彩は素材としてオシャレで魅力的なイラストレーションです。全部で12のバリエーションが公開されていましたので以下からご覧ください。
詳しくは以下
WEBを制作するにあたって、非常に便利な素材、アイコン。もちろんアイコンもフルオリジナルで作る時間と予算があれば良いのですが、毎回そうも言っていられない現場では、非常に重宝する素材の一つです。今日紹介するのは無料でダウンロードできるフリーアイコンセットをまとめたエントリー「24 Free Mini Icon Sets To Download」です。
ある程度数があるアイコンセットが全部で24個まとめられていましたので、今日はその中から気になったアイコンセットをピックアップして紹介したいと思います。
詳しくは以下
多種多様なアイコンはストックしておきたいもの。また、常に新しいものを手にしておくことで、デザインのトレンド性を保つことができると思います。そんな中今回紹介するのは、最新のアイコンをチェックできる便利なアイコンストックサイト「IconBros」です。
既に700個以上のデザインアイコンが収録されています。
詳しくは以下
見やすく、分かりやすいインターフェイスを構築するためには、デザイン性にもこだわりが必要なもの。今回はそんな時に便利に活用できるフリーUIキット「11 Useful And Free CSS UI Kits」を紹介したいと思います。
（Dribbble – All CSS UI-kits by Samuel Horn af Rantzien）
シンプルベースのボタンやバーなどを収録したUIキットが11種まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
デザイン制作中に手書きの質感を求められる場面も多いと思いますが、個人で手書きの雰囲気を表現するとデザインに偏りが出やすいのが難点。そんな状況に活用したい、アナログ感を表現できる手書き風フォントをまとめた「A New Compilation of Free To Download Handwritten Font」を紹介します。
Janda Quirkygirl Font | dafont.com
筆記体のようなフォントからアナログ感を楽しめるフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
キャンプ・アウトドアなどは、国内でもグランピングという新しい概念もでてきて、さらに注目を浴びているレジャーの一つですが、今回紹介するのはキャンプ・アウトドアをイメージしたアイコンセット「Camping Free Line Icon Set」です。
方位磁石、リュック、オノやマッチなどなど、通常のWEB制作のアイコンセットには無いユニークなアイコンが集められています。
詳しくは以下
