{"id":2364,"date":"2020-10-05T11:42:07","date_gmt":"2020-10-05T09:42:07","guid":{"rendered":"http:\/\/graphizm.fr\/greta\/?p=2364"},"modified":"2023-10-08T17:35:32","modified_gmt":"2023-10-08T15:35:32","slug":"caracteriser-police-de-caracteres","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/com-crea\/caracteriser-police-de-caracteres\/","title":{"rendered":"Caract\u00e9riser une police de caract\u00e8res"},"content":{"rendered":"\n<p class=\"has-subtle-background-background-color has-background\">Au cours de cet exercice, vous allez <strong>utiliser une grille d&rsquo;identification en 8 points<\/strong>. Cette grille vous permettra de <strong>collecter les caract\u00e9ristiques d&rsquo;une police ce caract\u00e8res<\/strong>. Vous pourrez ainsi identifier plus facilement les polices de caract\u00e8res fondamentales utilis\u00e9es en communication visuelle.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 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\/caracteriser-police-de-caracteres\/#Construire_une_matrice_didentification\" >Construire une matrice d&rsquo;identification<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/caracteriser-police-de-caracteres\/#Collecter_des_informations_sur_plusieurs_polices_de_caracteres\" >Collecter des informations sur plusieurs polices de caract\u00e8res<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/caracteriser-police-de-caracteres\/#Apprendre_a_reconnaitre_des_fontes_en_jouant\" >Apprendre \u00e0 reconna\u00eetre des fontes en jouant<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Construire_une_matrice_didentification\"><\/span>Construire une matrice d&rsquo;identification<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Pour commencer l&rsquo;exercice \u00e0 la main, je vous propose de plier une feuille A4 en 9 cases \u00e9gales. Pour cela il faut plier la feuille en 3, en hauteur et en largeur.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-01.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-01-1024x768.jpg\" alt=\"\" class=\"wp-image-2376\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-01-1024x768.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-01-600x450.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-01-768x576.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-01-1536x1152.jpg 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-01-1200x900.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-01.jpg 1588w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Appr\u00e9ciez l&rsquo;\u00e9galit\u00e9 des 2 moiti\u00e9s \u00e0 l&rsquo;\u0153il, sans prendre de mesures&nbsp;!<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"769\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-02-1024x769.jpg\" alt=\"\" class=\"wp-image-2377\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-02-1024x769.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-02-600x450.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-02-768x576.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-02-1536x1153.jpg 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-02-1200x901.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/pliage-9-cases-02.jpg 1588w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Voil\u00e0 ce que vous obtenez apr\u00e8s avoir d\u00e9pli\u00e9 votre feuille&#8230;<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Dans les 9 cases obtenues, inscrivez les caract\u00e9ristiques suivantes, dans l&rsquo;ordre indiqu\u00e9 sur le sch\u00e9ma ci-dessous.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/caracteristiques-typo-01.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/caracteristiques-typo-01-1024x768.jpg\" alt=\"\" class=\"wp-image-2378\" style=\"width:610px;height:458px\" width=\"610\" height=\"458\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/caracteristiques-typo-01-1024x768.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/caracteristiques-typo-01-600x450.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/caracteristiques-typo-01-768x576.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/caracteristiques-typo-01-1536x1152.jpg 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/caracteristiques-typo-01-1200x900.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/10\/caracteristiques-typo-01.jpg 1588w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/figure>\n\n\n\n<p>D\u00e9sormais, vous pouvez utiliser cette matrice d&rsquo;identification pour \u00e9tudier de mani\u00e8re plus pr\u00e9cise une police de caract\u00e8res. Je vous propose <strong>un exemple complet avec la police de caract\u00e8res GOTHAM, de Tobias Frere-Jones<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/caracteristiques-typo-03.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"769\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/caracteristiques-typo-03-1024x769.jpg\" alt=\"\" class=\"wp-image-5808\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/caracteristiques-typo-03-1024x769.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/caracteristiques-typo-03-600x450.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/caracteristiques-typo-03-768x576.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/caracteristiques-typo-03-1536x1153.jpg 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/caracteristiques-typo-03-1200x901.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/10\/caracteristiques-typo-03.jpg 1588w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Collecter_des_informations_sur_plusieurs_polices_de_caracteres\"><\/span>Collecter des informations sur plusieurs polices de caract\u00e8res<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Dans un premier temps, je vous invite \u00e0 effectuer des recherches sur une s\u00e9lection de polices de caract\u00e8res que je qualifie de fondamentales. Voici une liste d&rsquo;<strong>une vingtaine de typographies fondamentales<\/strong> :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clarendon<\/li>\n\n\n\n<li>Normande<\/li>\n\n\n\n<li>Franklin Gothic<\/li>\n\n\n\n<li>Cooper Black<\/li>\n\n\n\n<li>Futura<\/li>\n\n\n\n<li>Gill Sans<\/li>\n\n\n\n<li>Times<\/li>\n\n\n\n<li>Rockwell<\/li>\n\n\n\n<li>Mistral<\/li>\n\n\n\n<li>Antique Olive Nord<\/li>\n\n\n\n<li>Helvetica<\/li>\n\n\n\n<li>Univers<\/li>\n\n\n\n<li>Optima<\/li>\n\n\n\n<li>Eurostile<\/li>\n\n\n\n<li>Avant Garde<\/li>\n\n\n\n<li>Frutiger<\/li>\n\n\n\n<li>Arial<\/li>\n\n\n\n<li>Avenir<\/li>\n\n\n\n<li>Interstate<\/li>\n\n\n\n<li>Gotham<\/li>\n<\/ul>\n\n\n\n<p class=\"has-primary-background-color has-background\"><strong>Commencez par \u00e9tudier 4 d&rsquo;entre elles<\/strong> en les choisissant selon vos affinit\u00e9s du moment. Vous en \u00e9tudierez 4 autres ult\u00e9rieurement et ainsi de suite. <strong>Vous \u00e9largirez progressivement votre culture typographique<\/strong> et vous utiliserez \u00e0 bon escient les tr\u00e9sors typographiques \u00e0 votre disposition.<\/p>\n\n\n\n<p>Vous trouverez les <strong>renseignements demand\u00e9s sur le Web et sur les documents indiqu\u00e9s en cours par votre formateur.<\/strong> En explorant le compte du Dendrographe sur <a href=\"https:\/\/www.biggerplate.com\/dendrographe\" data-type=\"link\" data-id=\"https:\/\/www.biggerplate.com\/dendrographe\" target=\"_blank\" rel=\"noreferrer noopener\">Biggerplate<\/a>, vous allez trouver des mines d&rsquo;or sur le sujet&nbsp;!<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Visionnez les vid\u00e9os de la s\u00e9rie <a rel=\"noreferrer noopener\" href=\"https:\/\/www.dailymotion.com\/search\/sacr%C3%A9s%20caract%C3%A8res\/videos\" target=\"_blank\">Sacr\u00e9s caract\u00e8res<\/a>, \u00e9dit\u00e9es par France Culture, pour en savoir davantage sur quelques unes des polices de caract\u00e8res de la liste ci-dessus&nbsp;!<\/p>\n\n\n\n<p>Vous trouverez aussi une grande partie des renseignements demand\u00e9s dans les ouvrages respectifs de David RAULT et Tony SEDDON&nbsp;: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.adverbum.fr\/atelier-perrousseaux\/david-rault\/guide-pratique-de-choix-typographique_4yrc07ab75lc.html\" target=\"_blank\">Guide pratique de choix typographique<\/a> et <a rel=\"noreferrer noopener\" href=\"https:\/\/www.dunod.com\/sciences-techniques\/typo-essentiel-anatomie-style-et-classification\" target=\"_blank\">Typo, l&rsquo;essentiel &#8211; Anatomie, style et classification<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Apprendre_a_reconnaitre_des_fontes_en_jouant\"><\/span>Apprendre \u00e0 reconna\u00eetre des fontes en jouant<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Pour apprendre \u00e0 <strong>distinguer l&rsquo;Helvetica, du Gill Sans, du Futura, du Verdana et de l&rsquo;Optima puis le Didot du Times, du Baskerville et du Garamond<\/strong>, rendez vous sur le site <a rel=\"noreferrer noopener\" href=\"http:\/\/typewar.com\/\" target=\"_blank\">typeware.com<\/a>.<\/p>\n\n\n\n<p>Apr\u00e8s vous \u00eatre \u00e9chauff\u00e9s en jouant \u00e0 typewar.com, <strong> vous reconna\u00eetrez sans peine plusieurs polices de caract\u00e8res<\/strong> utilis\u00e9es pour ce <a rel=\"noreferrer noopener\" href=\"https:\/\/betterwebtype.com\/font-memory-game\/\" target=\"_blank\">\u201cmemory\u201d typographique<\/a>.<\/p>\n\n\n\n<p>Un dernier pour la route&#8230; Il s&rsquo;agit l\u00e0 aussi de <strong>reconna\u00eetre des polices fondamentales<\/strong> (et plusieurs autres, moins courantes). Jouez \u00e0 <a href=\"https:\/\/ilovetypography.com\/2020\/05\/31\/the-font-game\" target=\"_blank\" rel=\"noreferrer noopener\">The font game<\/a> !<\/p>\n\n\n\n<p>Il y en a d&rsquo;autres sur <a href=\"https:\/\/ilovetypography.com\/tag\/quiz\/\" target=\"_blank\" rel=\"noreferrer noopener\">ilovetypography.com<\/a>&#8230;<\/p>","protected":false},"excerpt":{"rendered":"<p>Au cours de cet exercice, vous allez utiliser une grille d&rsquo;identification en 8 points. Cette grille vous permettra de collecter les caract\u00e9ristiques d&rsquo;une police ce caract\u00e8res. Vous pourrez ainsi identifier plus facilement les polices de caract\u00e8res fondamentales utilis\u00e9es en communication visuelle. Construire une matrice d&rsquo;identification Pour commencer l&rsquo;exercice \u00e0 la main, je vous propose de [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,4],"tags":[],"class_list":["post-2364","post","type-post","status-publish","format-standard","hentry","category-cc1-exos","category-com-crea"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","twentytwenty-fullscreen":""},"post_excerpt_stackable_v2":"<p>Au cours de cet exercice, vous allez utiliser une grille d&rsquo;identification en 8 points. Cette grille vous permettra de collecter les caract\u00e9ristiques d&rsquo;une police ce caract\u00e8res. Vous pourrez ainsi identifier plus facilement les polices de caract\u00e8res fondamentales utilis\u00e9es en communication visuelle. Sommaire Toggle Construire une matrice d&rsquo;identificationCollecter des informations sur plusieurs polices de caract\u00e8resApprendre \u00e0 reconna\u00eetre des fontes en jouant Construire une matrice d&rsquo;identification Pour commencer l&rsquo;exercice \u00e0 la main, je vous propose de plier une feuille A4 en 9 cases \u00e9gales. Pour cela il faut plier la feuille en 3, en hauteur et en largeur. Appr\u00e9ciez l&rsquo;\u00e9galit\u00e9 des 2\u2026<\/p>","category_list_v2":"<a href=\"https:\/\/graphizm.fr\/greta\/category\/com-crea\/cc1-exos\/\" rel=\"category tag\">CC1-exos<\/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\/2364","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=2364"}],"version-history":[{"count":32,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/2364\/revisions"}],"predecessor-version":[{"id":5813,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/2364\/revisions\/5813"}],"wp:attachment":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/media?parent=2364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/categories?post=2364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/tags?post=2364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}