Présentation du Material Design

Post on 23-Jan-2018

1.038 views 0 download

Transcript of Présentation du Material Design

MATERIAL DESIGN

GOOGLE

APPORTE UNECOHÉ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 LESELEMENTS (1DP)

AVEC DES RÈGLES PHYSIQUES DEBASE

EX : ON NE TRANSPERCE PAS UNÉLÉMENT

... MAIS IL Y AUSSI UN PETIT PEU DEMAGIE !

GRAS, GRAPHIQUE ETINTENTIONNEL

DES CONTRASTES HARMONIEUX

UNE POLICE ADAPTÉE

DES ICONES... MATERIALS !

TOUT EST MILLIMÉTRÉ

LES MOUVEMENTS APPORTENT LESENS

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/watch?v=isYZXwaP3Q4

https://www.youtube.com/watch?v=8UicJ0SxBwA

HTTP://MATERIAL.DADON.FR@DAVIDDADON

FAIT AVEC REVEAL.JS