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

15flatdesign_top

 

最近Yahooが、8年ぶりに検索窓をリニューアルしたそうで、どこかGoogleにも似たUIデザインが話題となりました。

 

「フラット・デザイン」というワードで、デザイントレンドにもなっており、確かに多くのWebサイトやブログなどが、取り入れてきています。Windows8のモダンUI(メトロスタイル)に採用されているのは、記憶にあたらしいところです。

 

 

海外デザインブログLine25.comで、フラットデザインの参考サイトを20個まとめたエントリー「20 Great Examples of the Flat Trend in Web Design」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

フラットデザインとは。

 

明確な定義などはないようですが、フラットデザインの特長としては、余分なデザインを一切省きつつ、ドロップシャドウや質感系テクスチャ、カラフルなグラデーション、グリッドを意識したレイアウト、シンプルなタイポグラフィーを使ったデザインということになっています。Windows 8のインターフェース画面が、分かりやすいかもしれません。

 

 

今年のウェブデザイントレンドとしても、注目されており、今後デザイン制作する機会も増えるかもしれませんね。

 

 

 

「フラットデザイン」のサンプルWebデザインまとめ

 

LayerVault

1

 

 

Interactive Advent Calendar

2

 

 

Buffalo

3

 

 

SpellTower

6(2)

 

 

Rdio

9(2)

 

 

Lorenzo Verzini

4(2)

 

 

NATL

15(2)

 

 

Data Driven London MeetUp

10(2)

 

 

Friends of the Web

13

 

 

Crafting Type

12

 

 

Metro Twit

16

 

 

Windows Phone

17(2)

 

 

Etch

18(2)

 

 

Larkef

19

 

 

United Pixelworkers

20

 

 

参照元リンク : 20 Great Examples of the Flat Trend in Web Design – Line25.com