{"id":28377,"date":"2022-04-01T01:00:00","date_gmt":"2022-03-31T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=28377"},"modified":"2022-11-03T09:17:13","modified_gmt":"2022-11-03T08:17:13","slug":"regle-des-tiers","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/","title":{"rendered":"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers"},"content":{"rendered":"<p>Bien utiliser la r\u00e8gle des tiers dans le <a href=\"https:\/\/graphiste.com\/blog\/creer-un-webdesign\">webdesign<\/a> vous assure de faire ressortir le meilleur de vos \u00e9l\u00e9ments de conception, en les positionnant l\u00e0 o\u00f9 ils attirent le plus l\u2019attention du visiteur. Dans cet article, apprenez \u00e0 utiliser la r\u00e8gle des tiers dans vos conceptions graphiques, afin d\u2019augmenter leur attractivit\u00e9.<\/p>\n<p>&nbsp;<\/p>\n<h2>Qu\u2019est-ce que la r\u00e8gle des tiers\u00a0?<\/h2>\n<p>La r\u00e8gle des tiers permet d&#8217;examiner, et de corriger le cas \u00e9ch\u00e9ant, la mise en page de votre <a href=\"https:\/\/graphiste.com\/blog\/design-optimisations-marketing\">webdesign<\/a>, afin de le rendre plus impr\u00e9visible et donc plus intrigant. Son but est ainsi de capter l&#8217;attention du visiteur le plus longtemps possible. Un aspect essentiel sur internet, lorsqu\u2019on tente d\u2019atteindre un nouveau public et de le convertir en nouveaux prospects.<\/p>\n<p>Afin d\u2019illustrer cette d\u00e9finition, voici un exemple concret\u00a0:<\/p>\n<ul>\n<li>Consid\u00e9rons l\u2019image sym\u00e9trique suivante&nbsp;: un petit lapin plac\u00e9 au centre de l\u2019image. Bien que tr\u00e8s mignon, l\u2019image ne rev\u00eat pas suffisamment d\u2019int\u00e9r\u00eat pour retenir longtemps l\u2019attention de vos internautes.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"size-full wp-image-28379 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/Exemple-part1.jpg\" alt=\"webdesign-regles-des-tiers\" width=\"700\" height=\"486\" \/><\/p>\n<ul>\n<li>Consid\u00e9rons \u00e0 pr\u00e9sent cette m\u00eame photo lorsque la r\u00e8gle des tiers est appliqu\u00e9e, et que le petit lapin est alors \u00e9loign\u00e9 du centre de l\u2019image. La photo prend imm\u00e9diatement une tout autre dimension.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-28386 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/Exemple-part2.jpg\" alt=\"webdesign-regles-des-tiers\" width=\"700\" height=\"486\" \/><\/p>\n<h2>Comment utiliser la r\u00e8gle des tiers en webdesign\u00a0?<\/h2>\n<p>La r\u00e8gle des tiers permet d\u2019am\u00e9liorer l\u2019int\u00e9r\u00eat et l\u2019attraie d\u2019une <a href=\"https:\/\/graphiste.com\/blog\/tendances-graphiques-2021\">conception graphique<\/a>, en pla\u00e7ant ses \u00e9l\u00e9ments principaux sur l&#8217;un des quatre points d\u2019intersection d\u2019une grille, ou dans l&#8217;une des sections d\u2019extr\u00e9mit\u00e9.<\/p>\n<figure id=\"attachment_28387\" aria-describedby=\"caption-attachment-28387\" style=\"width: 450px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-28387 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/Grille-R_C3_A8gleDesTiers.png\" alt=\"webdesign-regles-des-tiers\" width=\"450\" height=\"300\" \/><figcaption id=\"caption-attachment-28387\" class=\"wp-caption-text\">Grille de la r\u00e8gle des tiers<\/figcaption><\/figure>\n<p>En tra\u00e7ant deux lignes perpendiculaires et deux lignes horizontales sur l\u2019image, on cr\u00e9e une grille compos\u00e9e de neuf cases. La composition est ainsi divis\u00e9e en trois sections (horizontales et verticales) d\u2019un tiers chacune.<\/p>\n<p>Pour utiliser la r\u00e8gle des tiers, il suffit donc de placer l\u2019objet dans l\u2019une des sections de gauche ou de droite. Autre option, l\u2019objet peut \u00eatre d\u00e9cal\u00e9 sur l&#8217;un des points d&#8217;intersection de la grille.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-28385 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/Exemple-part3.jpg\" alt=\"webdesign-regles-des-tiers\" width=\"700\" height=\"486\" \/><\/p>\n<p>Dans l&#8217;exemple ci-dessus, le lapin blanc est \u00e0 gauche de l&#8217;image, dans le premier tiers de la grille, tandis que les \u0153ufs color\u00e9s sont positionn\u00e9s dans le tiers droit.<\/p>\n<p>&nbsp;<\/p>\n<h2>Quelques exemples de webdesign utilisant la r\u00e8gle des tiers<\/h2>\n<p>&nbsp;<\/p>\n<h3>1. Apple<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-28384 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/Apple.jpg\" alt=\"webdesign-regles-des-tiers\" width=\"700\" height=\"391\" \/><\/p>\n<p>Apple utilise la r\u00e8gle des tiers pour attirer imm\u00e9diatement l&#8217;attention sur la montre que porte le protagoniste dans le premier tiers de la composition. Un choix <a href=\"https:\/\/graphiste.com\/blog\/design-optimisations-marketing\">strat\u00e9gique<\/a> quand on sait que l&#8217;attention de la plupart des visiteurs se porte en priorit\u00e9 sur la partie gauche d\u2019un site Web.<\/p>\n<p>&nbsp;<\/p>\n<h3>2. Soulful Vibes Co.<\/h3>\n<p><img decoding=\"async\" class=\"size-full wp-image-28383 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/Soulful_Vibes_Co..jpg\" alt=\"webdesign-regles-des-tiers\" width=\"700\" height=\"485\" \/><\/p>\n<p>Dans cet exemple, le webdesigner a choisi de placer respectivement le bracelet de perles et les cristaux sur les tiers gauches et droits de la page. Il s&#8217;assure ainsi de reporter toute l\u2019attention du visiteur sur le texte central de la composition. La r\u00e8gle des tiers est ainsi judicieusement exploit\u00e9e pour offrir une composition esth\u00e9tique, harmonieuse, et paisible \u00e0 la page d\u2019accueil du site Soulful Vibes Co.<\/p>\n<p>&nbsp;<\/p>\n<h3>3. \u00c9tablissement Public de Sant\u00e9 National de Fresnes<\/h3>\n<p><img decoding=\"async\" class=\"size-full wp-image-28382 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/Etablissement_Public_de_Sant_C3_A9_National_de_Fresnes.jpg\" alt=\"webdesign-regles-des-tiers\" width=\"700\" height=\"428\" \/><\/p>\n<p>Le site Web de l\u2019\u00e9tablissement Public de Sant\u00e9 National de Fresnes utilise la r\u00e8gle des tiers pour attirer l&#8217;attention sur la photo empathique des mains du soignant et du patient, situ\u00e9e dans la section tiers de gauche. La page est ainsi plus engageante et coh\u00e9rente, et utilise un bloc de texte sur fond color\u00e9 dans le tiers droit pour \u00e9quilibrer la structure asym\u00e9trique de la page.<\/p>\n<p>&nbsp;<\/p>\n<h3>4. Green Geeks\u00ae Web Hosting<\/h3>\n<p><img decoding=\"async\" class=\"size-full wp-image-28381 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/Green_Geeks_C2_AE_Web_Hosting.jpg\" alt=\"webdesign-regles-des-tiers\" width=\"700\" height=\"332\" \/><\/p>\n<p>Dans ce dernier exemple, le webdesigner utilise la r\u00e8gle des tiers pour attirer le regard du visiteur vers le slogan et le <a href=\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\">CTA<\/a> de la page d&#8217;accueil du site Green Geeks\u00ae. Le protagoniste principal de l\u2019image est quant \u00e0 lui plac\u00e9 dans le dernier tiers droit de la composition, toujours dans le but d\u2019\u00e9quilibrer l\u2019ensemble.<\/p>\n<p>&nbsp;<\/p>\n<h2>La r\u00e8gle des tiers est elle obligatoire\u00a0?<\/h2>\n<p>Rappelons que le <a href=\"https:\/\/graphiste.com\/blog\/exemples-cartes-interactives-webdesign\">webdesign<\/a>, en tant que pratique artistique \u00e0 part enti\u00e8re, n\u2019est pas soumis \u00e0 des r\u00e8gles strictes. De fait, il existe de nombreuses exceptions possibles \u00e0 la r\u00e8gle des tiers. Une fois celle-ci bien ma\u00eetris\u00e9e, vous \u00eates ainsi libre de vous en exempter d\u00e8s que cela vous semble n\u00e9cessaire. Vous pourriez, en effet, estimer qu\u2019une composition sym\u00e9trique est plus convaincante selon les cas.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-28380 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/Tone_Dermatology.jpg\" alt=\"webdesign-regles-des-tiers\" width=\"700\" height=\"332\" \/><\/p>\n<p>Prenons l\u2019exemple de la page d\u2019accueil du site Tone Dermatology. Ici, l\u2019image est judicieusement centr\u00e9e au beau milieu de la mise en page. L&#8217;accent est ainsi enti\u00e8rement mis sur le personnage principal. La composition s\u2019\u00e9quilibre parfaitement en raison de la position du visage du personnage f\u00e9minin, dont le regard est tourn\u00e9 vers la gauche de l&#8217;\u00e9cran, tandis que le chignon occupe la droite de la composition. Il s\u2019agit donc d\u2019une image asym\u00e9trique plac\u00e9e au centre d\u2019une composition sym\u00e9trique.<\/p>\n<p>&nbsp;<\/p>\n<h2>Conclusion<\/h2>\n<p>La r\u00e8gle des tiers est une technique de composition appliqu\u00e9e en webdesign dans le but de le rendre plus attrayant, et de guider le regard du visiteur vers les \u00e9l\u00e9ments souhait\u00e9s. S\u2019il est n\u00e9cessaire de ma\u00eetriser cette r\u00e8gle, son utilisation n\u2019est pas syst\u00e9matique, le regard du designer et son appr\u00e9ciation restant la principale cl\u00e9 du succ\u00e8s d\u2019une mise en page.<\/p>\n<p>Vous \u00eates \u00e0 la recherche d\u2019un designer capable de composer la mise en page de vos interfaces web\u00a0? Rendez-vous sur <a href=\"https:\/\/graphiste.com\">Graphiste.com.<\/a><\/p>\n<blockquote><p><strong>\u00c0 lire aussi&nbsp;: <\/strong><a href=\"https:\/\/graphiste.com\/blog\/photographie-regle-des-tiers\">Comment utiliser la r\u00e8gle des tiers en photographie&nbsp;?<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Bien utiliser la r\u00e8gle des tiers dans le webdesign vous assure de faire ressortir le meilleur de vos \u00e9l\u00e9ments de conception, en les positionnant l\u00e0 o\u00f9 ils attirent le plus l\u2019attention du visiteur. Dans cet article, apprenez \u00e0 utiliser la r\u00e8gle des tiers dans vos conceptions graphiques, afin d\u2019augmenter leur attractivit\u00e9. &nbsp; Qu\u2019est-ce que la [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":28378,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[69],"class_list":["post-28377","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-graphisme"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Bien utiliser la r\u00e8gle des tiers dans le webdesign vous assure de faire ressortir le meilleur de vos \u00e9l\u00e9ments de conception, en les positionnant l\u00e0 o\u00f9 ils\" \/>\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\/regle-des-tiers\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Bien utiliser la r\u00e8gle des tiers dans le webdesign vous assure de faire ressortir le meilleur de vos \u00e9l\u00e9ments de conception, en les positionnant l\u00e0 o\u00f9 ils\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/\" \/>\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=\"2022-03-31T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T08:17:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"Solenne Ricard\" \/>\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=\"Solenne Ricard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/\"},\"author\":{\"name\":\"Solenne Ricard\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\"},\"headline\":\"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers\",\"datePublished\":\"2022-03-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:17:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/\"},\"wordCount\":980,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png\",\"keywords\":[\"Tout savoir sur le Graphisme\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/\",\"url\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/\",\"name\":\"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png\",\"datePublished\":\"2022-03-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:17:13+00:00\",\"description\":\"Bien utiliser la r\u00e8gle des tiers dans le webdesign vous assure de faire ressortir le meilleur de vos \u00e9l\u00e9ments de conception, en les positionnant l\u00e0 o\u00f9 ils\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png\",\"width\":850,\"height\":423,\"caption\":\"Design vecteur cr\u00e9\u00e9 par stories - fr.freepik.com\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers\"}]},{\"@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\/d32851799b2f02a17a0e64f98fe5def4\",\"name\":\"Solenne Ricard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"caption\":\"Solenne Ricard\"},\"description\":\"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/solennericard\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers - Graphiste Blog","description":"Bien utiliser la r\u00e8gle des tiers dans le webdesign vous assure de faire ressortir le meilleur de vos \u00e9l\u00e9ments de conception, en les positionnant l\u00e0 o\u00f9 ils","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\/regle-des-tiers\/","og_locale":"fr_FR","og_type":"article","og_title":"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers - Graphiste Blog","og_description":"Bien utiliser la r\u00e8gle des tiers dans le webdesign vous assure de faire ressortir le meilleur de vos \u00e9l\u00e9ments de conception, en les positionnant l\u00e0 o\u00f9 ils","og_url":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-03-31T23:00:00+00:00","article_modified_time":"2022-11-03T08:17:13+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png","type":"image\/png"}],"author":"Solenne Ricard","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Solenne Ricard","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/"},"author":{"name":"Solenne Ricard","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4"},"headline":"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers","datePublished":"2022-03-31T23:00:00+00:00","dateModified":"2022-11-03T08:17:13+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/"},"wordCount":980,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png","keywords":["Tout savoir sur le Graphisme"],"articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/regle-des-tiers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/","url":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/","name":"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png","datePublished":"2022-03-31T23:00:00+00:00","dateModified":"2022-11-03T08:17:13+00:00","description":"Bien utiliser la r\u00e8gle des tiers dans le webdesign vous assure de faire ressortir le meilleur de vos \u00e9l\u00e9ments de conception, en les positionnant l\u00e0 o\u00f9 ils","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/regle-des-tiers\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/07\/webdesign-regles-des-tiers-1.png","width":850,"height":423,"caption":"Design vecteur cr\u00e9\u00e9 par stories - fr.freepik.com"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/regle-des-tiers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign\u00a0: bien utiliser la r\u00e8gle des tiers"}]},{"@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\/d32851799b2f02a17a0e64f98fe5def4","name":"Solenne Ricard","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","caption":"Solenne Ricard"},"description":"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.","sameAs":["https:\/\/www.linkedin.com\/in\/solennericard\/"],"url":"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/28377","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\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=28377"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/28377\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/28378"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=28377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=28377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=28377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}