フラットデザイン(Flat Design)とは、2013年にWEBで流行したデザイン手法のこと。
iPhoneやMacでappleが取り入れたスキューモーフィズム(skeuomorphism)という、現実の質感を追求したリアリズムの対極として、ドロップシャドウやグラデーションを使わない単色・もしくはカラフルな色遣いで構成されるシンプルなデザインのことを指す。
ちなみに、このフラットデザインは過去にも流行したスイスデザインのリバイバルである、ともされています。
渋谷にあるウェブマーケティング、ウェブメディアプロモーションの会社。 縦長の高級ペライチスタイルで、フラットデザインを基本にスッキリとまとめています。 最近はこういうワンページデザインのコーポレートサイトが非常に増えてき […]
世界一のピアノメーカー スタインウェイの公式サイト。 グレーとゴールドっぽいベージュを基調に、高級感と重厚感を持ったデザインに仕上がっています。 ヘッダーメニューの「取り扱いピアノ」部分はアマゾンから流行が始まったメガメ […]
クラウド上でホームページ制作がだれでも簡単にできるBiND Cloudのウェブサイト。 メインビジュアルの立体感の有るフラットデザイン(矛盾してますねw)が印象的です。全体的にスッキリとまとまっている印象です。
http://themarsknowledge.com/blog/
こけむさずの石嶋未来さんが運営するデザイナー育成事業のマーズナレッジのブログ。 ポリゴンで描かれた火星のイラストが印象的です。メインビジュアルのインパクトと対照的にコンテンツ部分はシンプルに情報を伝えることにフォーカスし […]
コンタクトレンズブランド のウェブサイト。 雫がしたたる形状にトリミングされたメインビジュアルがさりげなくオシャレですね。 ホワイトスペースを広めにゆったりとデザインされており、ハイセンスな印象です。
http://the3doodler.jp/3doodler-2/
2.0にバーションアップされた空中に絵を描ける3Dペン「3Doodler」のウェブサイト。 3Doodlerは世界初の3Dペンとして発売された商品です。 商品そのもののインパクトが強いので、過剰なデザインに頼らず最低限の […]
http://www.bake-jp.com/#content
最近話題の焼き菓子系スタートアップ起業のウェブサイト。 スイーツというともっとゴチャゴチャっとした印象の女性的なウェブサイトが多いんですが、こちらは男性的でポップカルチャー寄りのイエローとブラックで構成された配色が素敵で […]
http://www.miyakojima-style.jp/
沖縄 宮古島の観光紹介サイト。 ハイセンスな家具通販ウェブサイトのような高級感のあるデザインで、「こういう休日を沖縄で過ごすのもいいなぁ」と思わせてくれるデザインですね。 レスポンシブWEBデザインになっています。
http://www.kankomie.or.jp/special/kumanokodo/
三重県観光連盟の熊野古道を紹介する特設サイト。 淡いピンクや黄色のザラッとしたテクスチャの色使いで、女性でも親近感がわくようなポップなデザインに仕上がっています。
http://shinetsu-shizenkyo.com/
フラットな単色イラスト背景とダイナミックなレイアウトが素敵です。 たまに解像度の低い写真が混ざっているのが残念ですが、クオリティ高いです。 パララックス的なアニメーションもいいですね。