フラットUIデザイン

デジタル大辞泉

フラット‐ユーアイデザイン【flat UI 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カテゴリの他の用語