MATERIAL DESIGN
GOOGLE
APPORTE UNE
COHÉRENCE
GRAPHIQUE GOLBALE
LA MATIÈRE COMME MÉTAPHORE
UN ENSEMBLE DE RÈGLES INSPIRÉ
DE L'ENCRE ET DU PAPIER.
RÈGLE N°1 : EPAISSEUR UNIFORME POUR TOUS LES
ELEMENTS (1DP)
AVEC DES RÈGLES PHYSIQUES DE
BASE
EX : ON NE TRANSPERCE PAS UN
ÉLÉMENT
... MAIS IL Y AUSSI UN PETIT PEU DE
MAGIE !
GRAS, GRAPHIQUE ET
INTENTIONNEL
DES CONTRASTES HARMONIEUX
UNE POLICE ADAPTÉE
DES ICONES... MATERIALS !
TOUT EST MILLIMÉTRÉ
LES MOUVEMENTS APPORTENT LE
SENS
RÉACTION AU TOUCHER
COHÉRENCE D'APPARITION
CONTINUITÉ VISUELLE (MAGIE !)
LES DÉTAILS QUI CHANGENT TOUT
DEVELOPPER EN MATERIAL
ANDROID SDK
https://developer.android.com/design/material/index.html
(ENTRE AUTRES) POLYMER
https://www.polymer-project.org/1.0/
MATERIAL DESIGN LITE
http://www.getmdl.io/
FROM SCRATCH !
http://127.0.0.1
MERCI !
https://www.google.fr/design/spec/
http://graphism.fr/comprendre-le-material-design-de-
google/
https://www.youtube.com/wa...
HTTP://MATERIAL.DADON.FR
@DAVIDDADON
FAIT AVEC REVEAL.JS
Présentation du Material Design
Prochain SlideShare
Chargement dans…5
×

Présentation du Material Design

444 vues

Publié le

Une brève présentation du Material Design et de ses enjeux.

Publié dans : Technologie
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
444
Sur SlideShare
0
Issues des intégrations
0
Intégrations
5
Actions
Partages
0
Téléchargements
9
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Présentation du Material Design

  1. 1. MATERIAL DESIGN
  2. 2. GOOGLE
  3. 3. APPORTE UNE COHÉRENCE GRAPHIQUE GOLBALE
  4. 4. LA MATIÈRE COMME MÉTAPHORE
  5. 5. UN ENSEMBLE DE RÈGLES INSPIRÉ DE L'ENCRE ET DU PAPIER. RÈGLE N°1 : EPAISSEUR UNIFORME POUR TOUS LES ELEMENTS (1DP)
  6. 6. AVEC DES RÈGLES PHYSIQUES DE BASE
  7. 7. EX : ON NE TRANSPERCE PAS UN ÉLÉMENT
  8. 8. ... MAIS IL Y AUSSI UN PETIT PEU DE MAGIE !
  9. 9. GRAS, GRAPHIQUE ET INTENTIONNEL
  10. 10. DES CONTRASTES HARMONIEUX
  11. 11. UNE POLICE ADAPTÉE
  12. 12. DES ICONES... MATERIALS !
  13. 13. TOUT EST MILLIMÉTRÉ
  14. 14. LES MOUVEMENTS APPORTENT LE SENS
  15. 15. RÉACTION AU TOUCHER
  16. 16. COHÉRENCE D'APPARITION
  17. 17. CONTINUITÉ VISUELLE (MAGIE !)
  18. 18. LES DÉTAILS QUI CHANGENT TOUT
  19. 19. DEVELOPPER EN MATERIAL
  20. 20. ANDROID SDK https://developer.android.com/design/material/index.html
  21. 21. (ENTRE AUTRES) POLYMER https://www.polymer-project.org/1.0/
  22. 22. MATERIAL DESIGN LITE http://www.getmdl.io/
  23. 23. FROM SCRATCH ! http://127.0.0.1
  24. 24. MERCI !
  25. 25. https://www.google.fr/design/spec/ http://graphism.fr/comprendre-le-material-design-de- google/ https://www.youtube.com/watch?v=isYZXwaP3Q4 https://www.youtube.com/watch?v=8UicJ0SxBwA
  26. 26. HTTP://MATERIAL.DADON.FR @DAVIDDADON FAIT AVEC REVEAL.JS

×