マテリアル 3 Expressive では、基本、優れた、変革の 3 つの階層の表現が導入されています。
これらの階層を使用して、達成されている表現のレベルを測定します。アプリの表現を最適化するには、優良または変革レベルをターゲットに設定します。
| 基盤（2024 年に必須） | 非常に良い（必須） | 変革的（推奨） | |
|---|---|---|---|
| コンポーネント | ベースライン コンポーネントの移行 | 複数の表現コンポーネント | 複数の表現コンポーネントとカスタマイズ |
| 色 | ベースライン パレット | ダイナミック パレット テーマ | ダイナミック パレットのテーマや予想外の色の組み合わせ |
| タイポグラフィ | Roboto Flex | Roboto Flex | モーフィングを使用した Roboto Flex |
| シェイプ | - | シェイプ ライブラリとコンテナの一部 | シェイプ ライブラリと表現力豊かなコンテナの使用 |
| モーション | モーション トークン | 表現力のあるモーション（シェイプ モーフィングやスプリング アニメーション）を一部使用したモーション トークン | 表現力のあるモーション（シェイプ モーフィングやスプリング アニメーション）を一部使用したモーション トークン |
| ヒーロー モーメント | - | プロダクト固有の表現力豊かなデザイン | プロダクト固有の表現力豊かなデザイン、ドラマチックな階層、カスタマイズ |
| 適応型 | レイアウトとコンポーネントにレスポンシブ動作を適用する（パーセンテージ マージンを使用する） | レイアウトとコンポーネントにレスポンシブ動作と適応動作を適用（パーセンテージの余白を使用）、ブレークポイント（225dp）の後に値を追加 | レイアウトとコンポーネントにレスポンシブ レイアウトとアダプティブ レイアウトの動作を適用（パーセンテージの余白を使用）、ブレークポイント（225 dp）の後に値を追加し、可能であれば大画面専用のデザインを指定します。 |