La conception matérielle n'est pas liée à la conception plate dans ses principes. La conception matérielle est skeuomorphique en ce qu'elle vise à rendre la conception Web plus réaliste dans la façon dont elle représente les éléments, en utilisant des couches et des animations d'une manière qui a du sens en dehors du navigateur. La conception visuellement plate et la conception matérielle sont similaires pour le moment, mais la conception matérielle peut être appliquée à des conceptions autres que celles de type plat.
Il suit 3 principes
- Le matériau est la métaphore
- Soyez audacieux, graphique, intentionnel
- Donner du sens au mouvement
La superposition dans la conception des matériaux se fait en déplaçant les éléments vers l'avant ou l'arrière le long de l'axe z, vers et depuis l'utilisateur, et en ajoutant des ombres réalistes pour donner plus de sens. L'animation d'éléments, comme une animation affectant la position lorsqu'un élément de liste est supprimé, est destinée à améliorer le flux et la compréhension des utilisateurs tout en rendant l'expérience plus fluide. Ce faisant, il est possible de donner plus de sens à la conception matérielle qu'à la conception plate
Les concepteurs de Google ont créé des modèles en papier pour comprendre les couches et les ombres pour la conception de leurs matériaux.
Il existe d'autres directives de conception couvrant l'espacement, la couleur, la convivialité et plus de détails sur le positionnement et l'animation que vous pouvez consulter sur la page Web de Google sur le sujet .
Un bon moyen d'en savoir plus sur la conception matérielle et comment l'implémenter est d'utiliser les applications que Google a créées à l'aide de la conception matérielle et de lire les détails de la conception , celle-ci est de Brian Lovin sur l'application Inbox.
Les gens peuvent supposer que la conception matérielle est une sorte d'extension du design plat, mais en fait les principes sont différents. La tendance actuelle est de créer un design propre et plat que Google utilise pour l'instant, mais les principes de conception des matériaux dépassent ces limites et peuvent également être appliqués à d'autres méthodes de conception.