フラットデザインで簡単モックアップ、無料UIデザインキット

burgerui_top

 

またフラットデザインネタになってしまいますが、シンプルで使い勝手の良さそうなUIデザインコレクションBlog/Magazine Flat UI Kitが公開されていたので、今回はご紹介します。

 

 

Webサイトやブログサイトに必要なデザインアイテムを一式揃えているので、後はパズルの様に組み合わせれば、フラットデザインを採用した、デザインレイアウトが完成です。もちろん無料ダウンロードとなっています。

 

 

 

詳細は以下から。

 

 

 

フラットデザインを再現する、UIデザインキット

 

Blog/Magazine Flat UI Kitは、Photoshopで編集可能なPSDファイルで収録されており、あらかじめウェブデザイン制作に必要なパーツまとめられています。ブログ用レイアウトも揃っているので、すぐにモックアップを作成することも可能です。

 

 

以下は収録されているUIデザインサンプルとなります。

 

 

ナビゲーションメニューや検索ボックス、ログイン画面、ボタン、ツールチップ、ラジオボタン、ドロップダウンメニュー、ソーシャルメディアアイコンなどのUIデザイン。

burger1

 

 

グリッドレイアウトを意識したデザインレイアウトに加え、 各シングルページ用レイアウトも一緒に収録されています。

burger2

 

 

カレンダーや各種ソーシャルメディアでの活動状況、お問い合わせフォーム、ページ送りなど。

burger3

 

 

 

この他にも参照元サイトでは、フラットデザインをテーマにした無料素材を公開されているようです。こちらも一緒にいかがでしょう。

 

Time Zone App UI

iPhone5のお天気アプリを想定したUIデザインキットで、こちらでもフラットデザインを採用しています。

Time-Zone-App-UI-600

 

 

 

Light Android Icons

Android用アイコンをフラットデザインで再現した、シンプルながらクリエイティブな無料PSDデザイン素材です。

Android-Icons-Set-Small

紹介した素材は、どれも無料ダウンロード可能なだけでなく、個人商用利用ともに可能となっているので、そのままデザイン制作の即戦力にいかがでしょう。

 

話題のフラットデザイン採用、無料メガUIデザイン素材Vertical Infinity

最近特に増えていますね、こちらはエメラルドグリーン色をテーマカラーに使った、UIデザインコレクションとなります。

vertical-infinity_top