マテリアルデザイン

概要

2014年にGoogleが提唱したデザインシステム（ガイドライン）。 「画面上の要素も、現実世界の物質（Material）と同じような物理法則に従うべきだ」という考え方に基づいている。 AndroidアプリやGoogleのWebサービスの標準デザインとなっている。

特徴

1. 紙とインクのメタファー: 画面上のカードやボタンは、「厚みのある紙」が重なっていると考える。だから、上の紙は下の紙に「影（シャドウ）」を落とす。
2. 意味のある動き: ボタンを押すと、そこから波紋のように色が広がる（リップルエフェクト）。これは「どこを押したか」をユーザーに伝えるためのフィードバックである。
3. 大胆な色使い: ブランドカラーを強調した鮮やかな配色。

フラットデザインとの違い

Appleなどが採用した「フラットデザイン（影や立体感を完全に排除した平面的なデザイン）」が行き過ぎて、「どこが押せるボタンか分からない」という問題が起きた。 それに対し、マテリアルデザインは「影」を使って奥行きを表現することで、直感的な操作性を復活させた（フラットデザイン 2.0とも呼ばれる）。