アプリをデザインするためには、まず全体の構成設計が必須。しかしすべてのページやコンテンツ分を一から作り上げるのはなかなか大変だと思います。今回はそんなときに活躍してくれる、iPhoneでのAPPデザイン設計に最適なワイヤーフレーム集「Basement iOS」を紹介したいと思います。 さまざまな種類のページ設計ワイヤーフレームがまとめられており、作りたいアプリのジャンル別に使い分けることができます。 詳しくは以下 全部で110種の画面が用意されており、Social、Ecommerce、Base elements、Markups & Gesturesといったテーマの中にさらにカテゴリ分けがされ、ほしいデザインイメージに合わせて組み合わせていけば、設計を容易に行うことができます。シンプルで見やすい、そのままデザインを当てはめていけばOKなクオリティが保たれているのも魅力。今まで手描きや、一から

TOP  >  Design  >  自身で一から作り上げることができるデザインチュートリアルまとめ「38 Best Design Tutorials for Learning Sketch 3」 1つのデザインを完成させるためには、多くの素材の組み合わせが必要になってきます。フリーで配布されているものも多数ありますが、時には自分で作らなくてはいけない、オリジナル性を求められるシーンに遭遇することもあるのではないでしょうか？今回はそんな時に参考にしたい、自身で一から作り上げることができるデザインチュートリアルまとめ「38 Best Design Tutorials for Learning Sketch 3」を紹介したいと思います。 iOS Design using Sketch. Part one: iOS Navigation Bar – YouTube アイコンやイラスト、UI、アニ

多彩な種類を揃えた フリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」 フリーで配布されているモックアップ素材。非常にクオリティの高いものが多く、利用するだけでデザイン性を高めることができます。今回はそんなフリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」を紹介したいと思います。 Free 10 Summer Work Mockups Bundle | MockupWorld いろいろな種類の、ハイセンスなモックアップ素材がまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Social Media

TOP  >  Design  >  1９種の魅力あふれるフリーリソース集「19 Free High Quality Resources That You Must Have」 フリーで使用できる素材は、いくつあっても嬉しいもの。さらにデザイン性の高い魅力的なものであると、より活用頻度も上がるのではないでしょうか？そんな1９種の魅力あふれるフリーリソース集「19 Free High Quality Resources That You Must Have」を今回は紹介したいと思います。 Free Textures: Blue stone texture | Grunge テクスチャやアイコン、パターンなど、あると便利な種類の素材が19種厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Free Patterns: Seamless –

フリーで使用できるフォントのまとめ記事は多数アップされており、Designdevelopでもたくさん紹介してきましたが、今回はデザイン性の高いフォント17種をダウンロードできる「Download Free Font Bundle」を紹介したいと思います。 クリエイティブなフォントが揃っており、デザインをより魅力的に演出してくれそうです。 詳しくは以下 比較的シンプルなタイプから、形に個性があるもの、フォントとして読ませるより図形・グラフィックの一部としての活用頻度が高そうなものなど、17種という厳選された種類ながらにバリエーションが豊富。フォントにこだわりを持たせることで、今までどこか物足りなかったデザインに、新しい表現方法を発見できるかもしれません。 膨大な数のフォントから探し出すという手間が省けるのも嬉しいところ。ダウンロードするには、Emailアドレスの登録が必要ですが、フリーでダウ

TOP  >  Design  >  モバイルデザイン時に参考にしたいフリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」 今や、サイトデザインはPC版だけでなく、モバイルにも対応したサイト設計が必須となっています。今回はそんな時に参考にしたい、フリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」を紹介したいと思います。 Planner & Meteo UI Kit for iPhone デザイン性の高い、さまざまなテーマのフリーUIキットがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Ace iOS8 Mobile UI Kit Freebie | Visual Hierarchy iOS

TOP  >  Design  >  HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」 webサイトを制作する際には、デザインだけでなく全体の構成などの設計が必要となってきます。しかしコストや時間の関係でなかなか思ったようにデザインできないこともあるのではないでしょうか？そんな時に参考にしたい、HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」を紹介したいと思います。 Cafe & Restaurant Free Website Templates レスポンシブで、スマートフォンやタブレットに自動対応した、ハイクオリティなテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Highlig

TOP  >  Design  >  ライフスタイルをイメージさせるハンドメイドアイコンセット「100 Handmade Icons About Home Stuff」 ビジネス系をテーマとしたアイコンが多い中、中には個性的なテーマを取り入れシリーズ化したアイコンセットも多数存在しています。そんな中今回紹介するのは、ライフスタイルをイメージさせるハンドメイドアイコンセット「100 Handmade Icons About Home Stuff」です。 手書き風のラフなテイストが印象的なアイコンが100種、セットでダウンロードできるようになっています。 詳しくは以下 種類としては、生活の中で使用するアイテムをアイコン化しており、たとえば鍋、ハンドミキサー、ジューサー、コーヒーメーカー、レンジなどキッチンで使用するものから、テーブルやソファ、チェスト、ラックといった家具類、ライスやコーヒー、ア

TOP  >  Design  >  webデザインを作り上げるのに参考にしたい フリーUIキット10種「10 Fresh And Free UI Kits For Designers」 ハイクオリティなデザインを手がけるのには、いろいろなデザインリサーチや構成の企画立てなど、たくさんの工程が必要になってきます。しかし時にはコスト面や納期面で困難な状況に陥ることも。今回はそんな時に参考にしたい、フリーUIキット10種「10 Fresh And Free UI Kits For Designers」を紹介したいと思います。 Dribbble – Freebie PSD: Flat UI Kit by Marcel Akiyama デザイン形成時に役立ってくれるUIデザインが揃っており、欲しいデザインや目的に合わせて選ぶことができるようになっています。 詳しくは以下 Download Flat

デザイナー必見 いろいろな種類の最新フリー素材をピックアップしたまとめ「50 Free Resources for Web Designers from March 2015」 インターネット上には膨大な数の素材が存在しており、時にどこから探して良いのか迷ってしまうこともあるのではないでしょうか？そんな時参考にしたい、いろいろな種類の最新フリー素材をピックアップしたまとめ「50 Free Resources for Web Designers from March 2015」を紹介したいと思います。 Dribbble – Free SVG Device Templates by Max Burnside アイコンやフォント、ブラシ、テンプレートなど、多彩な種類の素材が厳選され、1つの記事にまとめられています。 詳しくは以下 Dribbble – Free Brushes! (v2) by

デザイン制作の参考資料・素材として活用できるコンテンツツール「9 Awesome Free Tools To Make Unique Creative Content」 インターネット上にはさまざまな種類の素材が配布されていますが、決められたテーマだけでなく、いろんなパターンから選択したい時も時にはあるのではないでしょうか？そんな中今回紹介するのは、デザイン制作の参考資料・素材として活用できるコンテンツツール「9 Awesome Free Tools To Make Unique Creative Content」です。 Templates | Piktochart デザイン制作をする時に活用すれば、よりクオリティの高い制作物を完成させることができそうな便利なツールが紹介されています。 詳しくは以下 Recite.com – Create beautiful visual quotes a

TOP  >  Design  >  デザイン背景などに利用できる パターンチュートリアル11種「11 Pattern Tutorials For Your Next Designs」 背景素材として活躍してくれるパターン。すでに完成されているものはもちろん便利ですが、時には自分で作ったものを使用したい時もあるのではないでしょうか？今回はそんな時に参考にしたい、パターンチュートリアル11種「11 Pattern Tutorials For Your Next Designs」を紹介したいと思います。 How to Create a Bright Geometric Circle Pattern in Adobe Illustrator – Tuts+ Design & Illustration Tutorial 11種類のパターンを作成できる手法が、分かりやすく紹介されています。気になった

TOP  >  Design  >  HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」 フリーで配布されているテンプレートを使用することで、制作コストのカットやデザインクオリティのアップなど、さまざまな利点を得ることができます。そんな中今回紹介するのは、HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」です。 Dribbble – FREEBIE PSD: Flat UI Kit by Nik Pletikos いろいろなタイプのテンプレートがまとめられており、いろいろなシーンで活用することができそうです。 詳しくは以下 Clino UI Kit PSD – Inspirational Pixels いろいろな種類の素材が揃ったUIキット。ベーシックなデザインなどで、多彩なテイ

webサイト等を作成するのに便利に活用できる素材・アイコン。非常に種類豊富に展開されていますが、いろいろな種類があるがゆえにどれをダウンロードすればよいか迷ってしまうことも。今回はそんな時におすすめ、2000個の種類豊富なフリーアイコンセット「2000 Flat Icon Pack」を紹介したいと思います。 さまざまなカテゴリのアイコンが揃っており、主流のトレンドに合わせたフラットデザインでデザインされている点も魅力となっています。 詳しくは以下 オーディオ、服&シューズ、デバイス&ネットワーク、オフィス、ソーシャルメディア&ロゴ、web&ブラウザーといったようなカテゴリが用意されており、アイコンがダウンロードできるページ上でそれぞれのカテゴリを選択すると、そのアイコンのバリエーションを閲覧することができます。png、psd、svg、ai、epsといった形式で用意されているのも嬉しいところ

豊富なバリエーションを揃えた背景パターンチュートリアル集「Pattern Tutorials: 25 Background Pattern Design Tutorials & Free Patterns」 背景に利用することでデザインをより魅力的に見せてくれる効果を発揮するパターン素材。すでに用意されているものを使用するのも良いのですが、時には自身で作成したものでデザインを完成させたい時もあるのではないでしょうか？今回はそんな時に参考にしたい背景パターンチュートリアル集「Pattern Tutorials: 25 Background Pattern Design Tutorials & Free Patterns」を紹介したいと思います。 Create a Wallpaper with Vector Geometric Blurred Shapes in Illustrator and

特にwebデザインシーンで活躍してくれるアイコン。現在は主流のデザインテイストであるフラットタイプが多く配布されています。今回はそんなフラットアイコンの最新セットが揃ったまとめ「47 Fresh and Flat Icon Sets」を紹介したいと思います。 Viro – Modern Icon Set – graphberry.com ベーシックなタイプから、季節もの、個性あふれるテーマのものまで、いろいろな種類が紹介されています。 詳しくは以下 Dribbble – Digital stuff icon set (.Sketch Free) by Raymond Wong デジタルツールを中心としたラインアイコン。シャープな印象が特徴。デザインにクールな雰囲気を演出したい時に。 Free Flat Icons Set Pack 1 AI – Pixeels.netFree PSDs &

TOP  >  Design  >  webデザイナーならチェックしておきたいフリー素材がピックアップされた「50 incredible freebies for web designers」 日々、次々と新しい素材がアップされており、膨大な数の中からどれを選ぼうか迷ってしまうこともあるのではないでしょうか？そんな中今回紹介するのは、webデザイナーならチェックしておきたいフリー素材がピックアップされた「50 incredible freebies for web designers」です。 CSS3/jQuery Panel いろいろな種類のフリー素材が紹介されており、どれも使ってみたくなるクオリティの高いものばかりが揃っています。 詳しくは以下 Flat Text – icon sets フラットテイストのアイコンセット。シンプルかつミニマルなデザインなので、さまざまな種類のサイトで使

TOP  >  Font  >  シンプルから個性的まで 最新のフリーフォントを集めた「20 New Free Fonts For Designers」 どんどんと新しい種類が増えているフォント。フリーでダウンロードできるものも豊富に展開されており、デザイナーにとっては嬉しいもの。そんな中今回は、シンプルから個性的まで、最新のフリーフォントを集めた「20 New Free Fonts For Designers」を紹介したいと思います。 Lala Bauhaus Font | dafont.com デザインにハイセンスな雰囲気をプラスできるフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 PIER // FREE TYPEFACE on Behance 非常にシンプルなサンセリフフォント。いろいろなテイストのデザインで活用で

非常にたくさんの種類がフリーで配布されているアイコン。常に新しいものをチェックされているという方も多いのではないでしょうか？そんな中今回紹介するのは、定番として使用できるアイコンが揃った「274 Vector Line Icons for free」です。 アイコンを使う頻度の高い方は是非ストックしておきたい、ベーシックなタイプのアイコンが274個セットでダウンロードできるようになっています。 詳しくは以下 ルーペやソーシャル、メールやペンなどのBASIC、いろいろな表情のEMOTION、天気のWETHER、さまざまなデバイスやマルチメディアをアイコン化したDEVICES、いろいろな形の矢印が揃ったARROWS、ショップカートやクレジットなどECサイトに最適なFINANCEといったようにカテゴリに分類され収録されているので使いやすく、ラインアイコンというシンプルな描写がどんなデザインにもマ

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