「フラット・デザイン」をご存知ですか。Windows8のインターフェースやGoogleのUIデザインで見かける、シンプルな操作性が魅力の新しいWebデザイントレンドのひとつです。Apple社が得意とする、本物そっくりの質感を表現したデザインパーツの対極とも言えるでしょう。
海外デザインブログSpeckyBoy.comで、フラットデザインをテーマにした、無料デザインPSD素材20個をまとめたエントリー「20 Free GUI Templates for ‘Flat’ Web Design」が公開されていたので、今回はご紹介します。
通常のWebデザインパーツで使われている、グラデーションや影シャドウ、リアル感を表現したSkeuomorphismデザインなどを極力省くことで、必要な情報のみをより分かりやすく伝えることができます。
詳細は以下から。
フラットデザインに使いたい、無料デザインPSD素材まとめ
ログイン画面や天気予報アプリ、電話発信、ボタン素材などをまとめたUIデザイン用PSD素材セット。
サーモンピンク色のやさしい色使いで制作された、ブログサイトに必要なデザインパーツをまとめています。
Googleのインターフェースデザインをモチーフに、フラットデザインを解釈した、シンプルPSDファイル素材。
パステルカラーの配色に、やや丸みのあるボックスデザインがかわいい、オシャレUIデザイン素材。
ナビゲーションメニューやボタンデザインなど、配色も参考になりそうなUIデザインをたっぷり収録した無料PSD素材。
どこかWindows8にも似た、鮮やかな配色で制作された、UIデザイン無料PSDファイル。配色にお困りの方はいかがでしょう。
トレーニング用アプリデザインを想定した、カラフルUIデザインパーツキット。
水平方向にコンテンツが移動する、ダーク系ウェブアプリ用インターフェースデザインで、エレガントな印象を与える配色も◎。
ほんのりとボックス周りにシャドウを加えることで、より洗練された印象を表現できるPSDファイル。
メール確認ウィジェットを想定した、デザインテンプレート素材で、エメラルドグリーンの配色も素敵です。
MacBook AirやiMac、iPad、iPad Mini、iPhoneとApple家族が集合し、すべてフラットデザイン仕様に。
2013年トレンドカラーをベースに作成された、各種アイコンデザイン8個セット。
あのGoogleが使っているロゴやアイコンデザインを再現したPSDアイコン素材セット。
通称ベイビーカラーと呼ばれる、淡いパステルカラーを採用した、ボタンやラジオボックス、スライダーなどを収録。
ショッピングサイトなど何かと利用機会の多い、クレジットカードもフラットデザインで一新。
そのままステッカー感覚で活用したい、シンプルなボタン、アイコンデザイン素材セット。
Flat Vector Social Icons (EPS)
facebookやTwitter、Google+など各種ソーシャルメディアロゴのアイコン素材で、Illustarator用EPS素材として無料配布中。
サーモンピンク色の少しだけ立体的なボックス枠に、各種アイコンを収録しています。
シンプルなボタン素材で、細字フォントを利用することで、よりスタイリッシュな印象を表現します。
ファイルアップロード機能実装などに活用したい、UIデザイン素材で、必要なパーツが一通り揃っています。
Rebound Mini UI Player Grooveshark
音楽ストリーム再生で有名な、Groovesharkの再生プレイヤーを、フラットデザインで再現。
普段利用しているブラウザ画面をフラットデザインで作り替えた、モックアップ用PSDデザイン。
プレゼンテーションなどにも活用できる、ブラウザ画面をフラットデザインで制作した、シンプルPSD素材。
フラットデザインの参考、具体的サンプルWebサイト20個まとめ
素材を使ってWebサイト制作をはじめるアイデア、インスピレーションにどうぞ。
参照元リンク : 20 Free GUI Templates for ‘Flat’ Web Design – SpeckyBoy.com