En 2014, Google a introduit Material Design, un langage visuel unifié pour ses produits. Ce système considère les éléments d'interface comme des objets physiques dotés de profondeur, d'ombres et de mouvement. Les cartes se détachent de la surface. Les boutons ondulent lorsqu'on appuie dessus. Les transitions suivent des courbes fluides et naturelles. La métaphore est celle du papier, mais un papier extensible, pliable et capable de projeter des ombres. L'objectif était d'assurer une cohérence visuelle entre Android, le Web et les applications Google.

Material Design est bien plus qu'une simple esthétique. C'est un système de composants, de directives et d'outils. Il définit la typographie, les couleurs, les grilles de mise en page, les niveaux d'élévation et les modèles d'interaction. Les développeurs peuvent utiliser les composants Material pour Android, Flutter et le web. Les designers peuvent suivre ces directives sans avoir à tout développer de zéro. Le système a été mis à jour à plusieurs reprises, notamment avec Material You en 2021, qui a introduit la couleur dynamique s'adaptant au fond d'écran de l'utilisateur. Material Design a été critiqué pour son caractère trop prescriptif et pour uniformiser l'apparence des applications. Il a néanmoins été largement adopté en dehors de Google.

Éléments fondamentaux

• Élévation et ombre pour créer de la profondeur.
• Mouvements et transitions pour le retour d'information.
• Agencement en grille pour la structure.
• Couleurs vives et typographie audacieuse pour la hiérarchie.

Material Design n'est pas un style à copier. C'est un cadre de référence pour prendre des décisions cohérentes au sein d'un vaste écosystème de produits.