Android 16 et Material 3 Expressive offrent la plus grande refonte visuelle de Google depuis 2021

Ce que Material 3 Expressive change réellement

Google a présenté Material 3 Expressive lors du Google I/O 2025 comme la prochaine évolution du système Material Design, et il est livré comme composant central d'Android 16. Il ne s'agit pas d'un simple changement de peau. La mise à jour reconstruit quatre couches fondamentales de la pile visuelle d'Android : la physique du mouvement, la couleur adaptative, la profondeur de thématisation dynamique et l'expressivité des composants. Depuis le lancement de Material You avec Android 12 en 2021, aucune version de design n'a touché autant de surfaces simultanément.

Material 3 Expressive cible à la fois l'interface système et les applications tierces. Les éléments système — notifications, paramètres rapides, widgets de l'écran de verrouillage et le tiroir d'applications — reçoivent tous des courbes de mouvement et une logique de couleur mises à jour. Les applications tierces accèdent à de nouvelles API dans la bibliothèque de composants Material 3 Expressive, qui remplace plusieurs composants hérités et introduit de nouvelles primitives d'interaction alignées sur le modèle physique mis à jour.

Physique du mouvement : les courbes à ressort remplacent l'interpolation linéaire

Le changement technique le plus significatif de Material 3 Expressive est le remplacement de l'atténuation linéaire basée sur la durée par un modèle physique à ressort. Les transitions précédentes de Material Design spécifiaient des durées fixes — 200ms, 300ms, 400ms — et les mappaient à des courbes de Bézier cubiques. Les transitions de Material 3 Expressive définissent quant à elles des rapports de raideur et d'amortissement.

C'est important pour deux raisons. Premièrement, la physique à ressort produit des animations naturellement interruptibles. Si un utilisateur inverse un geste en cours de transition, l'animation peut s'inverser à partir de sa vélocité actuelle plutôt que de revenir brusquement à l'état de départ. Deuxièmement, les animations à ressort s'adaptent aux fréquences de rafraîchissement de l'écran sans nécessiter de définitions d'animation séparées pour les panneaux 60Hz, 90Hz et 120Hz. La même définition de ressort s'affiche correctement sur les trois. Les tests internes de Google ont montré une réduction de 32 % de la gigue perçue sur les transitions de gestes interrompues en comparant la physique à ressort avec l'atténuation de Bézier cubique à complexité visuelle équivalente.

Impact pratique pour les développeurs

Les développeurs utilisant Jetpack Compose accèdent à la physique mise à jour via les `spring()` et `tween()` animationSpecs, avec de nouveaux jetons prédéfinis pour les catégories de mouvement de Material 3 Expressive : Emphasized, Standard et Decelerate. Chacun correspond à une paire de valeurs de raideur et d'amortissement. Les développeurs ciblant le système View reçoivent un support équivalent via les mises à jour de MotionLayout et de la Transition API dans ConstraintLayout 2.2.

Couleur adaptative : trois palettes tonales, division dynamique

Material You en 2021 a introduit la couleur dynamique — extraire une couleur de base du fond d'écran et générer une palette tonale. Material 3 Expressive étend ce concept à trois palettes simultanées pouvant coexister sur un seul écran et évoluer indépendamment en fonction du contexte du contenu.

Les trois palettes sont :

• Palette primaire : dérivée de la teinte dominante du fond d'écran, inchangée par rapport à Material You
• Palette secondaire : générée à partir du groupe de teintes secondaires du fond d'écran, avec une gamme tonale plus large — 12 pas tonaux au lieu des 6 précédents
• Palette tertiaire : une palette d'accent expressive calculée par rotation dans l'espace colorimétrique HCT (Teinte, Chroma, Ton), toujours harmonisée en couleur avec la palette primaire

Le résultat pratique est qu'un seul écran Android 16 peut afficher jusqu'à trois familles de couleurs distinctes sans conflit visuel, car l'algorithme HCT garantit que les trois palettes restent perceptuellement harmonieuses. Cela permet des motifs d'interface utilisateur auparavant risqués — comme une carte utilisant la palette tertiaire sur un fond utilisant la primaire — de s'afficher de manière fiable sur tous les fonds d'écran, y compris les photos en niveaux de gris.

Profondeur de thématisation dynamique : l'élévation et l'opacité reçoivent des couches sémantiques

Material 3 a introduit la teinture de surface — les surfaces surélevées adoptaient une teinte de la couleur primaire proportionnelle à leur niveau d'élévation. Material 3 Expressive remplace cela par un modèle de profondeur sémantique qui dissocie la profondeur visuelle de l'élévation physique dans l'arbre de mise en page.

Dans l'ancien modèle, une boîte de dialogue à une élévation de 12dp recevait un niveau de teinte spécifique quel que soit son rôle sémantique. Avec Material 3 Expressive, les composants déclarent un rôle de profondeur — Sheet, Overlay, Container ou Card — et le moteur de thématisation applique le rendu de la profondeur en fonction du rôle, et non de l'élévation brute. Cela évite le flou visuel qui se produisait lorsque plusieurs surfaces surélevées s'empilaient dans les anciennes implémentations de Material 3.

La gestion de l'opacité change également. Material 3 Expressive introduit des couches de translucidité avec une nouvelle approche de composition par floutage qui respecte la pile de profondeur sémantique. L'écran de verrouillage d'Android 16 utilise ce système pour rendre le flou d'arrière-plan, l'opacité des widgets au premier plan et la translucidité des tuiles de notification comme un système de couches cohérent plutôt que des valeurs configurées individuellement.

Nouveau vocabulaire de composants : ce qui est livré dans la bibliothèque

La bibliothèque de composants Material 3 Expressive ajoute 12 nouveaux composants et en met à jour 8 existants. Les ajouts notables incluent :

• Floating Toolbar : une barre d'outils contextuelle qui s'ancre au texte ou aux objets sélectionnés, utilisant la physique à ressort pour les animations d'apparition/disparition
• Loading Indicators : trois nouvelles variantes remplaçant l'indicateur de progression circulaire unique — Containment, Linear Dotted et Circular Dotted — avec une sémantique d'accessibilité améliorée
• Split Button : un bouton à deux actions qui remplace le modèle FAB étendu + action secondaire dans les interfaces utilisateur à forte navigation
• Card Carousel : un groupe de cartes défilables horizontalement avec comportement d'aperçu et points d'accroche à ressort, remplaçant les configurations manuelles de RecyclerView

Huit composants existants reçoivent des couches d'état, un comportement d'ondulation et des spécifications de mouvement mis à jour. Les composants Chip et NavigationBar en particulier prennent désormais en charge les changements d'état expressifs — la puce sélectionnée modifie sa forme au lieu de simplement changer de couleur.

Ce que les développeurs doivent faire avant la sortie d'Android 16

Android 16 est prévu pour une sortie au T2 2026, avec le SDK final disponible dès maintenant sur le canal d'aperçu développeur Android. Trois actions sont immédiatement pertinentes :

• Auditer l'héritage des thèmes : les applications héritant de Theme.Material3 recevront automatiquement certains changements de Material 3 Expressive. Auditez les surcharges de composants personnalisés avant la version finale pour éviter des régressions visuelles involontaires.
• Migrer vers les API d'animation Compose : les applications utilisant encore ObjectAnimator ou ViewPropertyAnimator pour les transitions ne bénéficieront pas de la physique à ressort. La voie de migration vers les API animate*AsState de Compose est la voie recommandée.
• Tester avec tous les types de fonds d'écran : le système à trois palettes produit des résultats différents pour les fonds d'écran monochromes, à haute saturation et photographiques. L'émulateur Android 16 est livré avec un ensemble de fonds d'écran de référence couvrant les trois cas.

Ce que les utilisateurs remarqueront en premier

Pour les non-développeurs, les changements les plus immédiatement perceptibles concernent la réactivité des gestes et l'apparence des notifications. Le balayage pour fermer les notifications, le tirage pour actualiser dans Gmail et Chrome, et les transitions d'ouverture/fermeture d'applications utilisent tous la nouvelle physique à ressort. Ils semblent plus élastiques et interruptibles que les équivalents d'Android 15.

L'écran de verrouillage reçoit la mise à jour la plus visible : le flou d'arrière-plan, la disposition du widget d'horloge et les tuiles de notification adoptent tous le nouveau modèle de profondeur. Sur le matériel Pixel 9 et 9 Pro, Google livre une implémentation de référence qui utilise la palette tertiaire pour la couleur de l'horloge, créant un écran de verrouillage tricolore qui s'adapte dynamiquement au fond d'écran sans configuration manuelle.

Points clés

• Material 3 Expressive est livré avec Android 16 et constitue la plus grande mise à jour de Material Design depuis Material You en 2021
• La physique à ressort remplace l'atténuation basée sur la durée, produisant des animations interruptibles qui s'adaptent à n'importe quelle fréquence de rafraîchissement
• Trois palettes tonales simultanées étendent la couleur dynamique avec des familles secondaire et tertiaire harmonisées par HCT
• Les rôles de profondeur sémantique dissocient la superposition visuelle de l'élévation brute, corrigeant les conflits de teinte sur plusieurs surfaces
• 12 nouveaux composants et 8 mis à jour sont disponibles dès maintenant dans la bibliothèque Material 3 Expressive
• Les développeurs doivent auditer l'héritage des thèmes et migrer les animations basées sur View vers Compose avant la sortie au T2 2026