May the MATERIAL DESIGN be with you !

Dans une galaxie lointaine appelée GOOGLE, le Material Design fut...

"Créé et désigné par Google, Matériel Design est un langage de conception qui combine les principes classiques de conception réussie avec innovation et technologie. L'objectif de Google est de développer un système de conception qui permet une expérience utilisateur unifiée dans tous leurs produits sur n'importe quelle plateforme."

material-design-2

#Interlude C'est dommage toi qui avais enfin terminé ton portfolio avec bootstrap en flat design, le material design a fait son entrée en cours d'année 2014 😉

Le material design se veut pour l'uniformisation de l'interface entre les différents devices et pour la création d'une norme d'expérience utilisateur. Le mot d'ordre est de se concentrer sur l'utilisateur !

En 5 mots, le material design c'est : coloré - uniforme - perspective - intuitif - mouvement

=> Pour aller plus loin, la documentation Google

En vidéo :
https://www.youtube.com/watch?v=Q8TXgCzxEnw

Pour résumer, voici les 10 commandements du material Design :

  1. Seul le material design tu déclineras
  2. Tu n'auras pas d'autre langage visuel
  3. Tu ne prononceras pas le nom de Flat Design
  4. Des couleurs vives tu utiliseras
  5. Tu honoreras tous les types de supports
  6. Tu donneras de la profondeur à tes widgets
  7. Animations et transitions tu créeras
  8. Tu limiteras la pollution visuelle
  9. Avec des icônes et des images réelles tu illustreras
  10. Tu ne convoiteras pas d'autres grilles responsives

Et voici une liste de quelques frameworks pour mettre en place le material design sur votre site ( avec des formulaires, des boutons, de la typo, des grilles fluides, des icônes, de la navigation ...) :

Le framework CSS crée par Google :

materializecss

 

Framework avec Boostrap :

bootstrap

 

Framework pour Androïd :

android-material

 

Framework basé sur Angular JS & Google Material Design :

lumX

 

Framework avec Polymer :

Polymer-material

 

Quelques thèmes WORDPRESS payant en material design :

Theme Premium WordPress ZEPHYR pour tous types de site : blog, portfolio, e-commerce, page

Zephyr-wordpress

 

Thème WordPress CALYPSO pour : blog, page

theme-calypso

#ENJOY !

star wars
Design by Alexandr Gorelenkov

Un commentaire

  1. Je trouve que la material design allie vraiment le meilleur des deux mondes : la simplicité du flat design et le dynamisme du javascript. Au final, cela donne des interfaces claires mais avec du mouvement.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.