Material Design est un langage de conception développé par Google. Lancé en 2014, il constitue un système unifié pour Android et les produits web de Google. Ce système exploite la profondeur, le mouvement et les mises en page en grille. Les surfaces et les arêtes fournissent des repères visuels. Les ombres indiquent le relief. Les éléments projettent des ombres pour révéler leur relation avec la surface sous-jacente. Ce design imite les matériaux physiques, d'où son nom. Cependant, il ne s'agit pas de skeuomorphisme. Il n'imite ni le cuir ni le bois. Il transpose les propriétés du papier et de l'encre dans un système numérique.

Material Design fournit des directives pour la mise en page, les couleurs, la typographie, l'iconographie et les animations. La grille est basée sur un espacement de 8 dp. Les composants ont des états définis : par défaut, survolé, sélectionné, cliqué et désactivé. Les animations sont intentionnelles. Elles indiquent l'origine et la destination des éléments, guident l'attention et fournissent un retour visuel. Le système a évolué. Material Design 2 a affiné les composants. Material Design 3 a introduit la couleur dynamique, qui génère des palettes à partir du fond d'écran de l'utilisateur. Le système est ouvert. Les développeurs et les designers peuvent l'utiliser gratuitement. Il a été adopté au-delà des produits Google. De nombreuses applications utilisent les composants Material car ils sont familiers et éprouvés. Le système n'est pas parfait. Certains critiques lui reprochent un aspect générique. Toutes les applications qui l'adoptent se ressemblent. Le compromis réside dans la cohérence. Material Design offre aux équipes un langage commun. Elles peuvent développer plus rapidement car les décisions sont déjà prises.

Principes de conception matérielle

• Métaphore matérielle — les surfaces et les arêtes fournissent des repères
• Graphismes audacieux — couleurs et images intentionnelles
• Motion — les animations guident et informent
• Adaptatif — fonctionne sur tous les appareils et toutes les tailles d'écran
• Système d'espacement basé sur une grille — 8dp

Material Design est un système. Il simplifie les décisions de conception en proposant des valeurs par défaut. Ces valeurs peuvent être suivies ou modifiées. Le système est un point de départ, pas une contrainte.