マテリアルデザイン(コードネーム:Quantum Paper)[ 4 ]は、2014年にGoogleが開発したデザイン言語です。Google Nowで初登場した「カード」UIを拡張したマテリアルデザインは、グリッドベースのレイアウト、レスポンシブなアニメーションとトランジション、パディング、照明や影などの奥行き効果をより多く使用しています。Googleは、2014年6月25日に開催された2014 Google I/Oカンファレンスで、マテリアルデザインの初期バージョンを発表しました。[ 5 ]
マテリアルデザインの開発目的は、優れたデザインの古典的な原則と、技術と科学の革新性と可能性を融合させた、斬新なビジュアル言語を作り出すことでした。主任デザイナーのマティアス・ドゥアルテは、「実際の紙とは異なり、私たちのデジタル素材はインテリジェントに拡張および再形成されます。素材には物理的な表面とエッジがあります。継ぎ目と影は、触れることができるものについての意味を与えます」と説明しました。マテリアルデザインは、紙とインク、スキューモーフィックなインタラクションの概念に基づいていますが、その実装はより高度です。[ 6 ] [ 7 ] [ 8 ]
2021年、Googleはデザイン言語を刷新し、新しい言語はMaterial You(Material Design 3)と名付けられました。[ 9 ]これにより、デザイナーはさまざまな形状、色、タイポグラフィを使用してカスタムテーマを作成するための柔軟性が向上しました。[ 10 ]
2025年には、「Material 3 Expressive」と題されたデザイン言語の次の進化形が発表された。[ 11 ]
マテリアルデザインは、Googleのウェブおよびモバイル製品全体に段階的に展開され、すべてのプラットフォームとアプリケーションで一貫したエクスペリエンスを提供しています。Googleはまた、サードパーティ開発者がデザイン言語をアプリケーションに組み込むためのアプリケーションプログラミングインターフェイス(API)も公開しています。 [ 12 ] [ 13 ] [ 14 ]
ウェブアプリケーションのユーザーインターフェース向けのマテリアルデザインの標準的なオープンソース実装は、Material Web と呼ばれています。[ 15 ]ただし、Flutter [ 16 ]やJetpack Compose [ 17 ]など、他にも公式な実装方法があります。
2018年の刷新後、GoogleはAndroid Pieに登場した「Material Design 2」と呼ばれる更新された一連の原則とガイドラインに基づいて、アプリのほとんどを再設計し始めました。[ 18 ]これは、使用されている製品のブランディングに合わせて、基本的なMaterial Designコンポーネントのカスタマイズに重点を置いたものです。[ 19 ]更新されたガイドラインでは、さらにホワイトスペース、丸みを帯びた角、カラフルなアイコン、下部のナビゲーションバーが強調されています。Googleは、独自のProduct Sansフォントのサイズ最適化バージョンであるGoogle Sansの使用を開始しました。[ 20 ]
2021 年 5 月に開催されたGoogle I/Oで、Google はAndroid 12の「Material You」(「Material Design 3」とも呼ばれる[ 21 ])という新しいコンセプトを発表しました。これは、アニメーションの増加、ボタンの大型化、ユーザーの壁紙からカスタム UI テーマを生成できる機能などを強調したものです。[ 22 ] Material You は、その後数か月かけて古い Android バージョンのさまざまな Google アプリに徐々に展開され、Pixel 6およびPixel 6 Proスマートフォン シリーズの主要な焦点となりました。[ 23 ] [ 24 ] [ 25 ]
2025年5月のThe Android Show: I/O Editionで、GoogleはAndroid 16とWear OS 6向けの「Material 3 Expressive」を発表しました。このバージョンのMaterial Designは、前バージョンと類似点があり、アニメーションの改善と、よりカラフルで楽しいデザインが含まれています。[ 26 ]これは、2025年9月からPixelスマートフォン(Pixel 6以降)とPixel Tabletに段階的に展開されました。 [ 27 ]