Material Design

von Google entwickelte Designsprache, die auf dem Designstil "Flat Design" basiert

Material Design (Codename: Quantum Paper)[1] 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.[2][3]

Material Design


Material Design 3 (Material You) auf Android 12
Basisdaten

Entwickler Google LLC
Erscheinungsjahr 25. Juni 2014
Aktuelle Version Material Design 3
(Material You)
(4. Oktober 2021)
Betriebssystem Plattformunabhängig
Programmier­sprache Dart, Objective-C, Swift, Java, TypeScript
Kategorie Designsprache
Lizenz Android, iOS: Apache-Lizenz 2.0,
Flutter: 3-Klausel-BSD-Lizenz,
Web: MIT-Lizenz
www.material.io

Die neuste Version von Material Design (Material You) 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

Bearbeiten

Material Design

Bearbeiten

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.[4]

Material Design 2 (Google Material Theme)

Bearbeiten

2018 überarbeite 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,[5] auch „Material Design 2“ genannt,[6] 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.[7]

Material Design 3 (Material You)

Bearbeiten
 
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.[8] 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.[9]

Bearbeiten
Commons: Material Design – Sammlung von Bildern, Videos und Audiodateien
  • material.io Offizielle Material Design Webseite von Google (englisch)

Einzelnachweise

Bearbeiten
  1. Liam Spradlin: Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple. In: Android Police. 11. Juni 2014 (englisch, androidpolice.com [abgerufen am 18. März 2018]).
  2. Introduction - Material design - Google design guidelines. In: Google design guidelines. Abgerufen am 27. Mai 2016.
  3. Google's new 'Material Design' UI coming to Android, Chrome OS and the web. In: Engadget. (engadget.com [abgerufen am 18. März 2018]).
  4. Material design in the 2014 Google I/O app. In: Android Developers Blog. Abgerufen am 9. Oktober 2023 (englisch).
  5. Material Design. Abgerufen am 9. Oktober 2023 (englisch).
  6. Stephen Hall: Was genau ist dieses sogenannte „Material Design 2“, und wie wird es aussehen? In: 9to5Google. 26. April 2018, abgerufen am 6. September 2020 (amerikanisches Englisch).
  7. Stephen Hall: Jetzt wissen wir es: Google Sans ist eigentlich eine größenoptimierte Version von Product Sans. In: 9to5Google. 9. Mai 2018, abgerufen am 6. September 2020 (amerikanisches Englisch).
  8. Material You is Google's reboot of Material Design. 18. Mai 2021, abgerufen am 9. Oktober 2023 (englisch).
  9. Material Design. Abgerufen am 27. Oktober 2021 (englisch).