SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Googleがマテリアルデザインを次の段階に進化 「Material You」がもたらすもの

  • このエントリーをはてなブックマークに追加

 今回フォーカスするのは、2021年秋にリリースされるGoogleのAndroid 12の「Material You」です。デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんに解説していただきます。

  • このエントリーをはてなブックマークに追加

 こんにちは、株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。

 前回の記事ではiOS 15で新しく再設計されたSafariのUIについて取りあげました。今回は2021年秋にリリースされるGoogleのAndroid 12の「Material You」について考察していきたいと思います。

Google I/O 2021 で発表された「Material You」

 Googleの発表会「Google I/O ‘21」にて、Android 12の目玉のひとつとして新たなUIデザイン「Material You」(マテリアルユー)が発表されました。

 

 これは2014年に発表した「Material Design」(マテリアルデザイン)を次の段階に進化させたものです。「Googleアカウントで設定した好みの色と形を簡単に自分好みにでき、Web、Androidなどの環境に自動適用されるカスタムデザイン」です。

 UIデザインをユーザー自身がカスタマイズすることができ、よりパーソナルなそれぞれのスタイルに合うようなデザインにすることができます。

※2021年7月27日時点ではAndroid 12 Beta 2を試すことが可能です。GoogleのPixel 3以降なら、簡単にインストールすることができます。

Material Designをおさらい

 Googleが2014年から提唱してきた新しいUIUXのデザイン概念が「Material Design」です。Googleの製品だけでなく、テクノロジー業界全体のデザインを変革することに役立ってきました。

 Material Designのビジョンは、「テクノロジーを人々にとってシンプルで美しく、かつ合理的なものにする」というものです。マルチプラットフォームのデザインフレームワークとして育てられてきたMaterial Designは、物理的法則や配色など明確なガイドラインが定められ、美しく一貫したデジタルエクスペリエンスを構築するためのデザインシステムです。

 Googleの製品はこのシステムをベースにデザインされています。そして世界中のデベロッパーやデザイナーがこのシステムを使い、何百万ものアプリをリリースしています。

Material DesignからMaterial Themingへ

 2018年にはシステムを進化させた「Material Theming」を発表。Material Designのデザインシステムを、ブランドに合わせてカスタマイズするための仕組みです。

Overview - Material Design

出典:Overview - Material Design

 従来のMaterial Designでは、ボタンの形状や大きさをガイドラインで定義されていましたが、それに縛られるのではなく、プロダクトやブランドイメージに沿った形でカスタムカラーやコンポーネントの形状がサポートされるのがMaterial Themingです。

 テーマに合わせて細部のボタンやカードの形状が決まるため、ページ全体で統一感をもったデザインができるようなシステムになっています。

 Material Themingを利用することで表現の幅が広がり、よりブランドアイデンティティに沿ったアプリやサービスを構築することができるようになりました。

 それ以外にもダークテーマやツールなど、2019年以降にもMaterial Designは常にアップデートされ続けています。

この記事の続きは、「CreatorZine」に掲載しています。 こちらよりご覧ください。

※CreatorZineへの会員登録(無料)が必要になる場合があります。

この記事は参考になりましたか?

  • このエントリーをはてなブックマークに追加

この記事は参考になりましたか?

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/14744 2021/08/25 08:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング