フラットデザインって何？

最近のブームのはじまりはWindows8の「モダンUI（Metro UI）」あたりから。見た目の特徴としては、

• 平面的：ドロップシャドウなどの3次元的な処理はしない
• ミニマルな表現。グリッドや形状は正方形、長方形、正円などで構成され、角丸もグラデーションもほとんど使わない。
• カラフルな色使い
• タイポグラフィーを重視

ということ。ただし、見た目だけなら、似たデザインはありました。

Adobe CS3,4,5のアイコンとか。

WillcomのBaumのメニューとか。

つまり、見た目だけの問題ではなく、現在の「ブームになっている」フラットデザインを理解するには、以下の文脈で理解する必要があります。

• タッチデバイス（スマートフォンやタブレットなど）で操作されることを前提にデザインされている。
• iOS 6までのデザイン、skeuomorphism（スキューアモーフィズム）に対するアンチテーゼとして、または、よりモダンで洗練されたデザインとして評価されている

新しい操作方法の習得段階ではメタファーは有効

skeuomorphismとは、アプリの外観に、現実のモノの見た目や質感を与えて「直感的に操作方法を想像させる」ことです。
例えば電子書籍リーダーに紙の質感やページめくりのエフェクトを与えたり、録音機能のあるアプリにマイクを表示したりする手法です。

マルチメディアの時代にもメタファーがあり、そして廃れた

昭和生まれの人ならご記憶かもしれませんが、かつて、「マルチメディア」というブームがありました。パソコンにCD-ROMドライブが搭載されたり、Quick Timeで動画が再生可能になったりしたあの頃、ソフトウェアのインターフェースには好んで「絵本」や「ブラウン管TV」などが使われたものです。2013年現在、それらは「Amazon」や「Kindle」や「YouTube」のようなインターフェースに置き換わっています。
黎明期のデザインには、オンラインショッピングという概念を伝える役割がありました。オンラインショッピングが普及した後には、町並みや店舗のイラストは役目を終えて退場した、という事です。

モノは廃れる。行為は手段が置き換わるが廃れない

2013年現在、生き残っているメタファーもいずれ消えてしまうかもしれません。既に世代的に分からなくなっているメタファーには「保存」を表すフロッピーディスクのイラストがあります。

電話や受話器も、よく使われているイラストのような電話を見た事がない世代が増えているはずです。これらはピンとくるのでしょうか？

元の形から離れて、既に記号になっているものもあります。しかし、あまりテクノロジーに依存したものは避けた方が良いでしょう。

フラットデザインのポリシー

そうした流れを理解した上で、単なる流行に終わらないフラットデザインを考えてみました。