Advertisement

20flatpsd_top

 

フラット・デザイン」をご存知ですか。Windows8のインターフェースやGoogleのUIデザインで見かける、シンプルな操作性が魅力の新しいWebデザイントレンドのひとつです。Apple社が得意とする、本物そっくりの質感を表現したデザインパーツの対極とも言えるでしょう。

 

 

海外デザインブログSpeckyBoy.comで、フラットデザインをテーマにした、無料デザインPSD素材20個をまとめたエントリー「20 Free GUI Templates for ‘Flat’ Web Design」が公開されていたので、今回はご紹介します。

 

 

通常のWebデザインパーツで使われている、グラデーションや影シャドウ、リアル感を表現したSkeuomorphismデザインなどを極力省くことで、必要な情報のみをより分かりやすく伝えることができます。

 

 

 

詳細は以下から。

 

 

 

フラットデザインに使いたい、無料デザインPSD素材まとめ

 

Flat UI

ログイン画面や天気予報アプリ、電話発信、ボタン素材などをまとめたUIデザイン用PSD素材セット。

flat_gui_04

 

 

 

Flat Blog UI Kit Free PSD

サーモンピンク色のやさしい色使いで制作された、ブログサイトに必要なデザインパーツをまとめています。

flat_gui_01

 

 

 

Free Flat UI Kit.

Googleのインターフェースデザインをモチーフに、フラットデザインを解釈した、シンプルPSDファイル素材。

flat_gui_07

 

 

 

Ui Kit

パステルカラーの配色に、やや丸みのあるボックスデザインがかわいい、オシャレUIデザイン素材。

flat_gui_05

 

 

 

Square UI Free

ナビゲーションメニューやボタンデザインなど、配色も参考になりそうなUIデザインをたっぷり収録した無料PSD素材。

flat_gui_02

 

 

 

UI Kit

どこかWindows8にも似た、鮮やかな配色で制作された、UIデザイン無料PSDファイル。配色にお困りの方はいかがでしょう。

flat_gui_06

 

 

 

Freebie PSD: Flat UI Kit

トレーニング用アプリデザインを想定した、カラフルUIデザインパーツキット。

flat_gui_03

 

 

 

Web App UI

水平方向にコンテンツが移動する、ダーク系ウェブアプリ用インターフェースデザインで、エレガントな印象を与える配色も◎。

flat_gui_08

 

 

 

UI Kit

ほんのりとボックス周りにシャドウを加えることで、より洗練された印象を表現できるPSDファイル。

shadowbo

 

 

 

Mail Widget

メール確認ウィジェットを想定した、デザインテンプレート素材で、エメラルドグリーンの配色も素敵です。

Mail_Widget_Wumbo

 

 

 

Flat Apple Family

MacBook AirやiMac、iPad、iPad Mini、iPhoneとApple家族が集合し、すべてフラットデザイン仕様に。

flat_gui_24

 

 

 

Freebie PSD – Flat Icons

2013年トレンドカラーをベースに作成された、各種アイコンデザイン8個セット。

flat_gui_17

 

 

 

Google Icons (Freebies PSD)

あのGoogleが使っているロゴやアイコンデザインを再現したPSDアイコン素材セット。

Google_icons_freebie

 

 

 

Flat Web Elements

通称ベイビーカラーと呼ばれる、淡いパステルカラーを採用した、ボタンやラジオボックス、スライダーなどを収録。

flat_gui_10

 

 

 

Flat Credit Cards

ショッピングサイトなど何かと利用機会の多い、クレジットカードもフラットデザインで一新。

flat_gui_19

 

 

 

Flat UI Button (PSD Included)

そのままステッカー感覚で活用したい、シンプルなボタン、アイコンデザイン素材セット。

flat_gui_13

 

 

 

Flat Vector Social Icons (EPS)

facebookやTwitter、Google+など各種ソーシャルメディアロゴのアイコン素材で、Illustarator用EPS素材として無料配布中。

flat_gui_20

 

 

 

Web Browser UI Elements

サーモンピンク色の少しだけ立体的なボックス枠に、各種アイコンを収録しています。

flat_gui_11

 

 

 

Event Creation

シンプルなボタン素材で、細字フォントを利用することで、よりスタイリッシュな印象を表現します。

flat_gui_12

 

 

 

Upload File Interface PSD

ファイルアップロード機能実装などに活用したい、UIデザイン素材で、必要なパーツが一通り揃っています。

flat_gui_16

 

 

 

Rebound Mini UI Player Grooveshark

音楽ストリーム再生で有名な、Groovesharkの再生プレイヤーを、フラットデザインで再現。

flat_gui_14

 

 

 

Browser Freebie

普段利用しているブラウザ画面をフラットデザインで作り替えた、モックアップ用PSDデザイン。

flat_gui_23

 

 

 

Flat Vector Chrome Frame

プレゼンテーションなどにも活用できる、ブラウザ画面をフラットデザインで制作した、シンプルPSD素材。

flat_gui_21

 

 

 

フラットデザインの参考、具体的サンプルWebサイト20個まとめ

素材を使ってWebサイト制作をはじめるアイデア、インスピレーションにどうぞ。

15flatdesign_top

 

 

参照元リンク : 20 Free GUI Templates for ‘Flat’ Web Design – SpeckyBoy.com