Übersicht
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Material 3 Expressive ist das neueste Designsystem für unser kleinstes Display: die Smartwatch. Das für den runden Formfaktor optimierte Design wurde überarbeitet, um den Premium-Look zu unterstreichen und mehr Ausdruck zu verleihen. Mit Material 3 Expressive können Sie schöne und ausdrucksstarke Smartwatch-Apps entwerfen und entwickeln.
Prinzipien des ausdrucksstarken Designs
Ein ausdrucksstarkes Design hebt jede UI-Ebene durch durchdachte Formen, Animationen, Farben und Typografie hervor.
Embrace-Runde
Material 3 Expressive führt ein Formkonzept für runde Bildschirme ein. Dabei wird der gesamte Canvas verwendet, um Übersichtlichkeit und visuelle Balance zu optimieren.
Premium-Bewegung und Federn
Die expressiven Updates von Material 3 sorgen für eine natürliche, hochwertige und einheitliche Navigation bei allen Übergängen. Durch Bewegung werden Oberflächen jetzt räumlich verbunden.
Sie reagieren genauer auf Nutzergesten und machen die Navigation intuitiver.
Formmorphing
Material 3 Expressive bietet ein Framework für die Formänderung von Listen und Auswahlschaltflächen, das für ein hochwertigeres Erscheinungsbild optimiert ist. Listen bieten ein flüssiges Scrollen auf einem runden Formfaktor.
Volltonfarbe
Das Farbsystem wird um die ausdrucksstärkeren Farbpaletten und das erweiterte Token-Set von Material 3 Expressive erweitert. Die zusätzliche Akzentfarbe sowie mehr Tokenvarianten und spezifischere Farbrollen verleihen dem Designsystem sowohl Tiefe als auch Vielfalt.
Variable Schriftarten
In Material 3 Expressive wird Roboto durch Roboto Flex ersetzt.
Eine Skala vom Typ „Grundlinie“ ist auf das abgerundete Display der Smartwatch zugeschnitten und optimiert.
Alle Inhalte und Codebeispiele auf dieser Seite unterliegen den Lizenzen wie im Abschnitt Inhaltslizenz beschrieben. Java und OpenJDK sind Marken oder eingetragene Marken von Oracle und/oder seinen Tochtergesellschaften.
Zuletzt aktualisiert: 2025-07-26 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-07-26 (UTC)."],[],[],null,["# Overview\n\nMaterial 3 Expressive is the latest design system for our smallest\nscreen: the watch. Optimized for the round form factor, it brings a design\nupdate which emphasizes premium and a greater level of expression. Design and\nbuild beautiful and expressive watch apps with Material 3 Expressive.\n\nExpressive design principles\n----------------------------\n\nExpressive design elevates each UI layer with thoughtful shape, animation,\ncolor, and typography treatments.\n\n### Embrace round\n\n\nMaterial 3 Expressive introduces a shape framework designed for round\nscreens. It uses the entire canvas to optimize glanceability and visual\nbalance. \n\n\u003cbr /\u003e\n\n### Premium motion and springs\n\n\nMaterial 3 Expressive updates make navigation feel natural, premium, and\nconsistent across all transitions. Motion now spatially connects surfaces.\nThey respond more accurately to user gestures, making navigation more\nintuitive. \n\n\u003cbr /\u003e\n\n### Shape morphing\n\n\nMaterial 3 Expressive introduces a shape morphing framework for lists and\nselect buttons, optimized for a more premium feel. Lists feature smooth\nscrolling on a round form factor. \n\n\u003cbr /\u003e\n\n### Rich color\n\n\nThe color system expands to adopt the deeper tonal palettes and wider\ntoken set included with Material 3 Expressive. The addition of a third\naccent color, along with more token variants and more specific color roles,\nbrings both depth and variety to the design system. \n\n\u003cbr /\u003e\n\n### Variable fonts\n\n\nMaterial 3 Expressive replaces all instances of Roboto with Roboto Flex.\nA baseline type scale is tailored and optimized for the watch's rounded screen. \n\n\u003cbr /\u003e"]]
