Advertisement

ultimate_flat_top

 

Google+のリニューアルデザインや、次期iOSデバイスにもフラットデザインの採用が決定など、いよいよ本格的な流行の兆しを見せている、新しいデザイントレンド「フラットデザイン」。より手軽にたのしむことができる、フリー素材をまとめてみました。

 

 

海外デザインブログGraphicDesignJunction.comで、フラットデザイン製デザインPSD素材をまとめたエントリー「45 Flat UI Design Elements Freebies」が公開されていたので、今回はご紹介します。

 

 

[list type=”hot”] [li]フラットデザイン参考用、無料デザインPSD素材20個まとめ [/li]

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

[li]爽やか配色のフラットデザイン無料UIデザインキットFlat UI Kit[/li]

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

[li]合計3600個のメガパック、フラットデザイン型フリーアイコン素材Flat Icons[/li]

[li]商用可、フラットデザイン的無料アイコン48個セットFlatilicious[/li]

[li]フラットデザインの愛する、優良フリーアイコン素材まとめ[/li]

[li]フラットデザインをたのしむ、フリーアイコン素材35個まとめ (PNG, PSD, Aiファイル)[/li]

[li]iPhone/iPadをフラットデザインで再現、無料テンプレート素材まとめ[/li]

[li]ミニマル+フラットデザイン採用、Apple製品テンプレート無料PSD素材セット[/li][/list]

 

 

 

詳細は以下から。

 

 

 

フラットデザイン徹底ガイド、無料のデザインPSD素材まとめ

 

Ecommerce Elements

ショッピングサイト用レイアウトを、丸ごとフラットデザインで作成した、無料WebテンプレートPSD。

preview(2)(3)(4)(5)(6)(7)(8)

 

 

 

Andrew Beckwith: Flat UI Elements PSD

トレンドカラー配色に、余白スペースを利用した、モダンスタイルが魅力的なUIデザインキット。レイアウトの参考にもなりそうです。

FlatUI1

 

 

 

Featherweight UI

Retinaディスプレイにも対応した、ボタンやナビゲーションメニューなどのUIデザインをまとめた無料キット。

featherweight_ui

 

フルサイズのイメージスライダーや、ツールチップ付き世界地図、ピクトグラムアイコンなどもセットに。

featherweight_ui(2)

 

 

 

Flat Profile for Social Fashion Network

自分のファッションネタをソーシャル化した、スタイリッシュなプロフィール画面PSD。

Flat_Web_Design_Elements_4

 

 

 

iPhone 5 Flat Design

モバイルサイトのモックアップ作成に活躍してくれる、iPhone5のテンプレート素材。

Flat_Web_Design_Elements_6

 

 

 

Mobile Cooking App Wireframe

モバイル用クッキングアプリの、ページ遷移をまとめたワイヤーフレーム素材。

Flat_Web_Design_Elements_8

 

 

 

iOS7

次期iOSコンセプトデザインとして作成された、アイコンが分かりやすいUIデザインを採用。

Flat_Web_Design_Elements_3

 

 

 

Flat iPhone Concept

そしてこちらもiOS7コンセプトデザインで、フラット化されたホーム画面に仕上がっています。

iphone_flat_concept

 

 

 

Free Mobile Application UI Kit PSD

モバイルアプリ用レイアウトで、横スライドするナビゲーションメニューが採用されています。

Free-Mobile-Application-UI-Kit-PSD-cssauthor.com_2

 

 

 

Gameboy (Free PSD)

レトロなアイテムとフラットデザインの相性、良さそうですね。

Flat_Web_Design_Elements_9

 

 

 

Super Nintendo Controller

そしてこちらも懐かしいコントローラーをフラット化。

Flat_Web_Design_Elements_10

 

 

 

Mini Stats Ui (Free PSD)

状況ステータスを表示する、シンプルなミニ管理画面デザイン。

Flat_Web_Design_Elements_13

 

 

 

Flat Radial Graph PSD

エメラルドグリーン、サーモンピンク、スカイブルーの爽やかな配色が魅力的な、円グラフ型PSDテンプレート。

Flat_Web_Design_Elements_39

 

 

 

iPhone 5 PSD Flat Design Mockup

あらゆる角度に対応した、白&黒2種類のiPhone 5のモックアップ用フリーPSD。

iphonemockup2iphonemockup1

 

 

 

Rufio Free Homepage PSD

デザイナー向けポートフォリオサイトに適した、ギャラリースタイルのウェブレイアウトPSD。この他に記事ページなど3種類が収録されています。

rufio_website_psd

 

 

 

My Birfday Calendar

操作に迷わない、ユーサビリティーを考慮した、シンプルなカレンダーウィジェット。

Flat_Web_Design_Elements_11

 

 

 

iMac, iPad & iPhone Flat Illustration

タイトル通りAppleの人気がジェット達を、シンプルなイラスト風に仕上げた仕上げました。

Flat_Web_Design_Elements_14

 

 

 

Flat Window Chrome PSD

Chromeブラウザの装飾を、一切省いたシンプルなウィンドウ画面は、プレゼンテーションなどにもぴったり。

Flat_Web_Design_Elements_5

 

 

 

Sign Up (Freebie)

トレンドカラー配色に、目立つCall-To-Actionボタンが素敵なサインアップフォーム。

Flat_Web_Design_Elements_16

 

 

 

Flat iPhone 5 3D MockUp

イラスト化された、白と黒2台のiPhone 5を、フラットデザインで忠実再現しています。

Flat_Web_Design_Elements_15

 

 

 

Behance Web Template

モバイルだけでなく、デスクトップのあらゆるレイアウトを再現した、モックアップ専用PSDテンプレート素材キット。

Flat_Web_Design_Elements_33

 

 

 

Free Flat Social Icons EPS

各種ソーシャルメディアブランドのロゴデザインをまとめており、Illustratorで編集可能なEPSファイルで収録されています。

flat_social_icons

 

 

参照元リンク : 45 Flat UI Design Elements Freebies – GraphicDesignJunction.com