Material You

Material You / 2021– / Style / Google UI

Material You fait de l'adaptabilité une constante : couleurs dynamiques, formes généreuses et mouvement personnalisé varient selon la personne tandis que les rôles sémantiques restent stables.

Material You — Google《マテリアル3のコンポーネント》2021 — Wikimedia Commons / CC BY 4.0 · © Google LLC — Google《マテリアル3のコンポーネント》2021 — Wikimedia Commons / CC BY 4.0 · CC BY 4.0 · © Google LLC

Material You — Android 12 の壁紙由来カラーを表示した折りたたみ端末 2021年 — Wikimedia Commons / CC BY 3.0 · © The photo: Own work The logos: Google LLC — Android 12 の壁紙由来カラーを表示した折りたたみ端末 2021年 — Wikimedia Commons / CC BY 3.0 · CC BY 3.0 · © The photo: Own work The logos: Google LLC

En un coup d’œil

Signes visuels

Couleurs harmonisées dérivées du fond d'écran
Grandes cartes et commandes arrondies
La sélection change à la fois couleur et forme
Espacement large et grande typographie d'affichage

Usages idéaux

Safely reflecting a user's palette in a product
Letting one component system support varied personal appearances

Utiliser ce style

Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.

design.md prompt d’image API JSON MCP et accès machine Composer

ouvrir dans ChatGPT ouvrir dans Claude ouvrir dans Google AI

Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations

Entrée du dictionnaire

Typographie: Keep hierarchy in weight and scale so it survives changes of color.
Composition: Set large rounded surfaces in generous space and express selection through shape, color and motion together.
Matière: Generate tonal palettes from a seed, then assign them to semantic surface and content roles.
Précaution: Automatic color generation alone can produce unreadable interfaces. Contrast and semantic roles come first.
Pour approfondir: Dynamic color / Material 3 shape system / Personalization and accessibility

Entrées liées

Material Design (マテリアルデザイン)Même famille : Google UI.Comparer Material You et Material Design
Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)Effets partagés : Intimacy / Play.Comparer Material You et Flat Design / Vector Minimalism

Plus de Google UI

Poursuivez avec des styles de Google UI, classés par effets communs.

Holo (ホロ)Effets partagés : Technique.

Voir toutes les entrées Google UI

Citer cette entrée

Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.

Link: https://indexstyle.org/fr/styles/material-you
Markdown: [Material You — IndexStyle](https://indexstyle.org/fr/styles/material-you)
HTML: <a href="https://indexstyle.org/fr/styles/material-you">Material You — IndexStyle</a>

Revenir à sa position dans l’index