Material You

Material You / 2021– / Stil / Google UI

Material You macht Anpassbarkeit selbst konsistent: Dynamische Farbe, großzügige Formen und persönliche Bewegung variieren je Person, während semantische Rollen stabil bleiben.

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

Auf einen Blick

Visuelle Merkmale

  • Aus dem Hintergrund abgeleitete harmonisierte Farben
  • Große abgerundete Karten und Steuerelemente
  • Auswahl verändert Farbe und Form
  • Weiter Abstand und große Display-Schrift

Geeignet für

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

Diesen Stil verwenden

Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.

design.mdBild-PromptJSON APIMCP und MaschinenzugriffVerbinden
in ChatGPT öffnenin Claude öffnenin Google AI öffnen
Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate

Wörterbucheintrag

Typografie
Keep hierarchy in weight and scale so it survives changes of color.
Komposition
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.
Zu vermeiden
Automatic color generation alone can produce unreadable interfaces. Contrast and semantic roles come first.
Zum Weiterlesen
Dynamic color / Material 3 shape system / Personalization and accessibility

Verwandte Einträge

Mehr aus Google UI

Weitere Stile aus Google UI, nach gemeinsamen Wirkungen geordnet.

Alle Einträge aus Google UI ansehen

Diesen Eintrag zitieren

Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.

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

Zurück zur Position im Index