Google(グーグル)6分で読めます

GoogleのMaterial 3 Expressiveデザイン、アプリで順次展開

AI要約複数の情報源を統合して作成しています

Googleは新しいデザイン言語「Material 3 Expressive」を発表し、Googleアプリでの展開を開始しました。Android向けアプリのデザイン更新状況をお伝えします。

What Google Material 3 Expressive redesigns are rolling out

Googleは今年5月に新しいデザイン言語「Material 3 Expressive」を発表しました。このデザインはGoogleの各アプリに順次展開されているということです。ここでは、Androidスマートフォン向けに提供されているものと、今後展開予定のものについてお伝えします。

【展開中のアプリ】

Googleカレンダーでは、時間枠が丸みを帯びたコンテナに配置され、従来の薄い線に代わり、ダイナミックカラーの背景が採用されています。

Googleコンタクトは、すべてがコンテナに収められ、下部バーが短くなっています。背景色も調整されています。

デジタルウェルビーイングのメインページは、M3 Expressiveで更新され、ドーナツグラフが太くなっています。これはベータ版1.30.xで展開されています。

Googleフォトでは、バックアップインジケーターが新設され、アプリ起動時にロゴが「バックアップ完了」にアニメーションします。プルダウンでMaterial 3 Expressiveの形状が表示され、クラウドの保存容量も確認できます。

Google Oneは、短い下部バーに切り替え、カードや設定が目立つコンテナに配置されています。

Phone by Googleは、Material 3 Expressiveを利用した全面的な改装を行い、下部バーは4つのタブから3つに減少しました。連絡先はナビゲーションドロワーに移動し、すべての通話とリストがコンテナを使用しています。

Google Keepは、新しいM3 Expressive検索アプリアップバーコンポーネントを採用し、ハンバーガーボタンとプロフィールスイッチャーが検索バーの外に移動しました。

Googleウォレットでは、アプリロゴが左上に配置され、パスのリストが厚いカードを使用しています。

Googleメッセージでは、会話リストとメッセージスレッドが丸みを帯びたコンテナに配置され、他の部分でもMaterial 3 Expressiveが採用されています。

Gmailでは、メールリストとメッセージがコンテナに配置され、スワイプジェスチャー使用時に目立つアニメーションが表示されます。

【展開済みのアプリ】

Google MeetはMaterial 3 Expressiveデザインを広く展開した最初のアプリです。ホームページでは、各通話が大きなカードに配置され、プリコール画面では非常に大きなボタンが特徴です。

出典元記事を読む(Google(グーグル))
LINEX
NihonTechHub

NihonTechHub

技術系ジャーナリスト

日本の最新テクノロジーやスタートアップ情報を発信するプラットフォームです。国内外のイノベーションをつなぎ、未来を切り開くための知識とインスピレーションを提供します。

Tools

NihonTechHub ソフトウェア · 私たちが開発した便利なツールとソフトウェア

Google Drive ダウンローダー

閲覧専用ファイルの簡単ダウンロード

Google DriveのView-only(閲覧専用)ファイルを簡単にダウンロードできるツールです。PDF、Docxファイルに対応しています。

PDF 対応済みDocx 対応済み無料で利用可能

この機能はNihonTechHubアプリでもご利用いただけます(Android・iOS対応)

App

無料

外出先でも最新のテクノロジーニュースをチェック!リアルタイム通知とパーソナライズされたニュースフィードを受け取るにはアプリをダウンロードしてください。

  • ・リアルタイム更新
  • ・プッシュ通知
  • ・カスタマイズ可能