あのAppleも採用！今流行のフラットデザインとは？

フラットデザインは最近の流行です。特徴は平面的で、シンプルさや分かりやすさを追求し無駄を排除したところ。ミニマムなデザインと言えます。
対極に位置するのがリッチデザインといわれる従来のデザイン。リッチデザインは、できるだけ現実に似せようとしたのが特徴です。例えば、影や質感、立体感に力が注いであるなど。WindowsxpやWindows7はリッチスタイルといえます。

スイス・スタイルと呼ばれる、1950年代にスイスで作られたデザインがルーツと言われています。ドイツのバウハスというアート・スクールがこのスイススタイルを利用しフラットデザインができたようです。

初めてこのスタイルがIT業界に出たのは2002年のwindows Media Centerといわれいます。今のフラットデザインとは少し違いますが、確かにフラットデザインらしき要素を持っていました。

多少リッチな雰囲気もあるもののそれっぽさがあります。

2006年に発売されたマイクロソフトのZuneというMP3プレーヤーのUIもフラットデザインの要素を持っています。

2010年になりWindows Phone 7が発売されます。ここから今のフラットデザインの本格的なスタートです。Windows8もフラットデザインで作られ斬新なUI「メトロ」で話題になりました。フラットスタイルブームの火付け役はMicrosoftといえますね。アップルは2013年のIOS 7からフラットスタイルを採用しました。
以前のIOSと見比べると全然違います。XBOX360というゲーム機も思い返せば早くからフラットデザインを利用していました。

大きく違う点は3つ

・影があるかないか
・光沢などの質感の有無
・リアルなテクスチャの有無
です。

フラットデザインでは影がありません。だから名前の通りフラットに見えます。影のついた立体視は負荷になりますが、フラットスタイルではそれが起きないので体にいいです。そのため広く受け入れられているといえます。

光沢、輝きは美しさの重要な要素ですがフラットスタイルにはありません。こちらも影と同じ理由でないほうが目にいいため人気があります。

リアルなテクスチャといえば金属を表すためにロゴに金属のテクスチャをいれるとかです。フラットデザインではこういったテクスチャを使いません。あるのはバランスのいい”色”のみです。
テクスチャも上記2点と同じで目に疲れます。そのため使わない方がユーザーに負担をあたえません。

特に現代人はパソコンを使う時間が増えてきました。良く見る画面がリッチだと常に負荷を感じてしまいます。フラットデザインは効率や体のことを考えた上で必然的に生まれたのかもしれません。

・影をつけない
・光沢や質感をつけない
・テクスチャをつかわない
この3つを守ると余裕でフラットデザインができます。

ロングシャドウは直訳で「長い影」です。あれっ影？って思うかもしれませんが画像のように使うので細かい立体感は出ません。影を影ではなくデザインの一部として使うやり方です。

ゴーストボタンは覚えておきたいテクニック。ふちだけで囲い中身をくりぬいたボタンです。簡単にできるのでやってみてください。

文字は細くてもできますが、太文字が無難です。文字自体がデザインの一部になるフラットデザインは、文字がしっかり色を持てるよう太字がいいでしょう。

パステルカラーのような明度の高い色を使うのが配色のコツです。