マテリアルデザイン
マテリアルデザイン
開発者Google
初回リリース2014年6月25日 （2014年6月25日）
リリース
安定リリース[±]
Android1.12.0 [ 1 ] Wikidataで編集 / 2024年5月2日 （2024年5月2日）
iOS（廃止）124.2.0 [ 2 ] Wikidataで編集 / 2021年4月26日 （2021年4月26日）
ウェブ（廃止）14.0.0 [ 3 ] Wikidataで編集 / 2022年4月28日 （2022年4月28日）
プレビューリリース[±]
リポジトリ
言語HTML、CSS、Sass (v4)、JavaScript、AngularJS、Angular、Java、Objective-C、Swift、Dart
プラットフォームAndroid、iOS、ウェブ
タイプ設計言語
ライセンス
ウェブサイト最新バージョン

アーカイブバージョン

マテリアルデザイン（コードネーム：Quantum Paper）[ 4 ]は、2014年にGoogleが開発したデザイン言語です。Google Nowで初めて導入された「カード」UIを拡張したマテリアルデザインは、グリッドベースのレイアウト、レスポンシブなアニメーションとトランジション、パディング、照明や影などの奥行き効果を採用しています。Googleは2014年6月25日、2014 Google I/Oカンファレンスでマテリアルデザインの初期バージョンを発表しました。[ 5 ]

マテリアルデザインの開発目的は、優れたデザインの古典的な原則と、テクノロジーと科学の革新性と可能性を融合させた、斬新な視覚言語を創造することでした。ヘッドデザイナーのマティアス・ドゥアルテは、「実際の紙とは異なり、私たちのデジタル素材はインテリジェントに伸縮します。素材には物理的な表面とエッジがあり、継ぎ目や影は、触れることができるものについて意味を与えます」と説明しています。マテリアルデザインは、紙とインク、そしてスキューモーフィックなインタラクションの概念に基づいていますが、実装はより高度な方法で行われています。[ 6 ] [ 7 ] [ 8 ]

2021年、Googleはデザイン言語を刷新し、新しい言語は「Material You（マテリアルデザイン3）」と名付けられました。[ 9 ]これにより、デザイナーはより柔軟に、さまざまな形状、色、タイポグラフィを使用してカスタムテーマを作成できます。[ 10 ]

2025年には、デザイン言語の次の進化形である「マテリアル3エクスプレスシブ」が発表されました。[ 11 ]

実装

マテリアルデザインは、Googleのウェブおよびモバイル製品全体に徐々に拡張され、すべてのプラットフォームとアプリケーションで一貫したエクスペリエンスを提供しています。Googleはまた、サードパーティの開発者がデザイン言語をアプリケーションに組み込むためのアプリケーションプログラミングインターフェース（API）もリリースしています。[ 12 ] [ 13 ] [ 14 ]

ウェブアプリケーションのユーザーインターフェースのためのマテリアルデザインの標準的なオープンソース実装は、マテリアルウェブと呼ばれています。[ 15 ]

アップデート

マテリアルデザイン2 (2018)
マテリアルデザイン3 (2021)

マテリアルデザイン 2

2018年の刷新後、GoogleはAndroid Pieで登場した「マテリアルデザイン2」と呼ばれる更新された一連の原則とガイドラインに基づいて、ほとんどのアプリの再設計を開始しました。[ 16 ]マテリアルデザイン2では、マテリアルデザインの基本コンポーネントを、使用される製品のブランドに合わせてカスタマイズすることに重点が置かれました。[ 17 ]更新されたガイドラインでは、空白、丸い角、カラフルなアイコン、下部のナビゲーションバーがさらに強調されています。Googleは、独自のProduct Sansフォントのサイズを最適化した特別なバージョンであるGoogle Sansの使用を開始しました。[ 18 ]

マテリアルデザイン3（マテリアルユー）

2021年5月のGoogle I/Oで、GoogleはAndroid 12の新しいコンセプト「Material You」（別名「Material Design 3」[ 19 ]）を発表し、アニメーションの増加、ボタンの大型化、ユーザーの壁紙からカスタムUIテーマを生成できる機能を強調しました。[ 20 ] Material Youはその後数か月かけて、古いAndroidバージョンのさまざまなGoogleアプリに徐々に展開され、Pixel 6およびPixel 6 Proスマートフォンシリーズの主要な焦点となりました。[ 21 ] [ 22 ] [ 23 ]

素材3 表現力豊かな

2025年5月に開催されたAndroid Show: I/O Editionにおいて、GoogleはAndroid 16とWear OS 6向けの「Material 3 Expressive」を発表しました。このバージョンのMaterial Designは前バージョンと類似点がありますが、アニメーションが追加され、よりカラフルでモダンなデザインとなっています。[ 24 ]これは、2025年9月からPixelスマートフォン（Pixel 6以降）とPixelタブレットに段階的に展開されました。 [ 25 ]

参照

参考文献

  1. ^ 「リリース1.12.0」。2024年5月2日。2024年5月23日閲覧
  2. ^ 「リリース 124.2.0」。2021年4月26日。 2021年5月18日閲覧。
  3. ^ 「リリース 14.0.0」 . 2022年4月28日. 2022年10月28日閲覧。
  4. ^ 「独占：量子紙とGoogleの一貫したUIをシンプルにする今後の取り組み」 Techcrunch 2014年6月11日2014年6月11日閲覧。
  5. ^ 「マテリアルデザイン」 . PopArt Studio . 2024年4月10日閲覧。
  6. ^ 「Googleの新しい『マテリアルデザイン』UIがAndroid、Chrome OS、ウェブに登場」 Engadget 、 2014年6月25日。 2014年6月26日閲覧。
  7. ^ 「Googleの新しく改良されたAndroidは統一されたデザイン言語を提供する」 Co.Design 、 2014年6月25日。 2014年6月26日閲覧。
  8. ^ 「Google、Google IOでAndroid Lの詳細を発表」 Anandtech 2014年6月28日時点のオリジナルよりアーカイブ。 2014年6月26日閲覧。
  9. ^ Pablo Costa (2025年10月19日). 「Androidのデザイン史 — マテリアルデザイン3: Material You」 .
  10. ^ 「マテリアルデザイン」 .マテリアルデザイン. 2025年6月3日閲覧。
  11. ^ 「マテリアルデザイン」 .マテリアルデザイン. 2025年6月3日閲覧。
  12. ^ Chris Smith (2014年7月30日). 「Googleのマテリアルデザインは、世界中のウェブの見方を変えようとしている」 . BGR.
  13. ^ 「Android L Developer Previewを試してみた」 Engadget 、 AOL、2014年6月26日。 2014年6月26日閲覧。
  14. ^ 「Googleの次期Androidの大幅な再設計は秋に予定されている」 The Verge、Vox Media、2014年6月25日。 2014年6月26日閲覧。
  15. ^ 「Web – Material Design 3」。2023年9月8日時点のオリジナルよりアーカイブ。
  16. ^ Hall, Stephen (2018年4月26日). 「いわゆる『マテリアルデザイン2』とは一体何なのか、そしてどのような外観になるのか？」 9to5Google . 2020年9月6日閲覧。
  17. ^ 「マテリアルデザイン」 .マテリアルデザイン. 2020年9月6日閲覧。
  18. ^ Hall, Stephen (2018年5月9日). 「これでわかった：Google Sansは実際にはProduct Sansのサイズ最適化バージョンだ」 . 9to5Google . 2020年9月6日閲覧。
  19. ^マテリアルデザイン [@materialdesign] (2021年10月27日). 「マテリアルデザインの最新版がついに登場。次世代システムであるマテリアルデザイン3では、アプリをよりパーソナライズするための新機能「Material You」を導入します。ぜひお試しください → goo.gle/m3-material-io #AndroidDevSummit」 (ツイート) . 2021年10月27日閲覧– Twitter経由.
  20. ^ Bohn, Dieter (2021年5月18日). 「Android 12プレビュー：Googleの革新的な新デザインを初見」 The Verge . 2021年5月19日閲覧。
  21. ^ Warren, Tom (2021年9月10日). 「GoogleのMaterial YouデザインがAndroidのGmail、カレンダー、ドキュメントに登場」 The Verge . 2021年9月19日閲覧。
  22. ^ Li, Abner (2021年9月15日). 「Googleフォト、マテリアルユーのデザイン変更を発表、ただしダイナミックカラーは非対応」 . 9to5Google . 2021年9月19日閲覧。
  23. ^ 「Google コンタクトはすでに Material You UI の刷新を受けています」 Android Police 2021年7月29日2021年9月19日閲覧。
  24. ^ 「AndroidとWear OSが大幅に刷新される」 Google 2025年5月13日2025年5月13日閲覧。
  25. ^ Malik, Aisha (2025年9月3日). 「Google、Pixel 6以降のデバイスにMaterial 3 Expressiveを搭載、その他の機能も提供」 . TechCrunch . 2025年9月12日閲覧。
ウィキメディア コモンズには、マテリアル デザインに関連するメディアがあります。
「 https://en.wikipedia.org/w/index.php?title=Material_Design&oldid=1332434321#Updates」より取得