Web制作

[M]流行中!思わずうっとりした、シンプルなのに派手なフラットデザインサイトまとめ

20130622

こんにちは!MIU(@miu0512)です!最近私のiPhone4Sの電話が受けられなくなったり不具合が続いています。5Sは絶対予約すると思います。そこで!今アツイ「フラットデザイン」を使った素敵サイトを集めてみました。

すべてはここから始まった・・・Windows8

[browser-shot width=”600″ url=”http://windows.microsoft.com/ja-jp/windows/home”]
http://windows.microsoft.com/ja-jp/windows/home

1:企業サイトに最適な、シンプルフラットデザイン

[browser-shot width=”600″ url=”http://teamsort.com/”]
http://teamsort.com/
私も最近はよく、「海外みたいにフラットな感じのデザインがいい」と言われて依頼を受けることが多いです。そして私も、シンプルなのにデザイン性あふれるフラットデザインは大好きです。このサイトデザインは、一番需要がありそうなパターンですね!

2:一見シンプルだけど細かい動きが隠れてるフラット×モーションデザイン

[browser-shot width=”600″ url=”http://www.bakeagency.it/#/”]
http://www.bakeagency.it/
横に奥行きのあるスライドモーションがフラットデザインとセットに。動きがなめらかで、右側の「目」を押すとサイトマップのように全ページが表示され、まるでMac!一番びっくりしたのは、WordPressのはずなのに、ソースがものすごく綺麗。私もこんな技術が欲しい・・・

3:動きがユニークな、海外らしいフラット×モーションデザイン

[browser-shot width=”600″ url=”http://www.leedsbuildingsociety.co.uk/resources/kick-my-habits/”]
http://www.leedsbuildingsociety.co.uk/resources/kick-my-habits/
まさに海外の遊び心が詰まったサイトデザイン。紫を基調とした配色で、ドラッグすると動きも変わるのが面白い!思わずあちこち触りたくなります。特に一番最初に開いた時、ローディング後足がドン!と降りてくるところが好きです。ここまで作れたらきっと楽しいんだろうなぁ・・・><。

4:色合いが大好き!ポップで可愛いフラットデザイン

[browser-shot width=”600″ url=”http://www.designzoom.in/”]
http://www.designzoom.in/
配色がスキ。タイポグラフィデザインも素敵。実は今回選んだサイトの中で一番好みのデザインだったりします!配色もそうですが、各詳細ごとにサイトメニューがいい感じに溶け込んでいます。仕事用のポートフォリオサイト、このデザインを参考にリニュしちゃおうかしら・・・!

5:動作が本当に細かい!思わず「すごい!」と感動したフラットデザイン

[browser-shot width=”600″ url=”https://layervault.com/”]
https://layervault.com/
スライド3枚目と4枚目に感動しました!(特に3枚目)スライドだけではなく、トップページ下の各項目のアニメーションも本当に細かい動きで感動します。一つ一つはちょっとした小さな動きなのに、すごく賑やかなサイトのように見え、思わず「すごいなぁ」とため息ついてしまいました・・!

おまけ

実は日本でも続々とフラット化がすすんでいるのです。特にこの夏、サイトリニューアルを行う大手が結構多い。私が仕事で関わっているところでも、去年から色々と調査をして、今年の夏にむけてのUIリニューアルを行なっている最中です。その中でいち早く最新トレンドを追ったのが、さすが「ユニクロ」

[browser-shot width=”600″ url=”http://www.uniqlo.com/jp/”]
http://www.uniqlo.com/jp/
特にアパレル関係は写真をグリッドデザインで魅せるところが多いと思うので、フラットデザインは相性がいいのかもしれないです。

さいごに・・・

これまでいろいろなデザインの流行がありましたが、フラットデザインは多くの企業が取り上げていることもあり、今後の定番デザインの一員となるかもしれないと勝手に思っちゃっています。もちろん今までのような、アーティスティックなデザインもなくなることはないと思うのですが・・・なんだか、ますますサイトデザイン毎の差別化が難しくなってきたような気もしています。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitter でみうをフォローしよう!

About

みう

みう (@miu0512)

フリーランス4年を経て起業。ホームページ制作やLP制作を企画からマーケティングまですべて請けているため、「Webコーディネーター」として活動中。

Category

Popular

  • 本日
  • 週間
  • 月間
  • 殿堂

本日の人気記事

週間の人気記事

月間の人気記事

殿堂の人気記事

PAGETOP