Die Erweiterung von Material Design: Material 3 Expressive

• Google hat sein Designsystem Material 3 umfassend aktualisiert
• Material 3 Expressive fügt neue Funktionen, neue Komponenten und Designstrategien hinzu, um eine emotional starke UX zu schaffen
  • Es ist kein neues System namens „M4“ und ersetzt auch das bestehende M3 nicht
• Laut 46 Nutzerstudien mit 18.000 Teilnehmenden seit 2014 bevorzugen alle Altersgruppen das Expressive-Design stärker. Die Erkennungsgeschwindigkeit von UI-Elementen verbessert sich um bis zu das 4-Fache
• Insgesamt 15 neue oder verbesserte Komponenten enthalten: Button groups, FAB menu, Loading Indicator, Split button, Toolbars und weitere wurden neu hinzugefügt
• Ein Motion-Physics-System aus räumlichen/effektbasierten Springs, stärker betonte Typografie, mehr als 35 neue Formen mit Unterstützung für animierte Varianten sowie erweiterte Farben für Personalisierung und Hierarchiebetonung
• Designer können Form, Farbe, Text, Container, Motion und flexible Komponenten kombinieren, um einen Hero moment zu gestalten
  • Kriterien zur Beurteilung eines Hero moment
    • Hat es eine emotionale Wirkung?
    • Ist es eine zentrale Interaktion innerhalb des Produkts?
• Wichtige Links
  • Aktualisierte M3-Richtlinien
  • Aktualisiertes Figma-Design-Kit
  • Jetpack Compose Alpha-Code