0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Google I/O 2021 Material Youについて

Posted at

前身となったMaterial Design

  • Googleが推しているデザインのガイドライン
  • ユーザエクスペリエンスを向上、統一させるためのもの
    • Androidだけではなく、WebやiOSなど様々なプラットフォーム向けにライブラリが用意されている
    • どのサービスでもユーザエクスペリエンスを共通にすることで、ユーザが直感的に操作できるようになる
    • 同じくGoogleが提供しているクロスプラットフォーム開発に用いられるFlutterもUIパーツはMaterial Designに準じたものになっている

Material DesignはWebサイトにてガイドラインが公開されているため、誰でも学ぶことができるものになっている。
詳しくはこちら

Material You

GoogleI/Oにて発表されたMaterial Designの流れを汲んだ新しいデザインフレームワーク。
今後全てのGoogle製品で採用されていくらしい。

Android12からMaterial Youが標準搭載されるため、beta版のAndroid12と既存のAndroid10を比べてみた。

Material Youの特徴①:デザインの一新

  • 全体的に丸みのあるデザインに変更されている
  • Android10だとフォントサイズや調整バーなどが細いのに対して、太めに設定されている
  • クイック設定もボタンの大きさや通知のサイズが全体的に大きくなっている

新規事業エンジニア勉強会_20210624.png

Material Youの特徴②:パーソナライズ

  • UIのカラー、デザインをパーソナライズすることができる
    • ユーザが使用している壁紙から色を抽出し、色調を設定することができる
      • サービス横断で色調を統一することで、端末のデザインがパーソナライズされる
  • 色だけでなく、UIそのものの調整(カスタマイズ?)も可能になるらしい

Material Youの特徴③: UIをあらゆる画面に対応

  • 様々な画面サイズのデバイスに合わせてUIを変えることができる
  • Android12のヴィジェットはサイズによってデザインを変えられるようになった
2021-09-28 19.19.40.png

Material You全体の感想

  • UIのカラー、デザインのカスタマイズがユーザ側からどれくらいの自由度で変えることができるのかが気になる

    • OSシステムだけ? アプリ側はどの程度適用される?
  • ウィジェットのデザインも結構自由に変わってる

    • Android12からヴィジェットの新機能が色々と出ているので、Googleさん的には推しだったりするのだろうか...
  • 全体的に丸みのあるデザインに変更されいる

    • アプリ側もこのデザインで統一するとOS側とのユーザエクスペリエンス差が少なくなりそう...

お試し

MDC-Androidに『Material 3』が追加されていました。どうやらこれがMaterial Youみたいです...
サンプルアプリも見ることができるため、気になる方はチェックしてみてください

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?