フラットデザインとは【意味/読み/英語表記】（ふらっとでざいん/Flat Design）

フラットデザインの概要

フラットデザインは、余計な装飾を排し、要素の立体感を消した平面のシンプルなデザインです。

フラットデザインの詳細

コンピューターの普及以来、最初はグラフィックは全てフラットデザインだったものの、少しずつ画面という平面の中で現実のモノを表現するために立体感を施したリッチなデザインが主流となってきました。たとえばiPhoneは、当初はアプリのアイコンが立体的だったものの、iOS7からフラットデザインが適用され、それに追随するようにフラットデザインが世に広まっています。

コンピュータだけでなく、スマートフォンやタブレットなど、デザインを表示するデバイスの種類が増えた世の中、マルチデバイスに対応するデザインが必要とされています。具体的には、いままでの立体感のあるデザインだとPC表示では綺麗に見えていたものが、スマートフォン上では文字が潰れている、といったことを避けなければいけません。シンプルで要素の少ないフラットデザインは、どのデバイスでもデザインが崩れず同じように表示されるという特徴があります。

フラットデザインを行うときに意識すべきことは2つです。

■テキストのフォントをシンプルなものに
フラットデザインは、シンプルなイメージを与えます。テキストのフォントをリッチな書体にしたり、太字にしてしまうと全体のデザインが崩れてしまうので、なるべくゴシック系などのモダンなフォントを使いましょう。

■たくさんの色を使わない
フラットデザインは、余白が重要になります。使う色が多いと、余白感が損なわれ、全体のシンプルな印象を崩してしまいます。

フラットデザインの関連項目

・UI/UX
・カラーパレット
・トンマナ
・フォント
・マテリアルデザイン