Loading article…
 | |||||||||||||||||
 Android 12のマテリアル デザイン 3 | |||||||||||||||||
| 開発者 | グーグル | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 初回リリース | 2014年6月25日 | ||||||||||||||||
| |||||||||||||||||
| 書かれた | HTML、CSS、Sass (v4)、JavaScript、AngularJS、Angular、Java、Objective-C、Swift、Dart | ||||||||||||||||
| プラットフォーム | Android、iOS、ウェブ | ||||||||||||||||
| タイプ | デザイン言語ソフトウェア | ||||||||||||||||
| ライセンス |
| ||||||||||||||||
| Webサイト | 最新バージョン
アーカイブバージョン
| ||||||||||||||||
マテリアルデザイン（コードネームQuantum Paper）[4]は、 2014年にGoogleが開発したデザイン言語です。Google Nowでデビューした「カード」を拡張したマテリアルデザインは、グリッドベースのレイアウト、レスポンシブなアニメーションとトランジション、パディング、照明や影などの奥行き効果を使用します。Googleは2014年6月25日、2014 Google I/Oカンファレンスでマテリアルデザインを発表しました。[5]
マテリアル デザインの主な目的は、優れたデザインの原則と技術的および科学的革新を組み合わせた新しい視覚言語を作成することです。デザイナーのMatías Duarteは、「実際の紙とは異なり、デジタル マテリアルはインテリジェントに拡張および変形できます。マテリアルには物理的な表面とエッジがあります。継ぎ目と影は、触れることができるものについて意味を与えます。」と説明しています。Google は、新しいデザイン言語は紙とインクに基づいていますが、実装は高度な方法で行われると述べています。[6] [7] [8]
2018年、Googleは言語の刷新の詳細を発表し、デザイナーがさまざまな形状、色、タイポグラフィでカスタム「テーマ」を作成できるように柔軟性を高めることに重点を置きました。2021年には、Material Youと題されたデザイン言語のさらなる進化が発表されました。[9]
実装
マテリアルデザインは、Googleのウェブおよびモバイル製品全体に徐々に拡張され、すべてのプラットフォームとアプリケーションで一貫したエクスペリエンスを提供します。Googleはまた、サードパーティの開発者がデザイン言語をアプリケーションに組み込むためのアプリケーションプログラミングインターフェース（API）をリリースしました。[10] [11] [12]
ウェブアプリケーションのユーザーインターフェースのためのマテリアルデザインの標準的なオープンソース実装は、Material Webと呼ばれています。[ 13 ]
アップデート
マテリアルデザイン2
2018年の刷新後、Googleは「マテリアルデザイン2」と呼ばれる更新された一連の原則とガイドラインに基づいてほとんどのアプリの再設計を開始しました。 [14 ]これは、マテリアルデザインの基本的なコンポーネントをカスタマイズして、使用されている製品のブランドに適応させることに重点を置いています。[15]更新されたガイドラインでは、空白、丸い角、カラフルなアイコン、下部のナビゲーションバーがさらに強調されています。Googleは、独自のProduct Sansフォントの特別にサイズが最適化されたバージョンであるGoogle Sansを使い始めました。[16]
マテリアル デザイン 3 (Material You)
2021年5月のGoogle I/Oで、GoogleはAndroid 12の新しいコンセプト「Material You」（別名「Material Design 3」[17]）を発表し、アニメーションの増加、ボタンの大型化、ユーザーの壁紙からカスタムUIテーマを生成できる機能を強調しました。[9] Material Youはその後数か月で古いAndroidバージョンのさまざまなGoogleアプリに徐々に展開され、Pixel 6およびPixel 6 Proスマートフォンシリーズの主要な焦点となりました。[18] [19] [20]
参照
参考文献
- ^ “リリース 1.11.0”. 2023年12月14日. 2023年12月19日閲覧。
- ^ “リリース 124.2.0”. 2021年4月26日. 2021年5月18日閲覧。
- ^ “リリース 14.0.0”. 2022年4月28日. 2022年10月28日閲覧。
- ^ 「独占：量子ペーパーとGoogleの一貫したUIをシンプルにする今後の取り組み」Techcrunch 2014年6月11日。 2014年6月11日閲覧。
- ^ 「マテリアルデザイン」. PopArt Studio . 2024年4月10日閲覧。
- ^ 「Google の新しい「マテリアル デザイン」UI が Android、Chrome OS、ウェブに登場」。Engadget。2014年6 月 26 日閲覧。
- ^ 「Google の新しい改良版 Android は統一されたデザイン言語を提供する」Co.Design 2014 年 6 月 25 日。2014年6 月 26 日閲覧。
- ^ 「Google、Google IOでAndroid Lの詳細を発表」Anandtech 2014年6月26日閲覧。
- ^ ab Bohn, Dieter (2021-05-18). 「Android 12プレビュー：Googleの急進的な新デザインを初見」The Verge . 2021-05-19閲覧。
- ^ Chris Smith (2014 年 7 月 30 日)。「Google のマテリアル デザインは、ワールドワイド ウェブの見方を変えようとしています」。BGR。
- ^ 「Android L Developer Preview を試してみた」Engadget . AOL . 2014 年6 月 26 日閲覧。
- ^ 「Google の次の大きな Android 再設計は秋に予定されています」。The Verge。Vox Media。2014 年 6 月 25 日。2014年6 月 26 日閲覧。
- ^ 「Web – マテリアルデザイン 3」。2023年9月8日時点のオリジナルよりアーカイブ。
- ^ Hall, Stephen (2018-04-26). 「いわゆる『マテリアルデザイン2』とは一体何なのか、そしてどのような外観になるのか？」9to5Google . 2020年9月6日閲覧。
- ^ 「マテリアルデザイン」。マテリアルデザイン。 2020年9月6日閲覧。
- ^ Hall, Stephen (2018-05-09). 「これでわかった：Google Sans は実際には Product Sans のサイズ最適化バージョンである」。9to5Google。2020年9月6日閲覧。
- ^ マテリアルデザイン [@materialdesign] (2021年10月27日). 「🎊 マテリアルデザインの最新版がご利用いただけるようになりました。次世代のシステムであるマテリアルデザイン3では、アプリをよりパーソナライズするための新しい機能セットであるMaterial Youを導入しています。ぜひお試しください→goo.gle/m3-material-io #AndroidDevSummit」(ツイート) . 2021年10月27日取得– Twitter経由。
- ^ Warren, Tom (2021年9月10日). 「GoogleのMaterial YouデザインがAndroidのGmail、カレンダー、ドキュメントに登場」The Verge . 2021年9月19日閲覧。
- ^ Li, Abner (2021年9月15日). 「Google フォト、Material You の再デザインを発表、ただし Dynamic Color はなし」. 9to5Google . 2021年9月19日閲覧。
- ^ 「Google コンタクトはすでに Material You UI の刷新を受けています」。Android Police。2021年 7 月 29 日。2021 年 9 月 19 日閲覧。
外部リンク
ウィキメディア・コモンズには、マテリアルデザインに関連するメディアがあります。
- 公式サイト
- マテリアルデザイン1
- マテリアルデザイン2
- マテリアルデザイン3