Quantcast
Viewing all articles
Browse latest Browse all 550

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

Image may be NSFW.
Clik here to view.
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

Image may be NSFW.
Clik here to view.
1

 

 

Interactive Advent Calendar

Image may be NSFW.
Clik here to view.
2

 

 

Buffalo

Image may be NSFW.
Clik here to view.
3

 

 

SpellTower

Image may be NSFW.
Clik here to view.
6(2)

 

 

Rdio

Image may be NSFW.
Clik here to view.
9(2)

 

 

Lorenzo Verzini

Image may be NSFW.
Clik here to view.
4(2)

 

 

NATL

Image may be NSFW.
Clik here to view.
15(2)

 

 

Data Driven London MeetUp

Image may be NSFW.
Clik here to view.
10(2)

 

 

Friends of the Web

Image may be NSFW.
Clik here to view.
13

 

 

Crafting Type

Image may be NSFW.
Clik here to view.
12

 

 

Metro Twit

Image may be NSFW.
Clik here to view.
16

 

 

Windows Phone

Image may be NSFW.
Clik here to view.
17(2)

 

 

Etch

Image may be NSFW.
Clik here to view.
18(2)

 

 

Larkef

Image may be NSFW.
Clik here to view.
19

 

 

United Pixelworkers

Image may be NSFW.
Clik here to view.
20

 

 

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


Viewing all articles
Browse latest Browse all 550

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>