{"id":967,"date":"2016-03-16T09:54:55","date_gmt":"2016-03-16T08:54:55","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=967"},"modified":"2016-03-16T09:54:55","modified_gmt":"2016-03-16T08:54:55","slug":"material-design","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/material-design\/","title":{"rendered":"Material Design&nbsp;: Usages et d\u00e9finition"},"content":{"rendered":"<p>Quelles sont les r\u00e8gles de cette tendance&nbsp;? Va t&#8217;elle mettre en p\u00e9ril la cr\u00e9ativit\u00e9 des designers&nbsp;?<\/p>\n<p>D\u00e9couvrez notre dossier sur le Material design, le flat design \u00e0 la\u00a0Google.<\/p>\n<p>&nbsp;<\/p>\n<h2>Les tendances&nbsp;:\u00a0Du skeuomorphisme au\u00a0Material Design<\/h2>\n<p><em>2007&nbsp;: Apple propulse le Skeuomorphisme avec l\u2019<\/em><em>iPhone.\u00a0<\/em>Ancr\u00e9 dans la r\u00e9alit\u00e9, le Skeuomorphisme fait le lien entre l\u2019objet physique et la fonction virtuelle afin d\u2019accompagner l\u2019utilisateur dans son exp\u00e9rience.<\/p>\n<p>A titre d\u2019exemple, les ic\u00f4nes d\u2019iBooks, Youtube et Contacts des pr\u00e9c\u00e9dentes versions d\u2019iOS d\u2019Apple&nbsp;:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14319\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/skeuomorphisme.jpg\" alt=\"\" width=\"641\" height=\"191\" \/><\/p>\n<p><em>2012&nbsp;: Microsoft lance Windows 8 <\/em><strong><em>METRO<\/em><\/strong><em>, p\u00e8re du <strong>Flat Design.<\/strong><\/em><\/p>\n<p>Partant du postulat que les utilisateurs sont suffisamment aguerris aux interfaces logicielles et \u00e0 des fins d\u2019optimisation des performances des sites, Microsoft r\u00e9volutionne <a href=\"https:\/\/graphiste.com\/pages\/charte-graphique\">sa charte graphique<\/a> par une simplification \u00e0 l\u2019extr\u00eame de ses codes&nbsp;: aplat de couleurs, pictogrammes et jeux typographiques viennent remplacer les r\u00e8gles du skeuomorphisme. De Windows 8 METRO na\u00eetra le Flat Design.<\/p>\n<p><em>2014&nbsp;: Google officialise sa tendance graphique avec le <\/em><strong><em>Material Design.<\/em><\/strong><\/p>\n<p>2 ans plus tard, c\u2019est au tour de Google de nous pr\u00e9senter ses recommandations graphiques lors de sa conf\u00e9rence I\/O. Dans la mouvance du flat, le Material Design ne se veut pas en rupture avec les tendances du moment, et ce dans la mesure o\u00f9 il repr\u00e9sente davantage l\u2019aboutissement de l\u2019\u00e9volution de la charte Google sur ses diff\u00e9rents produits.<\/p>\n<p>En une d\u00e9cennie, nous pouvons remarquer dans quelle mesure les GAFAM (acronyme des 5 acteurs majeurs de l\u2019\u00e9conomie num\u00e9rique &#8211; Google, Apple, Facebook, Amazon, Microsoft) se sont succ\u00e9d\u00e9s pour marquer de leur empreinte <a href=\"https:\/\/graphiste.com\/blog\/tendances-graphiques-2021\">l\u2019univers du webdesign<\/a>.<\/p>\n<h2>Le Material Design va devenir une tendance graphique&nbsp;?<\/h2>\n<p>A l\u2019approche des 2 ans de l\u2019annonce du Material Design, retour sur les grands principes de cette tendance et leur implication dans le domaine du webdesign.<\/p>\n<p><strong>Le Material Design&nbsp;: du Flat Design version Google&nbsp;?<\/strong><\/p>\n<p><em>\u201c<\/em><em>We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design.\u201d (<a href=\"https:\/\/material.io\/design\/introduction\/\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9finition du Material Design<\/a>\u00a0)<\/em><\/p>\n<p><em>Traduction&nbsp;: <\/em><em>\u201cNous nous sommes mis au d\u00e9fi de cr\u00e9er un language visuel pour nos utilisateurs, qui synth\u00e9tiserait les principes classiques d\u2019un bon design, tout en consid\u00e9rant les innovations, les possibilit\u00e9s en terme de technologie et de science. Voici le <\/em>Material Design<em>.\u201d<\/em><\/p>\n<p>Pr\u00e9sent\u00e9 \u00e0 l\u2019occasion de sa conf\u00e9rence annuelle I\/O en 2004, le Material Design s\u2019adressait dans un premier temps essentiellement au syst\u00e8me d\u2019exploitation Android, et r\u00e9pondait \u00e0 2 probl\u00e9matiques&nbsp;: <\/p>\n<ul>\n<li>le d\u00e9veloppement d\u2019applications \/ d\u2019interfaces par des d\u00e9veloppeurs qui ne poss\u00e9daient pas de comp\u00e9tences graphiques,<\/li>\n<li>l\u2019optimisation de l\u2019UX et de l\u2019UI de mani\u00e8re g\u00e9n\u00e9<\/li>\n<\/ul>\n<p>Depuis 2014, Google a enrichi encore davantage les principes et d\u00e9clin\u00e9 jusqu\u2019au desktop.<\/p>\n<p><a href=\"https:\/\/material.io\/design\/introduction\/\">Le site \u201cMaterial Design\u201d<\/a> donne non seulement une explication d\u00e9taill\u00e9e de tous les principes et codes graphiques, mais \u00e9galement de nombreuses ressources (templates, palettes de couleur, typographies\u2026).<\/p>\n<h2>La charte de Google se base sur 3 grandes id\u00e9es<\/h2>\n<ul>\n<li><em>Material is the metaphor <\/em><\/li>\n<\/ul>\n<p>L\u2019approche de Google repense notre rapport \u00e0 l\u2019objet, au num\u00e9rique, en s\u2019appuyant sur la <strong>mati\u00e8<\/strong><strong>re.<\/strong> A l\u2019instar de la mati\u00e8re physique, celle-ci r\u00e9agit \u00e0 nos diff\u00e9rents sens et notamment au toucher, \u00e0 l\u2019incidence de la lumi\u00e8re. Les interactions possibles, telles que l\u2019affichage des visuels, la lecture, l\u2019\u00e9criture\u2026, doivent s\u2019exprimer dans cette nouvelle r\u00e9alit\u00e9. En quelque sorte, Google redonne du sens au virtuel via sa r\u00e9flexion autour du mat\u00e9riel. <\/p>\n<ul>\n<li><em>Bold, graphic, intentional <\/em><\/li>\n<\/ul>\n<p>Le concept \u00e9tant pos\u00e9, l\u2019expression graphique se d\u00e9ploie sur un large \u00e9ventail de recommandations, au service de l\u2019exp\u00e9rience utilisateur. Hi\u00e9rarchisation des informations, sens \/ signification, mise en exergue du message sont autant de principes convergeant vers une exp\u00e9rience utilisateur optimale. Et ce, \u00e0 l\u2019aide d\u2019un choix coh\u00e9rent des couleurs et des typographies mais \u00e9galement de la composition (grille, proportion, espace\u2026). <\/p>\n<ul>\n<li><em>Motion provides meaning <\/em><\/li>\n<\/ul>\n<p>S\u2019appuyant sur le mouvement comme fondement de toute interaction, qu\u2019elle soit dans le monde physique ou virtuel, Google met l\u2019accent sur son importance dans la signification et le message \u00e0 d\u00e9livrer \u00e0 l\u2019utilisateur.<\/p>\n<p>Les <a href=\"https:\/\/graphiste.com\/blog\/animations-css-bordures\" target=\"_blank\" rel=\"noopener noreferrer\">animations<\/a> ne visent pas un but esth\u00e9tique mais rel\u00e8ve de la s\u00e9mantique.\u00a0De part son graphisme, d\u2019aucuns s\u2019accorderont sur les rapprochements entre Flat Design et Material Design, en l\u2019incluant comme cat\u00e9gorie du premier.<\/p>\n<p>La philosophie, quant \u00e0 elle, nous donne une meilleure appr\u00e9hension de la vision de Google et nous d\u00e9montre jusqu\u2019o\u00f9 le G\u00e9ant du Web l\u2019a pouss\u00e9e. Alors qu\u2019elle se rapproche dans son expression graphique du Flat Design, la nouvelle tendance de Google n\u2019est pas sans rappeler l\u2019id\u00e9ologie du Skeuomophisme, avec cette r\u00e9f\u00e9rence \u00e0 la \u201cr\u00e9alit\u00e9\u201d.<\/p>\n<h2>Domaine d\u2019extension du Material Design<\/h2>\n<p>La charte Material Design s\u2019inscrit dans l\u2019\u00e9volution de la marque et des produits Google, puisqu\u2019elle intervient apr\u00e8s la refonte graphique de Gmail en 2011, et le lancement de Google Now en 2012 avec le principe des \u201ccartes\u201d.<\/p>\n<p>Ainsi, cet univers graphique semble dans un premier temps d\u00e9ploy\u00e9 pour apporter de la coh\u00e9rence \u00e0 l\u2019image de marque. L\u2019entreprise n\u2019est pas ais\u00e9e, comme nous le savons, mais parfaitement men\u00e9e par Google, mettant \u00e0 disposition de tous charte, outils et ressources.<\/p>\n<p>De ce fait, les premiers exemples que nous pouvons vous pr\u00e9senter de Material Design proviennent de services \/ produits Google, ou du moins dont l\u2019objectif premier est li\u00e9 \u00e0 ce concept.<\/p>\n<h3>Polymer<\/h3>\n<p><a href=\"https:\/\/www.polymer-project.org\/\">Polymer<\/a> est un framework d\u00e9velopp\u00e9 par Google pour la cr\u00e9ation d\u2019applications web. Une des sp\u00e9cificit\u00e9s repose sur le fait qu\u2019il permet l\u2019int\u00e9gration et la mise en place des r\u00e8gles du Material Design.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14321\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-1.jpg\" alt=\"\" width=\"650\" height=\"655\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Th\u00e8me WordPress Material design<\/h3>\n<p>Le dernier exemple qu\u2019il nous para\u00eet pertinent de mettre en avant rel\u00e8ve d\u2019un th\u00e8me pour WordPress, bas\u00e9 sur le framework Bootstrap&nbsp;: <a href=\"https:\/\/themeforest.net\/item\/uncode-creative-multiuse-wordpress-theme\/13373220?\" target=\"_blank\" rel=\"noopener noreferrer\">Uncode-creative<\/a>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14325\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/uncode-creative-app-landing-page-e1572276331518.jpg\" alt=\"\" width=\"650\" height=\"523\" \/><\/p>\n<p>Ainsi, ce bref panorama nous donne un aper\u00e7u des interfaces appliquant les principes du Material Design. Nous pouvons alors soulever \u00e0 juste titre les questions relatives \u00e0 la cr\u00e9ativit\u00e9 des designers d\u00e8s lors qu\u2019ils sont confront\u00e9s \u00e0 une charte bien pr\u00e9cise, ou encore au risque d\u2019uniformisation des sites.<\/p>\n<p>En effet, vous pouvez le constater sur le site de \u00ab Material Design \u00bb de Google, les principes d\u00e9velopp\u00e9s sont d\u00e9taill\u00e9s au point de mettre \u00e0 disposition, comme compl\u00e9ment, des templates ou composants. Ces ressources conviennent particuli\u00e8rement aux d\u00e9veloppeurs ne souhaitant pas avoir recours au service d\u2019un designer.<\/p>\n<h2>Qu\u2019en est-il des designers, soumis \u00e0 ces conditions&nbsp;?<\/h2>\n<p>Les tendances graphiques ne sont bien souvent que l\u2019expression d\u2019une nouvelle perception de la r\u00e9alit\u00e9, d\u2019une \u00e9volution des codes. Pour autant, il n\u2019est pas forc\u00e9ment question d\u2019atteinte \u00e0 la cr\u00e9ativit\u00e9, d\u00e8s lors qu\u2019une tendance appara\u00eet.<\/p>\n<p>La sp\u00e9cificit\u00e9 du Material Design, et l\u2019inqui\u00e9tude de certains sp\u00e9cialistes, portent davantage sur la volont\u00e9 de Google et les effets de la codification de cette tendance. Est-ce une mani\u00e8re de l\u2019imposer&nbsp;?<\/p>\n<p>La balle est dans le camp des designers qui, eux seuls, peuvent d\u00e9cider de l\u2019avenir de leur m\u00e9tier. La charte peut autant \u00eatre con\u00e7ue comme un guide \u00e0 appliquer au pixel, qu\u2019\u00eatre envisag\u00e9e comme une m\u00e9thode d\u2019appr\u00e9hension de cette tendance. Il revient aux designers d\u2019adapter et d\u2019insuffler \u00e0 leurs cr\u00e9ations ce qu\u2019il les distinguera d\u2019une simple copie des codes.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/flat-design-skeuomorphisme-choisir\">Flat design vs skeuomorphisme&nbsp;: que choisir&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Par ailleurs, de part leur nature cyclique, les tendances se renouvellent, donnant aux designers l\u2019occasion d\u2019exprimer leur talent.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quelles sont les r\u00e8gles de cette tendance&nbsp;? Va t&#8217;elle mettre en p\u00e9ril la cr\u00e9ativit\u00e9 des designers&nbsp;? D\u00e9couvrez notre dossier sur le Material design, le flat design \u00e0 la\u00a0Google. &nbsp; Les tendances&nbsp;:\u00a0Du skeuomorphisme au\u00a0Material Design 2007&nbsp;: Apple propulse le Skeuomorphisme avec l\u2019iPhone.\u00a0Ancr\u00e9 dans la r\u00e9alit\u00e9, le Skeuomorphisme fait le lien entre l\u2019objet physique et la fonction [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14324,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-967","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Material Design : Usages et d\u00e9finition<\/title>\n<meta name=\"description\" content=\"Quelles sont les r\u00e8gles de cette tendance ? Va t&#039;elle mettre en p\u00e9ril la cr\u00e9ativit\u00e9 des designers ? D\u00e9couvrez notre dossier sur le Material design de Google\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/material-design\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Material Design : Usages et d\u00e9finition\" \/>\n<meta property=\"og:description\" content=\"Quelles sont les r\u00e8gles de cette tendance ? Va t&#039;elle mettre en p\u00e9ril la cr\u00e9ativit\u00e9 des designers ? D\u00e9couvrez notre dossier sur le Material design de Google\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/material-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-16T08:54:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Material Design&nbsp;: Usages et d\u00e9finition\",\"datePublished\":\"2016-03-16T08:54:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/\"},\"wordCount\":1325,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/material-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/\",\"url\":\"https:\/\/graphiste.com\/blog\/material-design\/\",\"name\":\"Material Design : Usages et d\u00e9finition\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg\",\"datePublished\":\"2016-03-16T08:54:55+00:00\",\"description\":\"Quelles sont les r\u00e8gles de cette tendance ? Va t'elle mettre en p\u00e9ril la cr\u00e9ativit\u00e9 des designers ? D\u00e9couvrez notre dossier sur le Material design de Google\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/material-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/material-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Material Design : Usages et d\u00e9finition\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Material Design : Usages et d\u00e9finition","description":"Quelles sont les r\u00e8gles de cette tendance ? Va t'elle mettre en p\u00e9ril la cr\u00e9ativit\u00e9 des designers ? D\u00e9couvrez notre dossier sur le Material design de Google","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/material-design\/","og_locale":"fr_FR","og_type":"article","og_title":"Material Design : Usages et d\u00e9finition","og_description":"Quelles sont les r\u00e8gles de cette tendance ? Va t'elle mettre en p\u00e9ril la cr\u00e9ativit\u00e9 des designers ? D\u00e9couvrez notre dossier sur le Material design de Google","og_url":"https:\/\/graphiste.com\/blog\/material-design\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2016-03-16T08:54:55+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/material-design\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/material-design\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Material Design&nbsp;: Usages et d\u00e9finition","datePublished":"2016-03-16T08:54:55+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/material-design\/"},"wordCount":1325,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/material-design\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/material-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/material-design\/","url":"https:\/\/graphiste.com\/blog\/material-design\/","name":"Material Design : Usages et d\u00e9finition","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/material-design\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/material-design\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg","datePublished":"2016-03-16T08:54:55+00:00","description":"Quelles sont les r\u00e8gles de cette tendance ? Va t'elle mettre en p\u00e9ril la cr\u00e9ativit\u00e9 des designers ? D\u00e9couvrez notre dossier sur le Material design de Google","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/material-design\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/material-design\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/material-design\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2016\/03\/material-design-blog-graphisme-tendance-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/material-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Material Design : Usages et d\u00e9finition"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=967"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/967\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/14324"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}