Material You

Material You / 2021– / Estilo / Google UI

Material You convierte la adaptabilidad en una constante: el color dinámico, las formas generosas y el movimiento personalizado varían según la persona, mientras las funciones semánticas permanecen estables.

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

De un vistazo

Rasgos visuales

Colores armonizados derivados del fondo de pantalla
Tarjetas y controles grandes y redondeados
La selección cambia tanto el color como la forma
Espaciado amplio y tipografía de display grande

Usos idóneos

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

Usar este estilo

Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.

design.md prompt de imagen API JSON MCP y acceso automático Combinar

abrir en ChatGPT abrir en Claude abrir en Google AI

Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas

Entrada del diccionario

Tipografía: Keep hierarchy in weight and scale so it survives changes of color.
Composición: Set large rounded surfaces in generous space and express selection through shape, color and motion together.
Material: Generate tonal palettes from a seed, then assign them to semantic surface and content roles.
Precaución: Automatic color generation alone can produce unreadable interfaces. Contrast and semantic roles come first.
Para profundizar: Dynamic color / Material 3 shape system / Personalization and accessibility

Entradas relacionadas

Material Design (マテリアルデザイン)Misma familia: Google UI.Comparar Material You y Material Design
Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)Efectos compartidos: Intimacy / Play.Comparar Material You y Flat Design / Vector Minimalism

Más de Google UI

Continúa con estilos de Google UI, priorizados por sus efectos compartidos.

Holo (ホロ)Efectos compartidos: Technique.

Ver todas las entradas de Google UI

Citar esta entrada

El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.

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

Volver a su posición en el índice