Loading article…
フラットデザインは、グラフィカルユーザーインターフェース（GUI）（ Webアプリケーションやモバイルアプリなど）で一般的に使用されるミニマルなデザイン言語またはデザインスタイルであり、ポスター、アート作品、ガイドドキュメント、出版物などのグラフィック素材にも使用されます。
フラットデザインは、シンプルな要素、タイポグラフィ、フラットカラーのミニマルな使用を重視するインターフェースデザインのスタイルです。 [ 1 ]
フラットデザインは、インターフェースデザインをより合理化して効率的にできるため、デザイナーはフラットデザインを好む場合があります。視覚的に魅力的で親しみやすい見た目を保ちながら、情報を素早く伝えることが容易になります。[ 2 ] [ 3 ]さらに、さまざまなデバイスでブラウザサイズの変化に反応するインターフェースを設計しやすくなります。最小限のデザイン要素により、ウェブページはより速くダウンロードされ、簡単にサイズ変更でき、高解像度の画面でも鮮明に表示されます。[ 2 ]デザインアプローチとしては、スキューモーフィズム[ 4 ]やリッチデザイン[ 2 ]と対比されることがよくあります。
フラットデザインは主に、国際タイポグラフィスタイル（スイススタイルとも呼ばれる）、テキストユーザーインターフェース、モダニズム、バウハウスから生まれたスタイルに影響を受けています。[ 2 ] [ 5 ] [ 6 ] [ 7 ]国際タイポグラフィスタイルは、フラットデザインに最も大きな影響を与えたものとみなされることが多く、1950年代と1960年代に出現し普及したことがフラットデザインの出発点とされていますが、デジタル世界にはその後しばらく登場しませんでした。[ 8 ]
2002年にマイクロソフトはWindows Media Centerを、2006年にはZune MP3プレーヤーをリリースしたが、どちらもフラットデザインの要素を含んでいた。Zuneのデザインは、大きな小文字のタイポグラフィ、シルエットスタイルのロゴ、単色のフォントカラーに重点を置いた、すっきりとしたシンプルなものだった。[ 8 ]マイクロソフトはこのデザインスタイルを2010年のWindows Phone 7のリリースでも継続し、Zuneで導入されたフラットデザインの要素を「Metroデザイン言語」として体系化した。このデザインは、 Segoeフォントファミリーのサンセリフのタイポグラフィ、フラットな画像、グリッドのようなパターンのメニューとともに、大きくて明るい形状が特徴だった。Metroはその後、 Windows 8 PCオペレーティングシステムを含むすべてのマイクロソフトのソフトウェアラインに採用された。[ 2 ]
Android は2011 年に4.0 「Ice Cream Sandwich」でフラットデザインのトレンドを採用し始めました。Googleのデザイン担当副社長である Matias Duarte 氏は、Apple の iOS はスキューモーフィズムが強すぎると感じ、Windows Phoneは「空港のトイレの標識」のようで、どちらのインターフェースもデザイナーの柔軟性が限られていて、標準化されすぎていると感じていました。プラットフォームの新しい「Holo」インターフェースは、ネオンブルーのアクセント、硬いエッジ、奥行きを出すためのドロップシャドウなど、過去の Android バージョンよりもシンプルに見えるように設計されました。[ 9 ] [ 10 ] [ 11 ] [ 12 ]
2013 年、Apple はiOS 7を発表し、より明るい色、タイポグラフィ、ぼかしや半透明のオーバーレイを使用したフラット UI デザインに移行しました。[ 13 ] [ 14 ] [ 15 ]翌年、OS X Yosemite はiOS 7 スタイルのユーザー インターフェイスを Apple のMac OS Xオペレーティングシステムに導入しました。[ 16 ] Google は、Android ( Android 5.0 「Lollipop」から) およびその他のプラットフォーム向けに「 Material Design 」として知られる独自のフラット デザイン言語を導入し始めました。これは、インデックス カードのようなシートと、奥行きと階層性を強調するための影の使用、およびスムーズなアニメーションとトランジションに基づいています。[ 17 ] [ 18 ] [ 19 ] [ 20 ]
2017年、マイクロソフトは新しいフラットユーザーインターフェースであるFluent Design Systemを発表しました。この新しいインターフェースは、奥行き[ 21 ] 、インターフェースのフィードバック、そしてマイクロソフトが「アクリル」と名付けた新しい半透明効果の使用により、前身のMetroとは一線を画しています。
フラットデザインは、ユーザーインターフェースを直感的でなく、使いにくくするとして批判されてきました。すべてのデザイン要素（メニュー、ボタン、リンクなど）をフラットにすることで、要素がどのような機能を果たすのかを区別することが難しくなる場合があります。たとえば、要素がボタンなのかインジケーターなのかを判断することが難しくなります。[ 22 ] [ 23 ]研究によると、フラットデザインは高齢者よりも若年層に人気があります。また、若年層はフラットデザインの操作が速い一方で、ユーザーインターフェースの理解に苦労していることも研究で明らかになりました。[ 24 ] 2013年、ユーザーインターフェースデザインとユーザビリティの専門家であるヤコブ・ニールセンは、フラットデザインを「タブレットのユーザビリティに対する脅威」と呼びました。ニールセンはまた、スキューモーフィズムとフラットデザインの中間的な代替案を提案しました。[ 25 ]ニールセングループが2017年に実施した調査によると、フラットデザインを使用したインターフェースの使用は平均で22%遅くなりました。[ 26 ]