さまざまなパターンを好みのタイプに仕上げられるジェネレーターまとめ「Free Pattern Generators: Here’s 8 Tools You Want To Bookmark」 デザインの背景としていろんなパターンを利用することは多いと思いますが、時には思い通りのデザインのものがない時も。そんなシーンに役立つ、さまざまなパターンを好みのタイプに仕上げられるジェネレーターまとめ「Free Pattern Generators: Here’s 8 Tools You Want To Bookmark」を紹介したいと思います。 GeoPattern チェックやストライプなど、多彩なデザインパターンを自由にアレンジしてダウンロードできるようになっています。 詳しくは以下 Stripe Generator – ajax diagonal stripes background desig

TOP  >  Design  >  デザイナーが知っておきたい最新フリー素材まとめ「50 Free Resources for Designers from November 2014」 日々多くの多彩な種類の制作物を手がけるデザイナーにとって、フリー素材はもはや欠かせない存在となっているのではないでしょうか？今回はそんな方におすすめの、最新フリー素材まとめ「50 Free Resources for Designers from November 2014」を紹介したいと思います。 Dribbble – 4 Free Mockups by Shakuro さまざま種類のフリー素材がまとめられており、どれもストックしておきたくなる魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Dribbble – Free Subtle Vector

TOP  >  Photoshop  >  デザイナー必見 実用的なPhotoshop PSD素材まとめ「30 New Free Photoshop PSD Files For Designers」 デザイナーにとって欠かせないソフト・Photoshop。非常に便利であり、フリーで利用できる素材が多く配布されているのも魅力の一つとなっています。今回はそんな実用的なPhotoshop PSD素材まとめ「30 New Free Photoshop PSD Files For Designers」を紹介したいと思います。 7 FREE Smartphone & Notebook PSD Mockups on Behance PSD形式のいろいろなシーンで利用できる素材がまとめられています。 詳しくは以下 12 Free Vector Grunge Textures to Erode Your A

webサイトに魅力的な動きを演出可能なjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」 シンプルなwebサイトももちろん魅力的ですが、独特な動きを取り入れることでもっと見栄えの良いサイトに仕上げることができるのではないでしょうか？今回はそんな時に利用したいjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」を紹介したいと思います。 Textillate.js ちょっとしたさりげない動きから、メインとなる部分に取り入れられる演出まで、いろいろなタイプのjQueryプラグインが紹介されています。 詳しくは以下 Salvattore — A jQu

アイコン素材は、いろいろなシーンで活躍してくれる非常に便利な存在。たくさん持っているほど表現にバリエーションを持たせることができます。そんな中今回紹介するのは、100種のラインアイコンセット「Iconomous」です。 フラットテイストなデザインにぴったりと合う、シンプルベースのアイコンが100種まとめてダウンロードできるようになっています。 詳しくは以下 矢印やファイル、データ、ツール、グラフといったビジネスデザインシーンで活躍する定番のアイコンから、フードやファッションアイテム、乗り物といった頻繁には使用しないけれどあると便利なアイコンまで、種類が豊富。アウトラインが太めで、中の描写は細めのラインを使って描かれており、アイコン1つ1つから表情のある強弱を感じることができます。 100種という豊富さも魅力、定番としてストックしておけば何かと活躍してくれそうですね。以下リンクよりダウンロー

TOP  >  Design  >  クリエイティブなイメージフォトを簡単に フリーpsdモックアップフォト「Creativity Free Bundle」 webサイトやスマートフォン・タブレットサイトを制作し、プレゼンテーションやイベント、企画書などでイメージを公開する際には、実際に使用している風景に当てはめることで、使用イメージがしやすくなるもの。今回はそんな時に利用したい、フリーpsdモックアップフォト「Creativity Free Bundle」を紹介します。 非常にハイクオリティなビジュアルが特徴のモックアップフォトが12種セットでダウンロードできるようになっています。 詳しくは以下 iPadやiMac、iPhoneなどを中心に、オフィスでのデスクイメージから、フード系イメージなどが4666x3110pxといった高解像度データでまとめられています。そのままデザインを該当の機種

TOP  >  Font  >  シンプルかつ美しいフォルムを持ったフリーフォントまとめ「20 Beautiful Free Fonts from Recent Months」 シンプルなテイストのフォントは、いろいろなデザインに広く利用できるため、たくさん種類を持っているとおおいに活躍してくれます。そんな中今回は、シンプルかつ美しいフォルムを持ったフリーフォントまとめ「20 Beautiful Free Fonts from Recent Months」を紹介したいと思います。 Neris – Eimantas Paškonis Portfolio 定番として利用できるベーシックなタイプのフォントが20種紹介されています。 詳しくは以下 Hanken Round Font on Behance ラウンドしたフォルムが特徴のフリーフォント。デザインにちょっとした柔らかさを表現したい時に。

TOP  >  Font  >  デザイン性を高める 最新のフリーフォントまとめ「20 Fresh Fonts and Typefaces for October 2014」 デザイン性の高いフリーフォントを使用することで、デザインのクオリティを高められるのと同時に、コストダウンもすることができます。今回はそんなフリーフォントを集めた、「20 Fresh Fonts and Typefaces for October 2014」を紹介したいと思います。 Paneuropa Neue – Free Typeface on Behance 比較的新しいフリーフォントが20種、厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Bom Retiro – Free Typeface on Behance 独特の丸みを帯びた形状が特徴。どこか記号

新しいフリーフォントが日々公開されており、常にチェックされている方も多いのではないでしょうか？そんな中今回紹介するのは、最新のフレッシュなフリーフォント5種「Fresh Free Fonts From Last Week」です。 FRINCO // Free Font on Behance デザイン性の高い5種類のフォントが紹介されており、どれも魅力的なものばかり。いくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 KEL on Behance 角を独特な角度で切り落とした、スマートな印象のフォント。おしゃれな雰囲気のデザインに合いそうです。 The Wahhabi Script on Behance 細身のペンで描いたような柔らかいタッチが特徴。アンティークな雰囲気もかんじさせてくれますね。 Lemon/Milk Font | dafont.com 使い方によっていろ

TOP  >  plugin  >  さまざまな動きのタブデザイン表現を可能にする「11 Free CSS & jQuery Tabs Plugin And Tutorials」 複数のテーマ選択を1デザインで行うのに便利なツール・タブ。シンプルな切り替えが定番ですが、今回はさまざまな動きのタブデザイン表現を可能にする「11 Free CSS & jQuery Tabs Plugin And Tutorials」を紹介したいと思います。 CSS3 & jQuery folder tabs タブに独自の動きを再現することができるプラグイン、そして構築のためのチュートリアルが公開されています。 詳しくは以下 CSS3 tabs with beveled corners 角が斜めにカットされ、さらに立体的な表情を生み出せるCSS3タブ。タブ自体に存在感を出したい時に。 Tabslet jQuer

選び方でデザインのイメージが変わってしまう程重要な役割を持つフォント。デザイン性の高い種類が多数配布されており、フリーで使用できるものもたくさん存在しています。そんな中今回紹介するのは、人気の高いデザインフォントを集めた「Most Popular Free Fonts In 2014」です。 QG | Free font on Behance 2014年、人気の高いデザインフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Nomed Font on Behance 三角形のパーツを組合わせで形成された個性的なフォント。デザインイメージにもあるように、使い方次第でいろいろなイメージを表現できそうです。 Braxton – free font on Behance スクリプト調のアンティークな雰囲気を感じさせるフォントは、きれいめ・落

TOP  >  WebService  >  デザイナー必見 ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」 デザインの素材として欠かせないものの一つとして取り上げられる写真。しかし時には撮影の予算がなく、ストックフォトから写真を選ばなくてはならないことも。今回はそんなシーンにおすすめな、ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」を紹介したいと思います。 Skitterphoto | Free to use public domain (CC0) photographs デザイン性の高い写真を多数収録したストックフォトサイトが10種、紹介されています。気になったサイトをピックアップしましたので、下記よりご覧ください。 詳しく

サイトの動きに魅力を与える フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」 webサイトをより魅力的に見せるためには、デザイン性はもちろんですが、意外性のある動きなどを取り入れることで実現することも。今回はそんなサイトの動きに魅力を与える、フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」を紹介したいと思います。 Direction-Aware Hover with CSS3 and jQuery さまざまな種類のエフェクトが豊富に紹介されており、サイト自体にどこか物足りなさを感じていた方におすすめのまとめとなっています。 詳

いろいろなデザインに応用できる 最新のフリー素材まとめ「50 Free Resources for Web Designers from September 2014」 デザイン制作にもはや欠かすことのできないフリー素材。無料で、最近では商用フリーで使用できるものも非常に増えてきました。そんな中今回紹介するのは、いろいろなデザインに応用できる最新のフリー素材まとめ「50 Free Resources for Web Designers from September 2014」です。 Dribbble – iPhone 6 Plus by Oleg Sukhorukov モックアップやフォント、UIなど、さまざまな種類の素材が集められており、このまとめをチェックするだけでおおいに制作に役立てることができます。 詳しくは以下 Plain Pattern 自分で柄や大きさ、色を選んで、パターンを

web開発者のための さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」 webサイトを魅力的に見せるためには、デザインはもちろん、動きにも力を入れたいもの。シンプルなフラットデザインが主流となっているため、特に重要な要素となってきているのではないでしょうか？今回はそんな時に参考にしたい、さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」を紹介したいと思います。 Stylish CSS Buttons いろいろなパーツに動きや、エフェクトを加えられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Page Preloading

ショッピングサイト制作に便利なPhotoshopテンプレート13種「13 Free Ecommerce Templates In Photoshop Format」 インターネット上で買い物ができるショッピングサイト。見た目のデザインはもちろん、使いやすさや商品の見やすさも重要なポイントとなってきます。今回は双方に優れたPhotoshopテンプレート13種「13 Free Ecommerce Templates In Photoshop Format」を紹介したいと思います。 Free PSD eCommerce Website Template デザイン性も、機能性も秀逸なフリーテンプレートが紹介されています。気になったものをピックアップしましたので、書きよりご覧ください。 詳しくは以下 Dribbble – ICNDY – eCommerce Clothing Site Freebie

TOP  >  Design  >  しわの質感を生かしたテクスチャまとめ「40 Useful Tissue Texture For Your Wrinkled Looking Designs」 デザイン制作を手がける際に利用されるテクスチャ素材には非常にたくさんの種類が存在しており、欲しいデザインに合わせて使い分けたり、組み合わせたりすることが多いもの。今回はそんなテクスチャの中で、しわの質感を生かした「40 Useful Tissue Texture For Your Wrinkled Looking Designs」を紹介したいと思います。 （Ickledinkstock texture 62 by ickledinkstock on deviantART） 自然にできたもの、意図的に作られたものなど、非常に多彩な種類のしわテクスチャが集められています。 詳しくは以下 Tissue