# Material 3 Expressive (マテリアル3・エクスプレッシブ)

> Uses shape, color, size, motion and containment forcefully, raising both findability of key actions and emotional character.

> JA: 形、色、サイズ、動き、包含を強く使い、重要な操作を速く見つけられる機能性と感情的な個性を同時に高める。

- 分類: Google UI / 種類: スタイル / 時代: 2025–
- 辞典: https://indexstyle.org/styles/material-3-expressive（IndexStyle No.142）

## 視覚的特徴

- 大胆な形と色
- 可変するサイズ
- 弾むモーション
- 強い包含と焦点

## 意図

高揚 / 遊び / 親密

## 向いている用途

- 主要操作を視覚的に際立たせるモバイルUI
- ブランド固有の感情を持たせたいプロダクト

## レシピ

- 文字: 参照作品の文字・記号・スケールを観察する
- 構成: 視線と情報を支配する構造を一つ抽出する
- 素材: 時代・地域・制作工程に固有の素材と挙動を確認する
- 色の手がかり: #f4d95f / #7657bf / #20202a

## 注意（表層模倣を避ける）

全要素を大きく派手にしない。視線誘導、タップ速度、構造理解を改善する箇所へ表現を集中する。

## 関連

- Material You / Material 3（マテリアル・ユー／マテリアル3）: https://indexstyle.org/styles/material-you
- Memphis（メンフィス）: https://indexstyle.org/styles/memphis
- 研究対象: Material 3 Expressive / expressive tactics / motion physics / variable fonts

## 出典

- 情報源: Google Design — Expressive Design Research — https://design.google/library/expressive-material-design-google-research
- Google Design より引用 — https://design.google/library/expressive-material-design-google-research
- Material 3 Expressive 発表ページ（Google）より引用 — https://m3.material.io/blog/building-with-m3-expressive

JSON: https://indexstyle.org/api/styles/material-3-expressive