SHOEISHA iD

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

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

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

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

「Material You」におけるデザインの特徴

 Material Youは「あなた」が共同クリエイターとなり、ボタンやアイコンの色、サイズ、ステータスバー、マージン、テキストサイズ、フチの有無などをカスタムすることができます。

出典:Google「Unveiling Material You」

出典:Google「Unveiling Material You」

 まずひとつの大きな特徴として挙げられるのは、全体の色調を統一するパーソナライズ機能です。アプリで使用されるカラーパレットをカスタマイズすることにより、各ユーザーのスタイルと好みに適応することができます。

出典:Google「Android 12 Beta: Designed for you」

出典:Google「Android 12 Beta: Designed for you」

 ユーザーが設定した壁紙から色を抽出しアルゴリズムで最適なカラーパターンを生成。これにより優勢な色と補完的な色を自動的に判断し、それがロック画面や通知画面、ボリュームコントロール、クイック設定画面など全体的に反映されます。

 たとえば、現在のウィジェットは統一感がないものも多いですが、壁紙の色調など統一感を合わせてウィジェットのデザインもアップデートされました。

出典:Google「Android 12 Beta: Designed for you」

出典:Google「Android 12 Beta: Designed for you」

 iOSでは以前からウィジェットカスタマイズが可能となりパーソナライズ化されていましたが、Androidのウィジェットも「Material You」に対応することで統一感を持たせつつ、整理されていくのではないでしょうか。(ベータ版ではすべてのデザイン要素が反映されてはいないので、今後のアップデートまたは正式版のリリースが待ち遠しいです。)

 また、スワイプやスクロールした時のアニメーションはよりなめらか、かつスムーズになった印象。これはインタラクションを(良い意味で)簡素化したことにより、操作性が向上したのだと思います。ロック画面から通知を閉じた時の時計が大きく表示されるアクションにも、それが垣間見えます。

出典:Google「Android 12 Beta: Designed for you」

出典:Google「Android 12 Beta: Designed for you」

 また、CPUの処理を22%削減したことで、より高速に、電力効率が向上したこともAnodroid 12の大きな改善点です。

 これらの構築されたデザインは、すべてのアカウントやアプリ、デバイスにも適用。ウェブやChrome、Wear OS、ウェアラブル、スマートディスプレイなどのすべてにカスタムデザインが反映され、統一感を生み出していきます。

出典:Google「Unveiling Material You」

出典:Google「Unveiling Material You」

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

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

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

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

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

この記事をシェア

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

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング