{"id":5729,"date":"2023-10-02T12:19:00","date_gmt":"2023-10-02T10:19:00","guid":{"rendered":"https:\/\/graphizm.fr\/greta\/?p=5729"},"modified":"2023-10-11T14:51:04","modified_gmt":"2023-10-11T12:51:04","slug":"contrastes-typographiques","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/","title":{"rendered":"Les contrastes typographiques"},"content":{"rendered":"\n<p>Cet article est un compl\u00e9ment d\u2019information sur&nbsp;<strong>l\u2019utilisation du contraste en design graphique<\/strong>.<\/p>\n\n\n\n<p><strong>Pour cr\u00e9er des tensions visuelles dans une composition et pour favoriser la lecture du message \u00e0 transmettre<\/strong>, le designer graphique utilise plusieurs types de contraste. Concernant la structuration, la stylisation et la composition des textes, plusieurs contrastes peuvent \u00eatre mis en \u0153uvre. Ils s\u2019appliquent g\u00e9n\u00e9ralement \u00e0 la diff\u00e9renciation entre&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong> les titres<\/strong> (lecture de rep\u00e9rage \u2013 textes courts) et<strong> les paragraphes<\/strong> (lecture suivie \u2013 textes longs).<\/li>\n\n\n\n<li>les <strong>textes normaux<\/strong> et les <strong>textes mis en \u00e9vidence<\/strong> (textes importants ou emphatiques) <strong>ou mis en retrait<\/strong> (mentions obligatoires, conditions de ventes, etc.)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"850\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/contrastes-typo.jpg\" alt=\"\" class=\"wp-image-5731\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/contrastes-typo.jpg 700w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/contrastes-typo-494x600.jpg 494w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><figcaption class=\"wp-element-caption\">Tableau extrait de \u201c<em>Aide au choix de la typographie<\/em>\u201d,&nbsp;de G\u00e9rard BLANCHARD, publi\u00e9 aux ateliers Perrousseaux.<\/figcaption><\/figure>\n\n\n\n<p>Sommaire<a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#\"><\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#Inventaire_de_contrastes_typographiques\">Inventaire de contrastes typographiques<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#Les_contrastes_d%E2%80%99ecriture\">Les contrastes d\u2019\u00e9criture<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#Les_contrastes_de_famille_typographique\">Les contrastes de famille typographique<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#Les_contrastes_de_forme_ou_de_structure\">Les contrastes de forme ou de structure<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#Les_contrastes_de_couleur\">Les contrastes de couleur<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#Les_contrastes_de_composition_typographique\">Les contrastes de composition typographique<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#En_savoir_plus\">En savoir plus<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#Voir_des_illustrations_sur_le_sujet\">Voir des illustrations sur le sujet<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/com-crea\/contrastes-typographiques\/#Articles_specialises_en_anglais\">Articles sp\u00e9cialis\u00e9s (en anglais)<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #6b6b6b;color:#6b6b6b\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #6b6b6b;color:#6b6b6b\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Inventaire_de_contrastes_typographiques\" >Inventaire de contrastes typographiques<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Les_contrastes_decriture\" >Les contrastes d\u2019\u00e9criture<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Les_contrastes_de_famille_typographique\" >Les contrastes de famille typographique<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Les_contrastes_de_forme_ou_de_structure\" >Les contrastes de forme ou de structure<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Les_contrastes_de_couleur\" >Les contrastes de couleur<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Les_contrastes_de_composition_typographique\" >Les contrastes de composition typographique<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Contrastes_et_combinaisons_typographiques\" >Contrastes et combinaisons typographiques<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#En_savoir_plus\" >En savoir plus<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Voir_des_illustrations_sur_le_sujet\" >Voir des illustrations sur le sujet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Articles_traitant_du_contraste_et_des_combinaisons_typographiques\" >Articles traitant du contraste et des combinaisons typographiques<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/contrastes-typographiques\/#Articles_en_anglais_sur_le_meme_sujet\" >Articles en anglais sur le m\u00eame sujet<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Inventaire_de_contrastes_typographiques\"><\/span>Inventaire de contrastes typographiques<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_contrastes_decriture\"><\/span>Les contrastes d\u2019\u00e9criture<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Les contrastes d\u2019\u00e9criture ont \u00e9t\u00e9 utilis\u00e9s tr\u00e8s t\u00f4t dans l\u2019histoire de l\u2019\u00e9criture, pour distinguer le d\u00e9but des chapitres (lettrine ou incipit) et le texte lui m\u00eame. Cette distinction par un changement d\u2019\u00e9criture s\u2019est \u00e9tendue \u00e0 l\u2019inscription des titres.<\/p>\n\n\n\n<p>Les contrastes d\u2019\u00e9criture sont <strong>une forme particuli\u00e8re des contrastes de forme et de structure<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>romain (humanistique) \/ italique (chanceli\u00e8re)<\/li>\n\n\n\n<li>romain (humanistique) \/ anglaise (cooperplate)<\/li>\n\n\n\n<li>onciale (celtique) \/ romain (humanistique)<\/li>\n\n\n\n<li>onciale (celtique) \/ italique (chanceli\u00e8re)<\/li>\n\n\n\n<li>autres contrastes d\u2019\u00e9criture<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_contrastes_de_famille_typographique\"><\/span>Les contrastes de famille typographique<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Les contrastes de famille typographique sont <strong>une forme particuli\u00e8re des contrastes de forme ou de structure<\/strong> et <strong>une g\u00e9n\u00e9ralisation des contrastes d\u2019\u00e9criture<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>serif (s\u00e9rieuses) \/ sans serif (neutres)<\/li>\n\n\n\n<li>display (expressives) \/ sans serif (neutres)<\/li>\n\n\n\n<li>handwriting (scriptes et cursives manuscrites \u2013 amicales) \/ sans serif (neutres)<\/li>\n\n\n\n<li>handwriting (scriptes et cursives manuscrites \u2013 amicales) \/ serif (s\u00e9rieuses)<\/li>\n\n\n\n<li>lettres toscanes (tuscan letters) \/ lettres<\/li>\n\n\n\n<li>autres contrastes de familles de polices<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_contrastes_de_forme_ou_de_structure\"><\/span>Les contrastes de forme ou de structure<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Les contrastes de forme ou de structure pr\u00e9cisent les <strong>diff\u00e9rences identifiables entre plusieurs types d\u2019\u00e9critures ou de lettrages<\/strong>.<\/p>\n\n\n\n<p class=\"has-text-align-center has-subtle-background-background-color has-background\"><em>Notez que le terme \u201clettre contrast\u00e9e\u201d d\u00e9signe un type de lettres<\/em><br><em>pr\u00e9sentant une diff\u00e9rence de graisse entre ses parties (<a href=\"https:\/\/fonts.google.com\/knowledge\/glossary\/contrast\">https:\/\/fonts.google.com\/knowledge\/glossary\/contrast<\/a>).<\/em><br><em>On parle de pleins et de d\u00e9li\u00e9s pour les lettres calligraphiques.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>contrast\u00e9 (diff\u00e9rence entre pleins et d\u00e9li\u00e9s) \/ uniforme (traits de lettre de m\u00eame \u00e9paisseur)<\/li>\n\n\n\n<li>haut de casse (capitales ou majuscules) \/ bas de casse (minuscules)<\/li>\n\n\n\n<li>avec empattements rectangulaires \/ sans empattement<\/li>\n\n\n\n<li>avec empattements filiformes \/ sans empattement<\/li>\n\n\n\n<li>avec empattements triangulaires \/ sans empattement<\/li>\n\n\n\n<li>avec empattements fourchus \/ sans empattement<\/li>\n\n\n\n<li>scripte (d\u00e9tach\u00e9) \/ cursive (attach\u00e9)<\/li>\n\n\n\n<li>droit (vertical) \/ inclin\u00e9 (pench\u00e9)<\/li>\n\n\n\n<li>\u00e9largi (\u00e9tendu) \/ \u00e9troitis\u00e9 (condens\u00e9)<\/li>\n\n\n\n<li>grand ou tr\u00e8s grand \/ petit ou tr\u00e8s petit<\/li>\n\n\n\n<li>gras \/ maigre<\/li>\n\n\n\n<li>rectiligne \/ curviligne<\/li>\n\n\n\n<li>rectangulaire \/ circulaire<\/li>\n\n\n\n<li>g\u00e9om\u00e9trique \/ organique<\/li>\n\n\n\n<li>avec bordure ou contour \/ sans bordure ou contour<\/li>\n\n\n\n<li>avec motif ou texture \/ sans motif ou texture<\/li>\n\n\n\n<li>avec relief \/ sans relief<\/li>\n\n\n\n<li>autres contrastes de forme ou de structure<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_contrastes_de_couleur\"><\/span>Les contrastes de couleur<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Les contrastes de couleur concernent <strong>la couleur des textes et la couleur du fond <\/strong>sur lequel le texte est pr\u00e9sent\u00e9.<\/p>\n\n\n\n<p class=\"has-text-align-center has-subtle-background-background-color has-background\"><em>Notez que l\u2019expression \u201ccouleur typographique\u201d ou \u201cgris typographique\u201d<\/em><br><em>d\u00e9signe l\u2019intensit\u00e9 du gris produit par le m\u00e9lange optique du texte<\/em><br><em>sur la couleur du papier.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>couleur \/ noir et blanc<\/li>\n\n\n\n<li>couleur fonc\u00e9e \/ couleur claire<\/li>\n\n\n\n<li>couleur chaude \/ couleur froide<\/li>\n\n\n\n<li>couleur vive (satur\u00e9e) \/ couleur terne (d\u00e9satur\u00e9e)<\/li>\n\n\n\n<li>autres contrastes de couleur<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_contrastes_de_composition_typographique\"><\/span>Les contrastes de composition typographique<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Les contrastes de composition typographique concernent des moyens d\u00e9ploy\u00e9s pour <strong>diff\u00e9rencier deux textes par leur positionnement dans la page<\/strong>. Il n\u2019est plus question de formes ou de dessin des lettres, mais plut\u00f4t de mise en page des lettres, des mots, les lignes, des colonnes et des textes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>ligne de texte horizontale \/ ligne de texte verticale<\/li>\n\n\n\n<li>ligne de texte horizontale \/ ligne de texte inclin\u00e9e<\/li>\n\n\n\n<li>lettres dispos\u00e9es horizontalement \/ lettres dispos\u00e9es verticalement<\/li>\n\n\n\n<li>lettres normales ou espac\u00e9es \/ lettres serr\u00e9es<\/li>\n\n\n\n<li>lettres normales ou serr\u00e9es \/ lignes espac\u00e9es<\/li>\n\n\n\n<li>autres contrastes de composition typographique<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Contrastes_et_combinaisons_typographiques\"><\/span>Contrastes et combinaisons typographiques<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"469\" height=\"1024\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/pairing-fonts-469x1024.jpg\" alt=\"\" class=\"wp-image-5929\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/pairing-fonts-469x1024.jpg 469w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/pairing-fonts-275x600.jpg 275w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/pairing-fonts.jpg 564w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/><\/figure>\n<\/div>\n\n\n<p>Les combinaisons typographiques proposent d&rsquo;<strong>associer 2 polices de caract\u00e8res de mani\u00e8re harmonieuse<\/strong>. \u00c0 vrai dire, l\u2019esth\u00e9tique n&rsquo;est pas le seul crit\u00e8re d\u2019association. la combinaison des polices de caract\u00e8res doit aussi <strong>r\u00e9pondre \u00e0 un besoin fonctionnel<\/strong>.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Pour associer 2 polices de caract\u00e8res, il convient de <strong>d\u00e9finir quel est le type de lecture des textes <\/strong>utilisant l&rsquo;une et l&rsquo;autre des fontes s\u00e9lectionn\u00e9es. Une<strong> lecture suivie<\/strong> de texte courant de petite taille n\u2019exige pas les m\u00eames caract\u00e8res typographique qu&rsquo;une <strong>lecture de rep\u00e9rage<\/strong> de titres courts pr\u00e9sent\u00e9s dans un corps important.<\/p>\n\n\n\n<p>Si vous recherchez une police de caract\u00e8res pour les textes de titrage et une police de caract\u00e8res pour les textes de labeur, <strong>\u00e9liminez d&#8217;embl\u00e9e les propositions associant deux polices expressives ou amicales<\/strong> <strong>d\u00e9coratives<\/strong>. En effet aucune d&rsquo;entre elles ne pourra \u00eatre utilis\u00e9e pour la lecture suivie.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"En_savoir_plus\"><\/span>En savoir plus<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Voir_des_illustrations_sur_le_sujet\"><\/span>Voir des illustrations sur le sujet<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.pinterest.fr\/dendrographe\/typographie-contraste\/\" target=\"_blank\">https:\/\/www.pinterest.fr\/dendrographe\/typographie-contraste\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.pinterest.fr\/dendrographe\/typographie-combinaisons\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.pinterest.fr\/dendrographe\/typographie-combinaisons\/<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Articles_traitant_du_contraste_et_des_combinaisons_typographiques\"><\/span>Articles traitant du contraste et des combinaisons typographiques<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.ux-republic.com\/la-typographie-digitale-ou-lart-du-design-insaisissable\/\" target=\"_blank\">https:\/\/www.ux-republic.com\/la-typographie-digitale-ou-lart-du-design-insaisissable\/<\/a> <\/li>\n\n\n\n<li><a href=\"http:\/\/graphizm.fr\/typographie\/combos-typos\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/graphizm.fr\/typographie\/combos-typos\/<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/graphizm.fr\/typographie\/combos-typos-google\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/graphizm.fr\/typographie\/combos-typos-google\/<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/y-goguely.netboard.me\/lettragetypo\/?tab=147172\" data-type=\"link\" data-id=\"https:\/\/y-goguely.netboard.me\/lettragetypo\/?tab=147172\" target=\"_blank\">Combiner des fontes<\/a> (voir aussi les autres onglets du site)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Articles_en_anglais_sur_le_meme_sujet\"><\/span>Articles en anglais sur le m\u00eame sujet<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/app.uxcel.com\/courses\/typography-basics\/repetition--contrast-609\" target=\"_blank\">https:\/\/app.uxcel.com\/courses\/typography-basics\/repetition&#8211;contrast-609<\/a> (les <strong>illustrations du cours <\/strong>sont regroup\u00e9es et t\u00e9l\u00e9chargeables sur <a rel=\"noreferrer noopener\" href=\"https:\/\/graphizm.fr\/typographie\/illustrations-typo.zip\" data-type=\"link\" data-id=\"https:\/\/graphizm.fr\/typographie\/illustrations-typo.zip\" target=\"_blank\"><strong>graphizm.fr<\/strong><\/a>)<\/li>\n\n\n\n<li><a href=\"https:\/\/marketing.illinois.edu\/blog\/pairing-our-brand-fonts-to-create-contrast-and-emphasis\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/marketing.illinois.edu\/blog\/pairing-our-brand-fonts-to-create-contrast-and-emphasis<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/designshack.net\/articles\/typography\/tips-for-using-contrast-to-enhance-readability\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/designshack.net\/articles\/typography\/tips-for-using-contrast-to-enhance-readability\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/creativepro.com\/dot-font-seven-principles-of-typographic-contrast\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/creativepro.com\/dot-font-seven-principles-of-typographic-contrast\/<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Cet article est un compl\u00e9ment d\u2019information sur&nbsp;l\u2019utilisation du contraste en design graphique. Pour cr\u00e9er des tensions visuelles dans une composition et pour favoriser la lecture du message \u00e0 transmettre, le designer graphique utilise plusieurs types de contraste. Concernant la structuration, la stylisation et la composition des textes, plusieurs contrastes peuvent \u00eatre mis en \u0153uvre. Ils [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,4],"tags":[],"class_list":["post-5729","post","type-post","status-publish","format-standard","hentry","category-cc1-cours","category-com-crea"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","twentytwenty-fullscreen":""},"post_excerpt_stackable_v2":"<p>Cet article est un compl\u00e9ment d\u2019information sur&nbsp;l\u2019utilisation du contraste en design graphique. Pour cr\u00e9er des tensions visuelles dans une composition et pour favoriser la lecture du message \u00e0 transmettre, le designer graphique utilise plusieurs types de contraste. Concernant la structuration, la stylisation et la composition des textes, plusieurs contrastes peuvent \u00eatre mis en \u0153uvre. Ils s\u2019appliquent g\u00e9n\u00e9ralement \u00e0 la diff\u00e9renciation entre&nbsp;: les titres (lecture de rep\u00e9rage \u2013 textes courts) et les paragraphes (lecture suivie \u2013 textes longs). les textes normaux et les textes mis en \u00e9vidence (textes importants ou emphatiques) ou mis en retrait (mentions obligatoires, conditions de ventes, etc.)\u2026<\/p>","category_list_v2":"<a href=\"https:\/\/graphizm.fr\/greta\/category\/com-crea\/cc1-cours\/\" rel=\"category tag\">CC1-cours<\/a>, <a href=\"https:\/\/graphizm.fr\/greta\/category\/com-crea\/\" rel=\"category tag\">Com-Cr\u00e9a<\/a>","author_info_v2":{"name":"Yves Goguely","url":"https:\/\/graphizm.fr\/greta\/author\/formationsgreta\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/5729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/comments?post=5729"}],"version-history":[{"count":15,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/5729\/revisions"}],"predecessor-version":[{"id":5943,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/5729\/revisions\/5943"}],"wp:attachment":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/media?parent=5729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/categories?post=5729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/tags?post=5729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}