Googleは2014年に、自社製品向けの統一されたビジュアル言語としてマテリアルデザインを導入しました。このシステムでは、インターフェース要素を奥行き、影、動きのある物理的なオブジェクトとして扱います。カードは表面から浮き上がり、ボタンはタップすると波打ち、画面遷移は自然なイージングカーブに従います。そのメタファーは紙ですが、伸縮、折り畳み、影を落とすことができる紙です。目標は、Android、Web、そしてGoogle独自のアプリ全体で一貫性を保つことでした。

マテリアルデザインは単なる見た目以上のものです。コンポーネント、ガイドライン、ツールからなるシステムです。タイポグラフィ、色、レイアウトグリッド、高さレベル、インタラクションパターンを規定しています。開発者は、Android、Flutter、Web 用のマテリアルコンポーネントを使用できます。デザイナーは、ゼロから構築することなくガイドラインに従うことができます。このシステムは何度か更新されており、特に 2021 年の Material You では、ユーザーの壁紙に合わせて色が変化する動的なカラーが導入されました。マテリアルデザインは、過度に規定的であることや、アプリが似通った外観になるという批判もあります。また、Google 以外にも広く採用されています。

コア要素

• 高さと影で奥行きを表現する。
• フィードバックのための動きと遷移。
• 構造のためのグリッドベースのレイアウト。
• 階層構造を示すために、大胆な色使いとタイポグラフィを用いる。

マテリアルデザインは、模倣するスタイルではありません。それは、大規模な製品エコシステム全体で一貫性のある意思決定を行うためのフレームワークです。