{"id":251885,"date":"2023-04-21T12:45:00","date_gmt":"2023-04-21T09:45:00","guid":{"rendered":"https:\/\/inform.click\/9-tendances-typographiques-populaires-dans-la-conception-de-sites-web\/"},"modified":"2023-04-21T12:55:00","modified_gmt":"2023-04-21T09:55:00","slug":"9-tendances-typographiques-populaires-dans-la-conception-de-sites-web","status":"publish","type":"post","link":"https:\/\/inform.click\/fr\/9-tendances-typographiques-populaires-dans-la-conception-de-sites-web\/","title":{"rendered":"9 tendances typographiques populaires dans la conception de sites Web"},"content":{"rendered":"<p>\n  Il est peut-\u00eatre temps d&rsquo;abandonner la \u00ab\u00a0convention\u00a0\u00bb. Pas tout, bien s\u00fbr, mais en ce qui concerne la typographie et les tendances actuelles, il est d\u00e9finitivement temps d&rsquo;exp\u00e9rimenter, de conna\u00eetre vos clients cibles et de comprendre les types de conception qu&rsquo;ils verra comme passionnant, convaincant et digne d&rsquo;int\u00e9r\u00eat.\n<\/p>\n<p>\n  Faites-y face. La typographie que vous choisissez est la premi\u00e8re chose, avec des images \u00e9tonnantes, qui incitera un visiteur ou un utilisateur \u00e0 consulter davantage un site Web. Et il faut consid\u00e9rer la typographie comme une image. Et cette image doit correspondre \u00e0 la marque, au public et \u00e0 ce que nous savons des consommateurs d&rsquo;aujourd&rsquo;hui.\n<\/p>\n<p>\n  Donc, avant de parler des tendances typographiques, parlons un peu des consommateurs et de ce qu&rsquo;ils veulent voir.\n<\/p>\n<p>\n  Le consommateur d&rsquo;aujourd&rsquo;hui est clairement \u00abblas\u00e9. \u00abIl ne cherche pas seulement des informations ou des produits. Il recherche le divertissement, l&rsquo;inspiration et l&rsquo;\u00e9merveillement. Une grande partie de cela provient des conceptions Web des sites auxquels il acc\u00e8de. Et une grande partie de cette conception d\u00e9termine s&rsquo;il reste ou rebondit. Une entreprise peut avoir le meilleur produit ou service dont elle a besoin. Mais s&rsquo;il n&rsquo;est pas bien emball\u00e9, cette entreprise est perdante.\n<\/p>\n<p>\n  Et vous devez penser \u00e0 la typographie comme faisant partie du design et du message de la marque, pas seulement des mots avec certaines tailles, polices et couleurs. Pendant que vous y \u00eates, vous voudrez \u00e9galement penser \u00e0 m\u00e9langer les polices. Rien ne dit que la coh\u00e9rence de la police est la \u00ab\u00a0loi\u00a0\u00bb. \u00abEn fait, \u00e7a peut \u00eatre assez ennuyeux.\n<\/p>\n<p>\n  Il y a certainement des \u00abtendances\u00bb dont les designers et les typographes parlent chaque ann\u00e9e. Ceux-ci sont bas\u00e9s sur ce qui semble \u00eatre le plus populaire en ce moment. Mais les tendances vont et viennent assez rapidement. Vous pouvez \u00eatre un suiveur de tendances ou un cr\u00e9ateur de tendances &#8211; votre choix.\n<\/p>\n<p>\n  Cela dit, examinons certaines des tendances de la typographie en 2019 et voyons comment vous pouvez les appliquer \u00e0 des conceptions Web qui \u00e9tonneront \u00e9galement vos clients et leurs visiteurs. Mais, pendant que vous lisez et visualisez ces images de tendance, ne tombez pas dans le pi\u00e8ge de devoir les imiter et de devenir quelqu&rsquo;un que vous n&rsquo;\u00eates pas en train de le faire. Ce sont simplement des id\u00e9es &#8211; vous pouvez les prendre et imposer votre propre sceau cr\u00e9atif pour vous d\u00e9marquer, ravir vos clients et aimer ce que vous avez cr\u00e9\u00e9.\n<\/p>\n<h5>\n  1 \u00c9criture manuscrite<br \/>\n<\/h5>\n<p>\n  Une \u00e9criture manuscrite naturelle a en quelque sorte un air d&rsquo;authenticit\u00e9. Et l&rsquo;authenticit\u00e9 est quelque chose que le consommateur d&rsquo;aujourd&rsquo;hui veut. Certes, il existe un certain nombre d&rsquo;activit\u00e9s d&rsquo;une entreprise qui favorisent la confiance et l&rsquo;authenticit\u00e9, mais il existe \u00e9galement des d\u00e9clencheurs psychologiques. Le script manuscrit ajoute une touche personnelle \u00e0 la conception du site Web. Dans le m\u00eame temps, le type de script manuscrit doit \u00e9galement refl\u00e9ter une marque commerciale. Jetez un \u0153il \u00e0 ces exemples de logos manuscrits. Certains existent depuis des ann\u00e9es, bien s\u00fbr, et ils sont maintenant synonymes de leurs marques. Pourtant, d&rsquo;autres, comme les scripts Harley Davidson et Barbie plus r\u00e9cents, ont \u00e9volu\u00e9.\n<\/p>\n<p>\n  L&rsquo;essentiel est le suivant: la typographie manuscrite ne va nulle part. Il continuera \u00e0 capter et \u00e0 intriguer, et il continuera \u00e0 d\u00e9clencher certaines r\u00e9actions psychologiques.\n<\/p>\n<h5>\n  2 Typographie Vintage<br \/>\n<\/h5>\n<p>\n  Si rien d&rsquo;autre, les polices vintage \u00e9voquent la nostalgie. Et bien que la g\u00e9n\u00e9ration Y et la g\u00e9n\u00e9ration X ne soient certainement pas nostalgiques dans leur vie personnelle (la bonne porcelaine de grand-m\u00e8re n&rsquo;est pas un article convoit\u00e9), ils ont tendance \u00e0 appr\u00e9cier la connotation selon laquelle cela signifie une qualit\u00e9 de longue date.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376df7499f.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-310995-638376df7499f.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Cette typographie est en place depuis 1911, et bien que certaines \u00e9tiquettes de produits aient des couleurs diff\u00e9rentes, la police\/type ne change pas. Les descriptions de produits et autres informations sur le site utilisent une police de caract\u00e8re plut\u00f4t standard, mais chaque page comporte cette typographie vintage permanente de son logo d&rsquo;origine.\n<\/p>\n<p>\n  La typographie vintage favorise la confiance &#8211; le visiteur\/client a le \u00ab&nbsp;sentiment&nbsp;\u00bb que l&rsquo;entreprise a une longue et solide histoire. Et m\u00eame les entreprises plus r\u00e9centes peuvent \u00e9tablir cette sensation en adoptant une typographie vintage.\n<\/p>\n<h5>\n  3 typographie\/polices aquarelle<br \/>\n<\/h5>\n<p>\n  Nous avons tous vu de superbes aquarelles. Les couleurs ne sont pas nettes et claires mais plut\u00f4t fondues avec des nuances qui \u00e9voluent. Le lettrage peut \u00eatre un m\u00e9lange d&rsquo;une seule couleur ou de plusieurs couleurs&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e21a7ef.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-310995-638376e21a7ef.webp\" alt=\"\" \/><\/a><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e5acf14.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-310995-638376e5acf14.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La typographie aquarelle est devenue plus populaire, en particulier avec l&rsquo;\u00e9criture manuscrite, car elles vont bien ensemble. Le logo Baby Einstein ci-dessus est un excellent exemple de cette combinaison. La typographie \u00e0 l&rsquo;aquarelle d\u00e9clenche des sentiments de calme, des vibrations collect\u00e9es et constitue d&rsquo;excellentes options pour les sites Web pouvant proposer des produits cosm\u00e9tiques, des services de mariage \/ mariage, des produits pour nouveau-n\u00e9s, etc.\n<\/p>\n<h5>\n  4 empattements<br \/>\n<\/h5>\n<p>\n  Une police qui existe depuis si longtemps mais qui fait un peu son retour. Et il y a maintenant beaucoup de flexibilit\u00e9 avec les outils, vous pouvez donc faire beaucoup de choses suppl\u00e9mentaires avec Serif. Sans Serif est \u00e9galement toujours utilis\u00e9 (souvent appel\u00e9 Grotesque ou Gothique), et peut \u00eatre dramatique avec des touches de couleurs et des vari\u00e9t\u00e9s de tailles.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e8acaec.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-310995-638376e8acaec.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  5 grands et petits ensemble pour l'emphase et le drame<br \/>\n<\/h5>\n<p>\n  Alors que beaucoup de gens aiment la coh\u00e9rence et l&rsquo;uniformit\u00e9 de la typographie qui est de la m\u00eame taille dans les phrases et les notifications, beaucoup d&rsquo;autres sont captur\u00e9s par des changements majeurs de tailles, en particulier lorsqu&rsquo;une entreprise veut mettre l&rsquo;accent sur quelque chose. Exp\u00e9rimenter avec diff\u00e9rentes tailles (et m\u00eame des polices) avec du texte peut \u00eatre dramatique et attirera l&rsquo;attention. C&rsquo;est un bon moyen de mettre l&rsquo;accent sur les mots ou les phrases les plus importants d&rsquo;un texte.\n<\/p>\n<p>\n  D\u00e9couvrez cet exemple de workisnotajob.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ebd0783.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-310995-638376ebd0783.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  6 vari\u00e9t\u00e9s de polices<br \/>\n<\/h5>\n<p>\n  M\u00e9langer et assortir une vari\u00e9t\u00e9 de polices est d\u00e9finitivement une tendance de conception \u00e0 la hausse. Il permet beaucoup de cr\u00e9ativit\u00e9 et d&rsquo;attrait visuel, s&rsquo;il n&rsquo;est pas exag\u00e9r\u00e9. En utilisant cursive m\u00e9lang\u00e9e avec des caract\u00e8res d&rsquo;imprimerie, en utilisant du vintage avec du moderne &#8211; toutes ces choses peuvent \u00eatre incorpor\u00e9es, si elles sont bien faites. Cela n\u00e9cessitera quelques exp\u00e9rimentations, bien s\u00fbr, mais le grand avantage de la typographie de site Web? Il est si facile de changer, de tester et de changer \u00e0 nouveau. Fonce.\n<\/p>\n<h5>\n  7 couleurs<br \/>\n<\/h5>\n<p>\n  Oh mon Dieu, oui. La couleur ne se d\u00e9mode jamais et elle permet beaucoup plus de cr\u00e9ativit\u00e9 lorsqu&rsquo;elle est associ\u00e9e \u00e0 des polices passionnantes li\u00e9es \u00e0 une marque. Pensez \u00e0 Lego, par exemple.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ee59947.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-310995-638376ee59947.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ou les nombreux \u00ab\u00a0visages\u00a0\u00bb de Google&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f092def.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-310995-638376f092def.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ou, la couleur peut \u00eatre utilis\u00e9e pour repr\u00e9senter la \u00ab&nbsp;classe&nbsp;\u00bb ou la sophistication, comme celle utilis\u00e9e pour Rolex&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f43331f.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-310995-638376f43331f.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  L&rsquo;absence de vari\u00e9t\u00e9 de couleurs peut \u00e9galement repr\u00e9senter le s\u00e9rieux, et de nombreuses entreprises se concentrent sur le s\u00e9rieux. Claude McPherson, directeur de la gestion du site Web du service de r\u00e9daction Studicus, d\u00e9clare par exemple ceci: \u00abNos clients veulent les bases et veulent qu&rsquo;elles soient expliqu\u00e9es simplement et clairement. Nous utilisons beaucoup d&rsquo;imprim\u00e9s en bloc sans beaucoup de couleur, en ajoutant quelques \u00e9claboussures lorsque nous voulons que nos visiteurs voient quelque chose d&rsquo;unique ou d&rsquo;inhabituel. Cela fonctionne pour nous, mais chaque entreprise conna\u00eet son client et doit utiliser la couleur en cons\u00e9quence.&nbsp;\u00bb\n<\/p>\n<h5>\n  8 superpositions et d\u00e9coupes<br \/>\n<\/h5>\n<p>\n  Ce sont des projets de typographie particuli\u00e8rement amusants. L&rsquo;int\u00e9gration de visuels dans la typographie elle-m\u00eame peut cr\u00e9er une fonctionnalit\u00e9 \u00e9tonnante et accrocheuse pour la conception de sites Web. Celles-ci ajoutent de nombreuses couches aux conceptions de typographie, contrastant avec la page de site Web ennuyeuse et tr\u00e8s \u00abplate\u00bb. De plus, ils ajoutent l&rsquo;effet d&rsquo;illusion 3-D. Jetez un \u0153il \u00e0 cette tendance telle qu&rsquo;elle est utilis\u00e9e par Pavilion. Comment est-ce cool?\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f760b4c.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-310995-638376f760b4c.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  9 G\u00e9om\u00e9trie<br \/>\n<\/h5>\n<p>\n  La g\u00e9om\u00e9trie ne se d\u00e9modera probablement jamais. La g\u00e9om\u00e9trie concerne les points, les lignes, les formes et les positions. Les possibilit\u00e9s de typographie sont infinies et la g\u00e9om\u00e9trie fera toujours partie de toute typographie con\u00e7ue. L&rsquo;utilisation de la g\u00e9om\u00e9trie peut \u00eatre tr\u00e8s basique, en utilisant des formes et des lignes typiques, ou elle peut \u00eatre utilis\u00e9e comme point de d\u00e9part pour des effets typographiques beaucoup plus cr\u00e9atifs. Jetez un \u0153il \u00e0 cette conception de typographie g\u00e9om\u00e9trique de creativemarket.com &#8211; l&rsquo;utilisation de formes g\u00e9om\u00e9triques pour cr\u00e9er une police \u00e9tonnante. Voici une chance d&rsquo;\u00eatre merveilleusement cr\u00e9atif &#8211; loin de la typographie g\u00e9om\u00e9trique en noir et blanc qui peut avoir une place pour les marques plus traditionnelles mais pas pour celles qui veulent faire un \u00ab\u00a0splash\u00a0\u00bb.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376fa4491f.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-310995-638376fa4491f.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  10 Le contenu lui-m\u00eame<br \/>\n<\/h5>\n<p>\n  Dans notre travail acharn\u00e9 pour exp\u00e9rimenter et concevoir des effets typographiques incroyables, nous pouvons souvent oublier que ce qui est dit est tout aussi important que la fa\u00e7on dont il appara\u00eet \u00e0 un visiteur ou \u00e0 un utilisateur. Les mots sont puissants par eux-m\u00eames, et la meilleure typographie ne peut elle-m\u00eame se substituer \u00e0 une pr\u00e9sentation textuelle cr\u00e9ative et convaincante. Les designers sont des artistes &#8211; ils ne sont pas toujours des r\u00e9dacteurs journalistiques cr\u00e9atifs capables de pr\u00e9senter un message de marque qui r\u00e9sonne aupr\u00e8s d&rsquo;un public. Si cela est n\u00e9cessaire, il est essentiel d&rsquo;obtenir une aide professionnelle. Il existe un certain nombre d&rsquo;\u00e9crivains ind\u00e9pendants ou de services d&rsquo;\u00e9criture cr\u00e9ative qui disposent de services de r\u00e9daction cr\u00e9ative pour r\u00e9pondre \u00e0 ces besoins.\n<\/p>\n<h5>\n  La vraie tendance? Personnalisez tout<br \/>\n<\/h5>\n<p>\n  Lorsque vous consid\u00e9rez les options de typographie dont vous disposez actuellement, compte tenu de la grande technologie et de la facilit\u00e9 avec laquelle elles peuvent \u00eatre int\u00e9gr\u00e9es \u00e0 la conception de sites Web, votre travail en tant que concepteur ne consiste pas tant \u00e0 trouver les bons outils pour vos conceptions. Votre v\u00e9ritable travail consiste \u00e0 bien comprendre l&rsquo;entreprise dont vous concevez le site Web, \u00e0 approfondir sa marque et le message qu&rsquo;elle transmet \u00e0 son public cible. Ce n&rsquo;est qu&rsquo;alors que vous pourrez commencer \u00e0 r\u00e9fl\u00e9chir \u00e0 la fa\u00e7on de personnaliser une typographie qui a du sens et qui fait les d\u00e9clarations que l&rsquo;entreprise doit faire. Et ta r\u00e8gle num\u00e9ro 1? Soyez qui vous \u00eates dans vos cr\u00e9ations ; pr\u00e9sentez-les \u00e0 vos clients; prendre leurs commentaires&nbsp;; modifier et revenir \u00e0 la planche \u00e0 dessin autant que n\u00e9cessaire. Et arr\u00eatez de vous soucier autant des tendances et de ce qui est \u00abin\u00bb ou \u00about \u00bb.\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\/2019\/11\/20\/web-design-typography-trends\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Il est peut-\u00eatre temps de jeter la \u00ab\u00a0convention\u00a0\u00bb. Pas tout, bien s\u00fbr, mais en ce qui concerne la typographie et les tendances actuelles, il est d\u00e9finitivement temps d&rsquo;exp\u00e9rimenter, de conna\u00eetre vos clients cibles et de comprendre les types de conception qu&rsquo;ils consid\u00e9reront comme passionnants, convaincants et dignes d&rsquo;int\u00e9r\u00eat. . Faites-y face. La typographie que vous choisissez est la premi\u00e8re chose, avec des images \u00e9tonnantes, qui incitera un visiteur ou un utilisateur \u00e0 consulter davantage un site Web. Et il faut consid\u00e9rer la typographie comme une image. Et cette image doit correspondre \u00e0 la marque, au public, et quoi\u2026<\/p>\n","protected":false},"author":1,"featured_media":202947,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[249,54],"tags":[],"class_list":["post-251885","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-polices","category-web-et-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251885","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=251885"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251885\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media\/202947"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media?parent=251885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/categories?post=251885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/tags?post=251885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}