Faites participer Graphism.fr à vos projets !
Design & graphisme par Geoffrey Dorne » Design numérique

Archives de Design numérique

Un point sur le Material Design

Le « Material Design« , je vous en ai déjà parlé pas mal de fois (notamment ici) et je suis amusé, intéressé et curieux de savoir ce que chacun en pense. En effet, pour certains il s’agit ni plus ni moins d’une mode, pour d’autres, c’est du flat design animé, pour d’autres encore il s’agit d’un changement fort de paradigme dans les interactions…

Pour ma part, je pense qu’il faut remonter au « flat design », cette évolution des interfaces tactiles qui se sont dédouanées du skeuomorphisme dans lequel on sur-signifiait la forme et la fonction. Le flat a permis d’une part de suivre l’évolution des usages du tactile (plus besoin de montrer qu’un bouton est un gros bouton avec une ombre, un reflet, une texture, etc. aujourd’hui, un simple carré de couleur avec un mot suffit) et d’autre part de pouvoir programmer le design à grand coup de CSS (et donc les framework, etc.).

Bref, le flat portant bien son nom, il a fallu le faire évoluer avec cette idée de profondeur, de vie, d’animation pour le rendre plus humain, plus vivant mais aussi pour permettre de faire comprendre de nouvelles choses aux utilisateurs. Le Material Design est donc né de cette uniformisation graphique et interactive de Google mais aussi de cette volonté de rendre fluide les interactions utilisateurs (exemple : je clique sur un bouton rond qui se transforme en un grand rectangle de couleur avec un player audio à l’intérieur).

J’en profite aussi aujourd’hui pour vous mettre un ensemble d’exemples contemporains d’interfaces en Material Design, que ce soit purement esthétique (une icône qui s’anime) ou totalement basé sur l’expérience utilisateur et l’interaction d’une interface.

Des exemples de Material Design

m8 m10 m11 m12 m13 m14
m15

m16 m18 m19 m20 m21 m22 m23 m24 m25 m1 m2 m3 m4 m5  m7

Ce qui m’intéresse aussi dans tout ça c’est de voir comment les designers d’interfaces et designers graphiques appréhendent la chose. Certains se remettent à faire des gifs animés, d’autres doivent « penser l’interface en mouvement », ce qui n’est pas forcément évident. D’autres encore apprennent le CSS et toutes ses possibilités pour animer leur travail. Un autre point intéressant est que le Material Design pourrait rapprocher les designers des développeurs.

Enfin, je suis curieux d’imaginer le futur du Material Design. Vous me direz sûrement que c’est un peu tôt de penser à cela mais pourtant je pense que cela va forcément évoluer et je suis enthousiaste à l’idée de savoir comment !

Petite anecdote en passant, mon chat adore la Material Design. Habituellement il clique sur mon écran (tactile ^^) en suivant la souris, mais là, avec ces interfaces qui bougent, il adore chaque mouvement… Et écrire cet article a été une partie de plaisir pour lui, un peu moins facile pour moi ;-)