OpenClassrooms becomes an accredited US university.
Discover what this means for youTable of contents
- Part 1
Plongez dans l'histoire de l'UI
- Part 2
Découvrez les principes du Material Design
- Part 3
Appliquez les principes du Material Design
Puisez vos inspirations sur le web
Téléchargez les ressources disponibles
Concevez une maquette graphique avec Adobe XD
Utilisez le framework "Materialize CSS"
Plongez dans le futur de l'UI
Entraînez-vous en matérialisant une interface utilisateur
Quiz: Testez votre capacité à appliquer les principes du Material Design
Puisez vos inspirations sur le web

#Consultez régulièrement les réseaux sociaux créatifs
#Behance
Behance a été développé par Adobe ; il s'agit d'un site qui permet de découvrir les travaux de créations de divers créatifs (illustrateurs, designers, créateurs de polices de caractères, etc.) et de partager son portfolio.
Cela fonctionne comme tout réseau social : vous pouvez suivre des personnes et leurs projets, et vous en trouverez sur le Material Design bien évidemment.
#Dribbble
Sur le même principe, vous trouverez Dribbble, un site de partage pour les designers où vous découvrirez une multitude de projets créatifs, notamment sur le Material Design.
Pinterest est un réseau beaucoup plus large (en tout cas moins "niche", moins spécialisé) que les deux précédents : vous y trouverez énormément de choses sur la déco et le DIY entre autres.
Mais vous y trouverez également beaucoup de ressources inspirantes en Material Design, puisque Pinterest est utilisé par de très nombreux utilisateurs comme un mur, un catalogue d'idées, à partir duquel vous pouvez agréger par thématiques des ressources (des images en l'occurrence) que vous trouvez sur le web.
C'est un excellent moyen de se créer un mood board (tableau de tendances) et de garder au même endroit toutes les ressources qui vous inspirent.
#UpLabs
Vous trouverez de nombreuses ressources sur le site UpLabs.
#Inspirez-vous des sites web qui utilisent le Material Design
Jusqu'en 2021, Google récompensait les meilleurs sites utilisant le Material Design dans leur interface graphique :
Le site CSS Design Awards rassemble aussi un palmarès des meilleurs sites utilisant le material design.
#Trouvez du Material Design dans vos applications mobiles
J'ai ouvert une à une les applications mobiles que je possède sur mon smartphone, et j'en ai trouvé plusieurs qui utilisent un ou plusieurs principes du Material Design.
#L'application mobile "Adobe Capture"

#L'application mobile "Deliveroo"

#L'application mobile de France Inter

#L'application mobile de LinkedIn

#L'application mobile "Messenger"

#L'application mobile de X

Je vous invite à faire de même :
Détectez les sites web qui s'inspirent du Material Design.
Regardez dans vos applications mobiles si vous retrouvez des éléments d'UI spécifiques au Material Design.
N'hésitez pas à partager vos trouvailles dans le forum de ce cours.
- Up to 100% of your training program funded
- Flexible start date
- Career-focused projects
- Individual mentoring