flat design

実用日本語表現辞典

フラットデザイン

英語：flat design

主にユーザーインターフェイス（UI）における、質感や立体感などの要素をほとんど含まず、装飾や文字などが抑えられた、シンプルなデザインを意味する語。主に正方形が基調とされることが多く、見やすさや理解しやすさが重視される例が多い。しばしば、スキューアモーフィズムと対比される。2012年頃から特に広がりを見せているデザインであり、Windows8におけるMetro UIがフラットデザインの代表例として挙げられることも多い。また、2013年6月の「WWDC2013」基調講演において、AppleがiOS7でフラットデザインUIを採用することを正式に発表した。

（2013年6月11日更新）

デジタル大辞泉

フラット‐デザイン【flat design】

読み方：ふらっとでざいん

陰影による立体感などの装飾を排し、直線や単一の色面を使った単純明快なデザイン。特に、ウェブページやアプリケーションソフト、オペレーティングシステムなど、コンピューターのユーザーインターフェースにおける平面的なデザインを志向したものを指す。→スキュアモーフィックデザイン

IT用語辞典バイナリ

フラットデザイン

別名：フラットUIデザイン
【英】flat design, flat UI design

フラットデザインとは、主にコンピュータシステムのユーザーインターフェース（UI）において、装飾性をできるだけ抑えたシンプルで平面的なデザインの総称である。

フラットデザインにおおむね共通する特徴として、単色・ベタ塗りでメリハリのある色使い、単純で直線的・幾何学的な図形と配置、個々のパーツにではなくUI全体に着眼したデザイン設計、といった要素を挙げることができる。よりモダンで洗練された印象を与えやすく、テキパキとした操作に適したルック&フィールであるといえる。

フラットデザインに対する概念は「リッチデザイン」あるいは「スキュアモーフィックデザイン」とされる。リッチデザインは装飾性をふんだんに取り入れた華美なデザイン、スキュアモーフィックデザインは現実世界における質感・立体感の再現を志向した写実的でリアルなデザインを指すと言うことができる。

2000年代半ば以降しばらくの間、Webデザインの分野を中心として、リッチデザイン（リッチインターフェース）をUIに取り入れる流行があった。2010年代に入ると、大手サービス・人気サービスの中にフラットデザインを取り入れたものが目立ちはじめた。2011年半ばにMicrosoftがフラットデザインを取り入れたWindows 8およびWindows Phoneを発表し、Googleも2013年春までにYouTube、Google Play、Gmailなどのサービスをフラットデザイン化した。2013年6月にAppleが発表したiOS 7も、従来のスキュアモーフィックデザインから新たにフラットデザインが採用され、あらためて注目を集めている。

UIのほかの用語一覧

GUI：	プルダウンメニュー  プログレスバー  プレビューペイン  フラットデザイン  カット  カット＆ペースト  カード表示

>>GUIカテゴリの他の用語