Material Design, c'est quoi | MultipleMedia | Montréal
Lisez sur nos vingt ans !

C’est quoi, le Material Design ?

Le Material Design est une tendance qui joue avec les formes géométriques de base pour concevoir des interfaces élégantes et structurées.

En combinant un triangle, un cercle et un carré, il peut créer une multitude de formes et d'éléments d'interface. L'une des grandes particularités du Material Design est le jeu d'ombre principalement utilisé  pour montrer une interaction. L'état de survol d'un élément est souvent matérialisé par une ombre portée qui s'immobilise sous l'élément ciblé pour donner une impression de décalage par rapport à l'arrière-plan. Cela facilite la mise en évidence de l'élément  sans provoquer de changement soudain .

Le Material Design est surtout logique en ce qui concerne l'animation des éléments de l'interface. La sensation de fluidité qu’il procure est due à la continuité logique de chaque animation d’une forme.

 

Le Material Design de Google et son utilité

material design

On entend souvent parler des guidelines de Google dans le domaine du Web et pour certains cela demeure un sujet quelque peu obscur. Le Material Design a vu le jour au milieu de l’année 2014 et est rapidement devenu  pour certains une bible des « Do’s » et « Don’ts » pour lr Web. C’est en fait un langage de design visuel, développé par Google en premier lieu pour apporter une cohérence entre les produits Google et les autres plateformes web. Le Material Design est devenu Open Source par la suite pour permettre à plusieurs collaborateurs de le faire évoluer. Vous le reconnaîtrez d’ailleurs dans le système d’exploitation Android à partir de la version 5.0.

Le but du Material Design est de créer une interface visuelle de bon goût et de haute qualité pour les utilisateurs, afin d’unifier leur expérience en ligne sur le plus de plateformes possibles, tout en permettant l’innovation technologique. Cet objectif est atteint par 5 principes fondamentaux : l’inspiration du monde physique, une hiérarchie claire et intentionnelle, le mouvement significatif, des fondations flexibles et le croisement des différentes plateformes (Android, iOS, …).

Les guidelines du Material Design nous aident à construire un produit avec des règles claires, de multiples exemples et des conseils pertinents. Elles nous orientent vers une expérience utilisateur optimale, tout en nous laissant la possibilité de faire ressortir notre marque avec les outils du Material Theming.

 

Depuis Mai 2018, Google a commencé à faire des mises à jour mensuelles pour augmenter les capacités du Material Design et le Material Theming.

 

Le Material Theming

 

Cet outil a été créé pour vous aider à créer votre thème de marque avec le Material Design et est sans aucun doute un must pour tous les nouveaux entrepreneurs, graphic designers, agences, etc qui veulent créer un branding personnalisé respectant les guidelines discutées plus haut. Vous aurez l’occasion de jouer avec l’outil de couleur Material’s Color Tool, de créer vos propres boutons, pop-up, dialogue, fiche, etc…

material design

On se rend compte rapidement du potentiel et de l’utilité du Material Design et des nombreux outils qu’il nous offre. C’est pourquoi en si peu de temps il est devenu un pilier de la création de sites web, de logiciels et d’applications et qu’il continue tous les jours d’évoluer pour toujours nous offrir la crème de la crème.

Pour plus d'info, c'est ici https://material.io/

Vous pouvez également contacter une agence web comme MultipleMedia.

Multimédia, de 1989 à nos jours…

Recherche

10 décembre 2018

À la fin des années 90, le multimédia représentait la combinaison de différentes formes de contenu. Le terme pouvait être utilisé comme un nom ou comme un …

Par : Jean-Philippe Georges, Responsable Marketing et Communication

WordPress 5 et Gutenberg | Avantages et Inconvénients

Recherche

23 octobre 2018

WordPress 5 et Gutenberg: notre verdict !   Résultat mitigé, heureusement il reste de la place pour d'éventuelles améliorations à venir! Cependant, nous commençons...

Par : Nathalie Vallières, Développeur et
Jean-Philippe Georges, Responsable Marketing et Communication

Marketing automatisé, la définition!

Recherche

31 août 2018

Le marketing automatisé, qu'est-ce que c'est? Fondamentalement, nous parlons d'un logiciel ou d'une technologie qui permet d'effectuer, d'automatiser et de poursuivre diverses...

Par : Jean-Philippe Georges, Responsable Marketing et Communication