デザインを開発するという視点でお伝えするクリエイティブBLOG
ベクター形式の素材は、色が簡単に変更できたり文字の編集が可能だったりと、いろいろと便利な要素がたくさん。よく利用される方も多いと思います。今回はそんなヴィンテージテイストのベクターフリー素材まとめ「30 Vintage Vector Freebies Download Roundup」を紹介したいと思います。
Menu template on blackboard Vector | Free Download
ヴィンテージテイストのフリーベクター素材のさまざまな種類がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
インターネット上にはさまざまなフリー素材が公開されており、自分とは異なる感性で制作された素材を活用されている方も多いはず。そんな中今回紹介するのは、webサイト制作に利用するさまざまなスライダー素材を集めた「Huge Collections of Different kinds of Free Slider (PSD Files)」です。
Volume Slider Free PSD – Ahmad Hania Blog
メイン画像用のスライダーから、パーツデザインとしてのスライダーまで、さまざまなスライダーが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
画像に使われている色をアップロードした画像、もしくはURLで指定した画像から色を解析してくれるオンラインサービスが今回紹介する「Whats Its Color」です。サイトのメインの画像の色に合わせる時、画像とデザインのテイストを統一したい時なんかに使えそうです。
画像を指定するだけで、一番多く使われているカラーとその画像に含まれている割合TOP10の色をWEBセーフカラーで表示してくれます。
詳しくは以下
WEBデザインを円滑にしてくれるアイコンセット。様々なテーマでアイコンセットが日々公開され、クリエイターの制作活動の一助となっていますが、今日紹介するのはWEBデザイン自体をテーマにしたフリーのアイコンセット「100 Web Design Icons 」です。
このアイコンセットはWEBデザインでよく見かける、ワイヤーフレームやビデオプレイヤー、解析画面、スマートフォンなどのUIなどなど、WEBデザインをテーマにしたアイコンが全部で100個収録されています。アイコンの一覧が公開されていましたので以下からご覧ください。
詳しくは以下
テンプレートを使用することで、作業効率を上げながらデザインクオリティを高めることができたり、コスト削減をすることが可能となります。そんな中今回紹介するのは、HTML&PSD形式のフリーテンプレートをまとめた「20 Fresh and Free HTML and PSD Templates plus GUI Packs」です。
zGoodFood – Free Responsive Html5 Css3 Templates | Themes
PC・スマートフォン等のいろいろなタイプのテンプレートがまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
WordPressを利用している方でHTML5ベースでサイトを制作したいという方におすすめなのが、今回紹介するHTML5で作られたベースになるWordpressテーマ集「Blank & Bare WordPress HTML5 Frameworks」です。カスタマイズしやすく、シンプルな作りのテーマは、オリジナルで一から作るよりも手早くサイトを作れそうです。
多くのテーマが紹介されていましたが、今回はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
今までDesigndevelopでも数々のフリーベクターデータセットを紹介してきましたが、今回紹介するSMASHINGのまとめエントリー「The Ultimate Collection Of Free Vector Packs | Developer’s Toolbox | Smashing Magazine」はフリーベクターデータセットの決定版とも言えるエントリーです。
様々な種類のフリーベクターデータセットが公開されています。今日はその中から今までDesigndevelopで紹介した事がなく、珍しいなと思うベクターデータセットをいくつかピックアップして消化したいと思います。
詳しくは以下
デザインをより印象的に、効果的に見せるためのグラフィック作りは、アイデア＋ハイレベルな制作技術が必要になってくる場合があります。そんな状況にきっと役立つチュートリアル集「35 Awesome Photoshop Background Tutorials」を今回は紹介したいと思います。
多彩な表現を可能にするphotoshopの機能を駆使し、さまざまな表現を可能にした実例が多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
商品の写真や、メインのグラフィックを効果的に見せてくれるスライドショーはwebデザインのさまざまなシーンで活躍してくれます。今回はそんなスライドショーを用いたwebデザインまとめ「30 Inspiring Examples of Slideshows in Web Design」を紹介したいと思います。
（Print Mor – NYC – Since 1987 | Home）
シンプルな横スライドから、サイト全体を動かすような個性のあるものまで、いろいろなタイプのスライドショーを楽しむことができます。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
特に、webデザイン制作時に活躍してくれる素材の一つとして挙げられるアイコン。デザインやテーマなどさまざまな種類が存在していますが、今回紹介するのは、クリエイティブなデザイン性が表現された フリーアイコンまとめ「14 Free Creative & Detailed Icon Designs」です。
Dribbble – iOS Pagecurl Icon Freebie by Ryan Ford
アイコンひとつひとつがしっかりとデザインされており、デザインに彩りを与えてくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
