L’extension de Material Design : Material 3 Expressive

• Google a procédé à une mise à jour majeure de son système de design Material 3
• Material 3 Expressive ajoute de nouvelles fonctionnalités, de nouveaux composants et des stratégies de design pour créer une UX émotionnellement marquante
  • Il ne s’agit pas d’un nouveau système baptisé « M4 », ni d’un abandon de l’actuel M3
• D’après 46 études utilisateurs menées depuis 2014 avec la participation de 18�000 personnes, les designs Expressive sont préférés par toutes les tranches d’âge. La vitesse d’identification des éléments d’interface peut être améliorée jusqu’à 4 fois
• 15 nouveaux composants ou composants améliorés au total : Button groups, FAB menu, Loading Indicator, Split button, Toolbars, etc. font leur apparition
• Un système de physique du mouvement basé sur des ressorts spatiaux et d’effets, une typographie plus affirmée, l’ajout de plus de 35 nouvelles formes avec prise en charge de variantes animées, ainsi qu’une extension des couleurs pour la personnalisation et la mise en avant de la hiérarchie
• Les designers peuvent combiner formes, couleurs, texte, conteneurs, mouvement et composants flexibles pour créer un Hero moment
  • Critères pour juger un Hero moment
    • A-t-il un impact émotionnel ?
    • S’agit-il d’une interaction clé dans le produit ?
• Liens principaux
  • Guide M3 mis à jour
  • Kit de design Figma mis à jour
  • Code alpha Jetpack Compose