デザインを開発するという視点でお伝えするクリエイティブBLOG
優れたUIデザインをスピーディ制作することがほとんどの場合望まれますが、中には時間がなくて制作できないことも。そんな時に多種多様のデザインテンプレートが手元にあれば非常に便利です。今回はそんなシーンで参考にしたい、探す手間をなくすことに役立つ最新UIデザインまとめ「New Web & Graphic Design Freebies : 28 Resources」を紹介します。
Free E-Commerce Apps – part 05 by Haxon – Dribbble
アイコンからフォント、モックアップまで幅広くまとめられています。気になったものをいくつかピックアップいたしましたので、下記よりご覧ください。
詳しくは以下
毎日生活する上で、私たちの身近に溢れているフォント。何気なく目にしているかもしれませんが、実はとても重要な役割を果たしています。今回は、そんなフォントをデザインにもっと有効に利用したい時ぜひ参考にしたい、グラフィックデザイナーのための最新フリーフォント「Latest Free Fonts For Graphic Designers」を紹介したいと思います。
Chokle Handwritten Font ~ Sans Serif Fonts on Creative Market
様々な場面で活躍してくれそうなフリーフォントが集約されています。中でも気になったものをいくつかピックアップしましたので、以下よりご覧ください。
詳しくは以下
人の目を引くために、見出し部分を印象的にするデザイン手法を取り入れている方も多いと思います。その中でフォント選びにもっとこだわりを持たせると、さらに魅力的な演出ができるかもしれない、今回はそんなシーンで参考にしたいフォントまとめ「20 Free Tall Fonts for Catchy Headlines」を紹介します。
Monument_Valley_1.2 font by turbocass – FontSpace
数多くあるタイポグラフィーの中でも今回は、背の高さで見出しを飾り付けてくれることに焦点をあてたものがピックアップされています。
詳しくは以下
デザインをする上で欠かすことのできないワイヤー制作。設計の基礎となるものであり、制作の方針をディレクターに伝えるためのものでもあります。デザイン業務に必ず組み込まれているものだからこそ、便利なツールを使用すれば業務がスムーズになるはず。そんな中今回は、知っていれば業務が楽になるまとめ「10 Free & Latest Wireframe Tools and Templates」をご紹介していきます。
Prototyping tool for web and mobile apps – Justinmind
ワイヤー制作を楽に行えるようになるツールがまとめられています。下記にいくつかピックアップしているのでご覧ください。
詳しくは以下
アイコンは視覚的な表現を豊かにしてくれる要素の一つ。UI面を左右する大切なものだからこそ、シーンに応じて適切なものを使用していかなくてはなりません。そんな時に知っていると便利なまとめ「7000+ Material Design Icons – Ultimate Icon Roundup」をご紹介していきたいと思います。
Mini Material Free iconset Vol1 by Iftikhar Shaikh☯ – Dribbble
高品質なデザインアイコンが7000以上もまとめられており、多種多様のテイストを持っています。気になったものをいくつかピックアップしているので、下記よりご覧ください。
詳しくは以下
デザインにおいてフォントの選定はとても重要なこと。数え切れないほど多く存在するフォントの中から、それぞれのテーマや雰囲気にあったものをセレクトするのは案外大変なことだったりします。そんな中今回は、ユニークな中世のフリーフォントを集めた「20 Free Medieval Fonts for Unique Designs」を紹介したいと思います。
手書き風のカリグラフィや細かく装飾されたフォントまで集約されています。数ある中から、いくつか気になるものをピックアップしてみました。
詳しくは以下
インターネット上で運営されるECショップサイト。商品の魅力ももちろんのこと、サイト自体のユーザビリティやデザイン性も、売上に繋がる非常に重要な要素になってきます。今回はそんな時に最適なフリーWordPressテーマ「10 WordPress FREE Themes To Start Your Own EStore」を紹介したいと思います。
10種の使いやすさや見た目を重視したWordPressテーマが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
医療関係のデザインは、専門的な内容も多いだけに、できるだけわかりやすくユーザーに視覚的に伝えることが重要にもなってきます。そんなときに知っておくと便利なまとめ「30 Free Medical Icon Sets You Can Download」をご紹介していきたいと思います。
Vector Medic – Download Free Vector Art, Stock Graphics & Images
医療向けのアイコンに特化してさまざまな種類・テイストのものがまとめられています。以下にいくつかピックアップいたしましたので、ご覧ください。
詳しくは以下
フォントデザインに演出をつけたいけれど、どうやって加工したら良いのか分からない。そんなシーンに遭遇するデザイナーの方は多いかと思います。今回はそんな時に心強い味方となってくれるチュートリアルをまとめた「20 Top-Notch Retro Text Tutorials To Learn From」を紹介したいと思います。
Create a 3D Style Retro Text Effect – Vectips
さまざまなテイストのレトロフォントを作り上げることができるチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
特にwebデザインなどで多用するアイコン素材。フリーで配布されているものも多数存在しており、常にチェックされているというデザイナーの方も多いかと思います。そんな中今回は、豊富なデザインバリエーションが揃ったフリーアイコンセットまとめ「900+ Free Icons for Web, iOS and Android UI Design」を紹介したいと思います。
97 free business icons – Freebie Jar
さまざまなテーマで構成された、魅力的なアイコンセットがフリーでダウンロードできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインする上で、色々なデザインと親和性が高い葉っぱ素材。それだけに写真素材や関連する素材も多々あります。今回紹介するのは、リアルな葉っぱのフリーphotoshopブラシセット「Leaf’d: 10 Free High-Res Photoshop Leaf Brushes」です。
ブラシで葉脈までキッチリと描写されたリアルな葉っぱのブラシがセットになっています。ブラシの解像度は1900px〜2400pxと非常に高解像度になっていますので、メインとしての利用にも十分耐えられるクオリティになっています。
詳しくは以下
WordPressの魅力の一つにデザインの豊富さがあります。日本ではテーマを配布している所は少なめですが、海外ではクオリティの高いテーマが豊富に公開されています。今回紹介するテーマ配布ブログ「Design Disease 」はクオリティの高いテーマをいくつか配布しています。
いくつか公開されていますが、公開されているテーマの中から気になったテーマをピックアップして紹介したいと思います。
詳しくは以下
撮影した写真の加工や補正だけでなく、デザインで使うグラフィック素材の作成などにも利用されているPhotoshop。非常に多彩な表現が可能ですが、機能が多い分なかなか上手く使いこなせていないという方も多いのではないでしょうか？今回はそんな方におすすめのPhotoshopチュートリアルまとめ「45 Fresh And Useful Photoshop Tutorials」を紹介したいと思います。
（Old Signage in Photoshop 3D | Abduzeedo Design Inspiration）
Photoshopでできたグラフィック作品が出来上がるまでのチュートリアルが分かりやすく紹介されています。いくつかピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
デザインの一つの要素として様々な印象を与えてくれるアナログ的な要素。デザインする上で皆さんも取り入れた事もあるかと思います。今日紹介する「17 Sets of Excellent Hand Drawn Design Elements」はアナログ感を演出してくれる手書き風の素材を集めたエントリーです。
ラクガキのようなものから、手書きの植物、タイポグラフィまで様々な素材が紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
WEBサイトの要素の中でも追加いやすさなどのユーザービリティから、全体の印象にまで影響を与えるナビゲーションメニューですが、今回紹介するのはWEBサイトを便利に快適にしてくれるナビゲーションを拡張してくれるツールを集めたエントリー「Website Navigation Menu Toolbox」です。
Sexy Drop Down Menu with jQuery and CSS
ドロップダウンからタブメニュー、プルダウンまで様々なメニューのソースがまとめられています。今日はその中からいくつか気になったナビゲーションをピックアップして紹介したいと思います。
詳しくは以下
グラフィックデザイナーであればまず間違いなく毎日のように使うソフトウェア「illustrator」。非常に多機能で、レイアウトだけではなく、様々な表現が可能ですが、今回紹介するのはイラストレーターで描くアイコンチュートリアルを集めたエントリー「55 Adobe Illustrator Icon Design Tutorials」です。
How to Create a Yellow Submarine Icon with Gradient Meshes
立体的なものからステッカーのようなもの非常にリアルなものと様々な表現のイラストレーターによるアイコンの作り方がまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
