Material Design

Material Design
colspan="2" class="notheme" style="text-align:center; background:#Vorlage:Standardfarbe; color:#202122;" | Datei:Google Material Design Logo.svg
Datei:Material you light.png Material Design 3 (Material You) auf Android 12
Basisdaten
Maintainer
Entwickler	Google LLC
Erscheinungsjahr
Aktuelle Version	Material 3 Expressive<ref>M3 Expressive: Engaging UX Design. Abgerufen am 14. Mai 2025 (). </ref> (13. Mai 2025)
Aktuelle Vorabversion	1.14.0-alpha06<ref>material-components: Release 1.14.0-alpha06 · material-components/material-components-android. Abgerufen am 1. November 2025 (). </ref> (22. Oktober 2025)
Betriebssystem
Programmier­sprache
Kategorie	Designsprache
Lizenz	Android, iOS: Apache-Lizenz 2.0, Flutter: 3-Klausel-BSD-Lizenz, Web: MIT-Lizenz
material.io

Material Design (Codename: Quantum Paper)<ref></ref> ist eine vom Unternehmen Google LLC entwickelte Designsprache und wurde zuerst bei Google Now verwendet. Das Design basiert auf materialartigen, kartenähnlichen Flächen und dem Gestaltungsstil Flat Design, welcher für seinen Minimalismus bekannt ist, verwendet aber dennoch viele Animationen und Schatten, um Objekte als „Materialien“ mit einem den physikalischen Gesetzen entsprechenden Verhalten (z. B. einen leichten Tiefeneffekt) darzustellen und den Nutzer sofort erkennen zu lassen, welche Bereiche wichtige Informationen enthalten bzw. interaktiv sind und was diese Interaktion bewirken wird.<ref>Introduction - Material design - Google design guidelines. In: Google design guidelines. Abgerufen am 27. Mai 2016. </ref><ref>Google's new 'Material Design' UI coming to Android, Chrome OS and the web. In: Engadget. (engadget.com [abgerufen am 18. März 2018]). </ref>

Die neueste Version von Material Design (Material 3 Expressive) ist die Standard-Designsprache für die eigenen Betriebssysteme Android und ChromeOS. Auch Googles eigene Apps, Dienste und Webseiten werden nach und nach mit Material You ausgestattet (Plattformunabhängig). Darüber hinaus bietet Google auch anderen Entwicklern APIs für die Implementierung der Designrichtlinien an, um ein einheitliches Aussehen auch außerhalb Googles eigenen Diensten zu gewährleisten (Third Party Provider).

Versionen

Material Design

Die initiale Version von Material Design wurde am 25. Juni 2014 auf der Google I/O angekündigt und ab 2015 übernahmen die meisten Google-eigenen Apps die Designsprache.<ref>Material design in the 2014 Google I/O app. In: Android Developers Blog. Abgerufen am 9. Oktober 2023 (). </ref>

Material Design 2 (Google Material Theme)

2018 überarbeitete Google die Designsprache und begann damit, die meisten seiner Apps in einer angepassten und adaptierten Version von Material Design umzugestalten, die Google Material Theme genannt wird,<ref>Material Design. Abgerufen am 9. Oktober 2023 (). </ref> auch „Material Design 2“ genannt,<ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ Was genau ist dieses sogenannte „Material Design 2“, und wie wird es aussehen?] In: 9to5Google. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 6. September 2020 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref> das stark auf Weißraum, abgerundete Ecken, bunte Icons und untere Navigationsleisten setzt und eine spezielle, größenoptimierte Version der Google-eigenen Schriftart Product Sans namens „Google Sans“ verwendet.<ref>Vorlage:Cite book/NameVorlage:Cite book/Name: [ Jetzt wissen wir es: Google Sans ist eigentlich eine größenoptimierte Version von Product Sans.] In: 9to5Google. , archiviert vom Vorlage:IconExternal (nicht mehr online verfügbar) am Vorlage:Cite book/URL; abgerufen am 6. September 2020 (). Vorlage:Cite book/URLVorlage:Cite book/MeldungVorlage:Cite book/Meldung2Vorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/MeldungVorlage:Cite book/Meldung</ref>

Material Design 3 (Material You)

Datei:Material Design 3.svg

Material Design 3 (Material You)

Auf der Google I/O im Mai 2021 kündigte Google ein neues Konzept für Android 12 namens „Material You“ (auch bekannt als „Material Design 3“) an, wobei mehr Animationen, größere Schaltflächen und die Möglichkeit, benutzerdefinierte UI-Themen aus dem Hintergrundbild des Benutzers zu generieren, hervorgehoben werden.<ref>Material You is Google's reboot of Material Design. 18. Mai 2021, abgerufen am 9. Oktober 2023 (). </ref> Material You wurde in den folgenden Monaten schrittweise auf verschiedene Google-Apps ausgerollt und bildete einen Schwerpunkt auf der damals neu erscheinenden Pixel 6- und Pixel 6 Pro-Smartphone-Serie.

Am 27. Oktober 2021 wurden die Guidelines für Material You veröffentlicht.<ref>Material Design. Abgerufen am 27. Oktober 2021 (). </ref>

Material 3 Expressive

Auf der im Mai 2025 stattgefundenen Android Show: I/O Edition kündigte Google „Material 3 Expressive“ für Android 16 und Wear OS 6 an. Diese Version des Material Designs ähnelt seinem Vorgänger, verfügt jedoch über mehr Animationen, wirkt bunter und moderner und soll insgesamt die Bedienung erleichtern. Außerdem sollen „Live-Updates“ eingeführt werden. Diese zeigen den aktuellen Status laufender Prozesse, wie etwa Navigation oder Essenslieferungen, in Echtzeit auf dem Sperrbildschirm oder in der Benachrichtigungsleiste an.<ref>Nicolas La Rocco: Material 3 Expressive: Android 16 und Wear OS 6 führen neues UI-Design ein. 13. Mai 2025, abgerufen am 14. Mai 2025. </ref>

Material 3 Expressive wurde ab September 2025 schrittweise auf Google-Pixel-Smartphones (Pixel 6 und neuer) und das Pixel Tablet ausgerollt.<ref>Ryan Whitwam: Google’s Material 3 Expressive UI rolls out to Pixel 6 and newer. 3. September 2025, abgerufen am 1. November 2025 (). </ref>

Weblinks

Commons: Material Design – Sammlung von Bildern, Videos und Audiodateien

• material.io Offizielle Material Design Webseite von Google (englisch)

Einzelnachweise

<references />