{"id":251840,"date":"2023-10-13T06:47:00","date_gmt":"2023-10-13T03:47:00","guid":{"rendered":"https:\/\/inform.click\/la-typographie-parle-plus-que-les-mots\/"},"modified":"2023-10-13T07:20:00","modified_gmt":"2023-10-13T04:20:00","slug":"la-typographie-parle-plus-que-les-mots","status":"publish","type":"post","link":"https:\/\/inform.click\/fr\/la-typographie-parle-plus-que-les-mots\/","title":{"rendered":"La typographie parle plus que les mots"},"content":{"rendered":"<p>\n  Aujourd&rsquo;hui, les graphistes utilisent largement la typographie afin de d\u00e9couvrir les relations entre la conception du type et ce que ce type dit vraiment. Un graphiste couperet cr\u00e9e un bon \u00e9quilibre entre les caract\u00e9ristiques verbales et visuelles d&rsquo;un design particulier pour communiquer son message.\n<\/p>\n<p>\n  Parfois, cependant, les graphistes d\u00e9couvrent que la caract\u00e9ristique visuelle du type est plus puissante que celle de l&rsquo;aspect verbal. Dans ces cas, le langage visuel est utilis\u00e9 pour faire tout le discours. Ici, dans cet article, nous mettons en lumi\u00e8re ce qui se passe lorsque la typographie parle plus que les mots.\n<\/p>\n<p>\n  Selon Cal Swan, auteur du c\u00e9l\u00e8bre langage et typographie du livre, \u00ab\u00a0Lorsque ces deux domaines diff\u00e9rents se rejoignent quelque part dans la pratique, ils cr\u00e9ent un lien fort entre les transmissions de mots sous forme visible et leur conception en tant que message\u00a0\u00bb.\n<\/p>\n<p>\n  Ici, beaucoup de gens ne connaissent pas la signification des termes \u00ablangage verbal\u00bb et \u00ablangage visuel \u00bb. \u00c9claircissons ces deux mots et sa diff\u00e9rence ici. Dans la conception graphique, le langage verbal est la combinaison de phrases, de phrases et de mots, tandis que l&rsquo;aspect visuel fait r\u00e9f\u00e9rence aux phrases et aux significations produites par l&rsquo;apparence visuelle de l&rsquo;image et du texte. Ici, dans cet article, par le mot \u00ab\u00a0langage visuel\u00a0\u00bb, nous entendons la nature et la signification d&rsquo;une typographie soigneusement s\u00e9lectionn\u00e9e.&rsquo;\n<\/p>\n<p>\n  Ici, vous verrez une grande vari\u00e9t\u00e9 d&rsquo;exemples de langage verbal et visuel qui vous aideront \u00e0 comprendre facilement les deux. L&rsquo;implication des choix de type dans l&rsquo;interpr\u00e9tation et la signification sera \u00e9galement discut\u00e9e. Et vous saurez \u00e9galement comment pr\u00e9senter le m\u00eame message sous diff\u00e9rentes formes pour encourager et transmettre une vari\u00e9t\u00e9 de r\u00e9ponses.\n<\/p>\n<p>\n  Nous avons tous des exp\u00e9riences et des origines culturelles diff\u00e9rentes qui nous diff\u00e9rencient les uns des autres et qui affectent notre perception. Ainsi, malgr\u00e9 les efforts et les comp\u00e9tences du concepteur, de nombreuses caract\u00e9ristiques ing\u00e9rables subsistent, notamment la perception du spectateur, ses pr\u00e9f\u00e9rences, ses exp\u00e9riences, ses connaissances et ses attentes.\n<\/p>\n<p>\n  Par exemple, regardez cette pi\u00e8ce \u00e9tonnante de Greenpeace&nbsp;:\n<\/p>\n<p>\n  Bien s\u00fbr, qui d&rsquo;entre nous ne conna\u00eet pas le logo du chocolat pr\u00e9f\u00e9r\u00e9 du monde \u00ab\u00a0Kit Kat\u00a0\u00bb. La forme des lettres, le style et le type certainement et les proportions de l&rsquo;angle, de la forme et de la couleur g\u00e9n\u00e8rent tous une relation instantan\u00e9ment famili\u00e8re avec la marque de chocolat particuli\u00e8re &#8211; tout est si familier qu&rsquo;au d\u00e9but, vous ne remarquerez pas que quelque chose de diff\u00e9rent est sur le logo et vous pourriez en prendre un autre regardez pour voir le changement.\n<\/p>\n<h5>\n  Manipuler les r\u00e9actions et les sentiments&nbsp;:<br \/>\n<\/h5>\n<p>\n  Le langage visuel lors de la conception avec la typographie joue non seulement avec les \u00e9motions d&rsquo;une personne mais aussi avec vos r\u00e9ponses physiques. Dans l&rsquo;exemple suivant, nous vous montrerons un graphique simple des effets \u00e9motifs et vari\u00e9s et du contr\u00f4le hautement primordial que l&rsquo;on peut facilement atteindre en modifiant l&rsquo;aspect visuel d&rsquo;un message complet, mais il pr\u00e9sente toujours le m\u00eame langage verbal.\n<\/p>\n<p>\n  Dans la premi\u00e8re image, vous pouvez facilement voir le grand mot en gras, \u00e9troitement cr\u00e9n\u00e9 et mis en minuscules. La position du mot le rend fort et dominant et donne un message enti\u00e8rement confiant, amical et enthousiaste. La personne qui parle est heureuse de vous voir et vous accueille avec un immense sourire aux l\u00e8vres.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1480a7c0.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1480a7c0.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  D\u00e9couvrez maintenant la deuxi\u00e8me image qui contraste compl\u00e8tement avec la premi\u00e8re, malgr\u00e9 la m\u00eame salutation. Le positionnement, la couleur, l&rsquo;\u00e9chelle, la casse et la police sugg\u00e8rent une rencontre consid\u00e9rablement plus h\u00e9sitante et distante. En r\u00e9alit\u00e9, vous n&rsquo;\u00eates pas compl\u00e8tement s\u00fbr dans cette image que la personne qui parle ici veuille vous parler ou vous ignore compl\u00e8tement.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14b5f765.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14b5f765.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Si vous lisez les exemples ci-dessus \u00e0 haute voix, vous remarquerez les effets enti\u00e8rement diff\u00e9rents du langage visuel. Regardez la premi\u00e8re image et dites-la \u00e0 haute voix, cela illustrerait l&rsquo;ouverture, la convivialit\u00e9 et le plaisir authentique. En lisant \u00e0 haute voix la deuxi\u00e8me image, vous remarquerez un ton beaucoup plus calme, manquant de gage et une voix presque incertaine. Il existe une vari\u00e9t\u00e9 infinie de choix typographiques qui permettent d&rsquo;obtenir des changements spectaculaires ou subtils dans le ton et le volume de la voix.\n<\/p>\n<h5>\n  Comment tirer le meilleur parti du langage visuel :<br \/>\n<\/h5>\n<p>\n  Le langage verbal est g\u00e9n\u00e9ralement utilis\u00e9 pour fa\u00e7onner et inspirer le design, tandis que la typographie est utilis\u00e9e pour faire passer un message. le but des deux est le m\u00eame pour tirer le meilleur parti de la r\u00e9action des t\u00e9l\u00e9spectateurs. Si le design est soigneusement m\u00e9lang\u00e9, il peut conduire \u00e0 un r\u00e9sultat inoubliable. Les images suivantes sont des exemples parfaits des r\u00e9sultats que l&rsquo;on peut obtenir en utilisant l&rsquo;aspect verbal qui a aid\u00e9 \u00e0 motiver un langage visuel.\n<\/p>\n<p>\n  La premi\u00e8re image est une \u0153uvre d&rsquo;art de Herb Lubalin, un graphiste am\u00e9ricain bien connu qui, dans sa monographie, le d\u00e9crit par Alan Peckolick et Gertrude Snyder comme \u00e9tant \u00ab\u00a0un typographe couperet dont les concepts graphiques sont bas\u00e9s sur la typographie, l&rsquo;art et la copie et pour souligner le drame intrins\u00e8que \u00e0 son message, il a utilis\u00e9 tous les moyens de production disponibles.\n<\/p>\n<p>\n  Si nous relisons le sujet de cet article, nous remarquons que cette citation convient particuli\u00e8rement. Il montre Herb comme un graphiste qui valorisait non seulement le pouvoir du langage, mais aussi la composition et la typographie. Le livre explique clairement que les m\u00e9thodes de production utilis\u00e9es par Lubalin ne sont pas seulement pour les effets, mais aussi qu&rsquo;il met l&rsquo;accent sur le message et la signification d&rsquo;un projet particulier. \u00c0 l&rsquo;\u00e9poque de Herb, ces verdicts auraient impliqu\u00e9 de poser des limitations de travail manuel plus importantes que celles auxquelles les gens sont confront\u00e9s aujourd&rsquo;hui. Enfin, cela confirme que, chez les Lubalin, la notion \u00e9tait d&rsquo;une importance supr\u00eame et qu&rsquo;il fallait toujours consid\u00e9rer avant de concevoir.\n<\/p>\n<p>\n  En 1964, dans la Visual Graphics Corporation, il expose ses nombreuses entr\u00e9es, dont une pr\u00e9sente une citation d&rsquo;un \u00e9crivain et \u00e9diteur am\u00e9ricain bien connu, Caskie Stinnett.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14e4deac.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14e4deac.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  En utilisant une composition typographique r\u00e9fl\u00e9chie et d\u00e9licate, des d\u00e9tails, Herb a con\u00e7u un message peu aimable d&rsquo;une mani\u00e8re agr\u00e9able et attrayante. Selon la citation, \u00ab\u00a0Un diplomate est une personne qui peut vous dire d&rsquo;aller en enfer de telle mani\u00e8re que vous attendiez avec impatience le voyage.\u00a0\u00bb Alors que le point central dit \u00ab\u00a0va au diable\u00a0\u00bb est con\u00e7u dans une forme calligraphique \u00e9l\u00e9gante et \u00e9labor\u00e9e.\n<\/p>\n<p>\n  Alors que d&rsquo;un autre c\u00f4t\u00e9, si nous voyons l&rsquo;\u0153uvre d&rsquo;art de la graphiste Alison Carmichael, nous remarquons \u00e0 quel point il montre magnifiquement l&rsquo;effet typographique en prenant le contr\u00f4le du sens. Il a \u00e9galement remport\u00e9 le prix de la meilleure publicit\u00e9 auto-promotionnelle pour ce type de design pour le cercle cr\u00e9atif. Le lettrage \u00e0 la main de Carmichael est encr\u00e9 et grav\u00e9 dans un style complexe sur le dessus d&rsquo;un pupitre d&rsquo;\u00e9cole. Au d\u00e9but, lorsque vous regarderez ce dessin, il ressemblera \u00e0 une belle \u0153uvre historique d&rsquo;\u00e9criture gothique; tandis que d&rsquo;autre part quelques secondes plus tard, lorsque la r\u00e9alit\u00e9 frappe, le sens peu aimable du mot \u00e9crit devient clair pour vous.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15049166.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15049166.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Le gouvernement du Royaume-Uni a pris une initiative pour sensibiliser aux probl\u00e8mes des travailleurs victimes de la traite dans l&rsquo;industrie du sexe par des putes. Les cr\u00e9ateurs contributeurs sont pri\u00e9s d&rsquo;envoyer les \u00ab\u00a0Tart-cards\u00a0\u00bb pour participer \u00e0 une exposition. Des centaines de prostitu\u00e9es londoniennes ont fait de la publicit\u00e9 pour elles-m\u00eames et leurs services en exposant des cartes de tarte promotionnelles dans des cabines t\u00e9l\u00e9phoniques. M\u00eame au 21e si\u00e8cle, quand Internet et les t\u00e9l\u00e9phones portables sont partout et dans les r\u00e9pressions polici\u00e8res, ces cartes acidul\u00e9es sont tr\u00e8s admir\u00e9es et sont collectionn\u00e9es par le peuple en tant qu&rsquo;art.\n<\/p>\n<p>\n  Vous trouverez ci-dessous des exemples de manipulation de caract\u00e8res expressifs et de polices de caract\u00e8res qui renforcent visuellement le sens du texte. Tout le monde peut comprendre la signification des cartes simplement en les regardant :\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d153b4f51.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d153b4f51.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Vous trouverez ci-dessous un autre excellent exemple du langage visuel des caract\u00e8res de Jason Munn, un c\u00e9l\u00e8bre designer am\u00e9ricain \u00e9galement connu pour ses affiches musicales tr\u00e8s admir\u00e9es. L&rsquo;exemple ci-dessous est principalement typographique, con\u00e7u de telle mani\u00e8re que le spectateur ne saisit pas facilement le sens de l&rsquo;image. Quelle est la r\u00e9alit\u00e9? Le choix du type est \u00e9galement important; ses grands contrastes de traits fins et \u00e9pais indiquent la comparaison entre mensonges et v\u00e9rit\u00e9.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1576df13.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1576df13.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Le concepteur de l&rsquo;image ci-dessus utilise la police de caract\u00e8res pour renforcer le sens de cette d\u00e9claration. Ces conceptions sont l\u00e9g\u00e8rement diff\u00e9rentes des autres; la police de caract\u00e8res est principalement utilis\u00e9e pour renforcer le ton affirm\u00e9 et l&rsquo;agenda des intervenants.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15a97630.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15a97630.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  L&rsquo;exemple ci-dessus est tir\u00e9 d&rsquo;une sitcom bien connue de la BBC \u00ab\u00a0Keeping up Appearances\u00a0\u00bb. Les mots sont prononc\u00e9s par le personnage principal du programme &#8211; Hyacinth Bucket, une femme de 60 ans aux grandes ambitions, autoritaire, excentrique et grimpeuse sociale. Typographiquement, les lettres ont \u00e9t\u00e9 regroup\u00e9es et s\u00e9lectionn\u00e9es pour mettre en \u00e9vidence les besoins du personnage. Ici les mots \u00abmon\u00bb et \u00abje veux\u00bb sont mis en gras en raison d&rsquo;un changement d&rsquo;\u00e9chelle th\u00e9\u00e2tral. \u00ab\u00a0Sup\u00e9rieurs\u00a0\u00bb est \u00e9crit en majuscules, tandis que la taille de \u00ab\u00a0votre\u00a0\u00bb est r\u00e9duite et \u00e9crite en lettres minuscules, diminuant ainsi l&rsquo;importance de la personne avec qui elle discute, en accord avec la nature autoritaire du personnage et le ton de la voix quand on parle \u00e0 son laitier.\n<\/p>\n<p>\n  Les concepteurs ont utilis\u00e9 la typographie pour communiquer l&rsquo;humeur, le sexe, l&rsquo;\u00e2ge, la personnalit\u00e9 et le ton de la voix, et peuvent \u00eatre manipul\u00e9s facilement. Si, au lieu de cette police \u00e0 empattement qui repr\u00e9sente la personnalit\u00e9 de la femme, nous utilisions un empattement en dalle, tout d&rsquo;un coup la personnalit\u00e9 change, et donc l&rsquo;impact \u00e9motionnel de toute la d\u00e9claration. Si vous en jugez simplement par le texte dactylographi\u00e9, le sexe de l&rsquo;orateur change de f\u00e9minin; de plus, son \u00e2ge n&rsquo;est pas dans les ann\u00e9es 60 et son humeur n&rsquo;est pas du tout simplement pr\u00e9tentieuse, mais est \u00e0 la limite de l&rsquo;agacement. C&rsquo;est le meilleur exemple qui montre comment un simple changement de type peut rapidement changer le ton.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15dd69c0.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15dd69c0.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Personne ne peut sous-estimer le pouvoir de la typographie&nbsp;:<br \/>\n<\/h5>\n<p>\n  Les exemples ci-dessus montrent clairement que la typographie fonctionne \u00e0 c\u00f4t\u00e9 du langage verbal pour am\u00e9liorer, modifier et cr\u00e9er du sens. Alors que d&rsquo;autre part l&rsquo;aspect visuel de la conception est \u00e9galement tr\u00e8s crucial, personne ne peut sous-estimer l&rsquo;importance du type pour influencer le sens de la d\u00e9claration.\n<\/p>\n<p>\n  L&rsquo;obligation \u2013 et, en fait, le r\u00f4le \u2013 du graphiste dans l&rsquo;\u00e9tablissement d&rsquo;un ton de voix qui donne du sens au langage verbal n\u00e9cessite un d\u00e9bat long et r\u00e9gulier. De nombreux universitaires et graphistes affirment qu&rsquo;il est de la responsabilit\u00e9 du designer d&rsquo;ajouter un peu de \u00ab\u00a0saveur et de go\u00fbt\u00a0\u00bb \u00e0 son travail, non seulement pour am\u00e9liorer et transmettre le message, mais aussi pour rendre le message encourageant et agr\u00e9able \u00e0 lire et bien s\u00fbr \u00e0 m\u00e9moriser.\n<\/p>\n<p>\n  Alors que dans la deuxi\u00e8me partie de l&rsquo;article, nous vous avons montr\u00e9 la relation forte entre le langage verbal et visuel. La s\u00e9miotique et la structure du langage sont bri\u00e8vement abord\u00e9es, et vous montrent quelques exemples remarquables, tout cela explique pourquoi de l\u00e9gers changements typographiques font la diff\u00e9rence.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Source d&rsquo;enregistrement: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/06\/18\/typography-speaks-more-than-the-words\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Aujourd&rsquo;hui, les graphistes utilisent largement la typographie afin de d\u00e9couvrir les relations entre la conception du type et ce que ce type dit vraiment. Un graphiste couperet cr\u00e9e un bon \u00e9quilibre entre les caract\u00e9ristiques verbales et visuelles d&rsquo;un design particulier pour communiquer son message. Parfois, cependant, les graphistes d\u00e9couvrent que la caract\u00e9ristique visuelle du type est plus puissante que celle de l&rsquo;aspect verbal. Dans ces cas, le langage visuel est utilis\u00e9 pour faire tout le discours. Ici, dans cet article, nous mettons en lumi\u00e8re ce qui se passe lorsque la typographie parle plus que les mots. Selon Cal Swan, \u00e9crivain de, c\u00e9l\u00e8bre\u2026<\/p>\n","protected":false},"author":1,"featured_media":143971,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[197,249,145,54],"tags":[],"class_list":["post-251840","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-de-sites-web","category-polices","category-trucs-et-astuces-web","category-web-et-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/comments?post=251840"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251840\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media\/143971"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media?parent=251840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/categories?post=251840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/tags?post=251840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}