\n La typographie est le style et l’apparence des imprim\u00e9s, selon mon bon vieil ami, Google. Le fait qu’il s’agisse d’un type d’art \u00e0 part enti\u00e8re va sans dire.\n<\/p>\n
\n Et la typographie est la base sur laquelle toutes sortes de dessins li\u00e9s \u00e0 l’\u00e9crit sont cr\u00e9\u00e9s. Cela signifie que vous pouvez le trouver partout: dans les livres, sur les packages, m\u00eame – et surtout, pour nous – sur les sites Web, les e-mails et les pages de destination.\n<\/p>\n
\n Cependant, artistique ou non, la typographie est quelque chose qui doit offrir aux utilisateurs une bonne exp\u00e9rience, un peu comme tous les outils. Et les lettres cursives sont peut-\u00eatre si jolies, mais sont-elles utilisables ?\n<\/p>\n
\n Voyons comment nous pouvons am\u00e9liorer l’exp\u00e9rience d’un utilisateur et l’interface utilisateur elle-m\u00eame, en utilisant une typographie appropri\u00e9e.\n<\/p>\n
\n Au d\u00e9but, il y a la police
\n<\/h5>\n
\n Imaginez \u00e0 quel point votre site Web aurait l’air blas\u00e9 et indiff\u00e9rent et combien il en co\u00fbterait \u00e0 l’exp\u00e9rience de l’utilisateur si votre police ne correspondait pas \u00e0 la sainte trinit\u00e9 d’une entreprise : votre public cible, le ton de votre marque et vos objectifs.\n<\/p>\n
\n Choisir la bonne police, c’est un peu comme choisir les rideaux parfaits pour une pi\u00e8ce. Les rideaux collants montrent un mauvais go\u00fbt, et une police qui ne correspond tout simplement pas peut donner \u00e0 votre projet un aspect collant au mieux et au pire du spam.\n<\/p>\n
\n La police est aussi importante que les visuels eux-m\u00eames, pour cr\u00e9er une impression et rep\u00e9rer les \u00e9l\u00e9ments que vous devez identifier, \u00e0 la fois dans un site Web et dans un e-mail, optimisant ainsi l’exp\u00e9rience de votre utilisateur.\n<\/p>\n
\n Vous aurez besoin de gras pour les d\u00e9clarations audacieuses, de lettres cursives et d’une calligraphie intense pour les choses \u00e9l\u00e9gantes et pas trop importantes. Des combinaisons comme celle ci-dessous sont indispensables :\n<\/p>\n
\n
\n appariements de polices de marque\n<\/p>\n
\n Cependant, je suis oblig\u00e9 de vous avertir d’une chose: trop de polices vous feront perdre la partie. Vous pouvez avoir deux types de polices au maximum, et vous devrez vous assurer qu’elles sont utilis\u00e9es comme dans l’exemple ci-dessus : plus audacieuses et plus strictes pour le titre, plus raffin\u00e9es pour le corps de la copie.\n<\/p>\n
\n Et souvenez-vous de ce qui suit : si nous parlons de votre site Web et non d’une page de destination ou d’un e-mail, vous devriez peut-\u00eatre penser \u00e0 utiliser une police standardis\u00e9e.\n<\/p>\n
\n Vous voyez, la cursive peut parfois \u00eatre difficile \u00e0 lire et un r\u00e9sultat trop artistique peut \u00eatre beau mais ce n’est pas facile \u00e0 lire et \u00e0 comprendre. Pour les clients occup\u00e9s d’aujourd’hui, qui sont capables de num\u00e9riser des blocs de texte et de trouver exactement ce qu’ils ont besoin de savoir, afin de gagner du temps, quelque chose de non standardis\u00e9 peut sembler beaucoup trop d’efforts.\n<\/p>\n
\n Votre public est plus familier avec Times New Roman, par exemple. Ils peuvent m\u00eame vous dire o\u00f9 il doit \u00eatre utilis\u00e9 et ils sont faciles \u00e0 parcourir.\n<\/p>\n
\n De plus, cela pourrait causer un v\u00e9ritable probl\u00e8me de contenu, dans le sens o\u00f9 une police et un format plus artistiques pourraient d\u00e9tourner l’attention de l’engagement du contenu.\n<\/p>\n
\n Les \u00e9l\u00e9ments sp\u00e9ciaux d’une police :\n<\/p>\n
\n Une police est compos\u00e9e de divers \u00e9l\u00e9ments qui peuvent faire ou d\u00e9faire son utilisation, \u00e0 peu pr\u00e8s. Vous avez diff\u00e9rents styles, poids, les travaux ! Alors allons voir de quoi il s’agit :\n<\/p>\n
\n Vous avez votre famille de polices<\/strong>, tout d’abord. La famille de polices (ou police de caract\u00e8res) est \u00e0 peu pr\u00e8s la grande cat\u00e9gorie qui contient des polices du m\u00eame style.\n<\/p>\n \n Deuxi\u00e8mement, vous avez votre poids de police<\/strong>, c’est-\u00e0-dire la largeur de chaque caract\u00e8re. Cet \u00e9l\u00e9ment s\u00e9pare la police qui sera utilis\u00e9e pour cr\u00e9er un titre et celle qui se retrouvera dans le corps du texte.\n<\/p>\n \n Troisi\u00e8mement, le cr\u00e9nage<\/strong>, c’est-\u00e0-dire le mod\u00e8le suivi par les caract\u00e8res, c’est-\u00e0-dire l’espacement entre deux lettres, qui est n\u00e9cessaire, car vos yeux suivront ce mod\u00e8le exact.\n<\/p>\n \n C’est cet espacement et les marges qui d\u00e9finiront l’\u00e9l\u00e9ment final, tr\u00e8s important :\n<\/p>\n \n Le nombre de caract\u00e8res par ligne<\/strong>. Trop de caract\u00e8res par ligne et le corps du texte sembleront encombr\u00e9s, ce qui entra\u00eenera une tr\u00e8s mauvaise exp\u00e9rience utilisateur.\n<\/p>\n \n Trop peu et il faudra plus de temps \u00e0 l’\u0153il pour atteindre le paragraphe suivant, obtenant exactement le m\u00eame r\u00e9sultat que celui que j’ai mentionn\u00e9 ci-dessus.\n<\/p>\n \n En limitant la longueur, vous am\u00e9liorez la lisibilit\u00e9 de votre texte. Si la ligne est trop longue, elle ne s’affichera pas correctement sur l’appareil, ce qui signifie que le lecteur ne pourra pas la lire correctement, ce qui entra\u00eenera un g\u00e2chis, CRO (Conversion Rate Optimization).\n<\/p>\n \n Vous devrez trouver un nombre d’or qui fonctionne pour vous sur celui-ci et garder \u00e0 l’esprit que ce nombre d’or devra s’arr\u00eater \u00e0 60 caract\u00e8res par ligne.\n<\/p>\n \n Et un petit indice ici : vous devrez \u00e9galement faire attention \u00e0 l’ espacement entre les lignes<\/strong>, car il est tout simplement trop facile de relire une ligne ou de l’omettre compl\u00e8tement. Ce qui n’est jamais une bonne pratique, surtout \u00e0 notre \u00e9poque o\u00f9 les consommateurs ont tant d’options.\n<\/p>\n \n Combien de fois avez-vous vu un texte en majuscules et pens\u00e9 que l’\u00e9crivain voulait crier avec col\u00e8re? Je parie que la r\u00e9ponse est \u00ab\u00a0beaucoup de fois\u00a0\u00bb.\n<\/p>\n \n Les tailles de police peuvent fonctionner de la m\u00eame mani\u00e8re que le ton du mot prononc\u00e9 : les italiques peuvent imiter, les polices en gras peuvent \u00eatre exigeantes, les majuscules peuvent attirer l’attention, etc.\n<\/p>\n \n Par cons\u00e9quent, un concepteur doit \u00eatre prudent lorsqu’il choisit une police et un style, surtout s’il a un public diversifi\u00e9 \u00e0 qui \u00abparler \u00bb.\n<\/p>\n \n Si vous ne me croyez pas, ouvrez simplement un roman et v\u00e9rifiez la police. Ensuite, ouvrez un livre pour enfants et faites la m\u00eame chose.\n<\/p>\n \n Tout se r\u00e9sume \u00e0 ce que j’ai mentionn\u00e9 au d\u00e9but : vous devez attirer votre public cible \u00e0 travers votre typographie ainsi que la copie et les visuels eux-m\u00eames.\n<\/p>\n \n Mais la taille n’est pas tout ce qui compte. Puisque nous parlons de num\u00e9rique, votre typographie doit \u00eatre impeccable sur tous les appareils. Vous devez optimiser pour les mobiles, les tablettes et les ordinateurs de bureau, afin d’\u00e9viter que l’utilisateur ne s'embrouille et ne supprime compl\u00e8tement votre contenu.\n<\/p>\n \n Gardez \u00e0 l’esprit que la hauteur est tout aussi importante. Un texte tr\u00e8s long ou tr\u00e8s court qui a fi\u00e8re allure lors du test de l’affichage sur ordinateur peut ne pas fonctionner correctement sur mobile.\n<\/p>\n \n Le plus grand cauchemar<\/strong> de tous est peut-\u00eatre l’alignement du texte. Dans la culture occidentale, les gens sont habitu\u00e9s \u00e0 lire de gauche \u00e0 droite, par cons\u00e9quent, vous devez \u00eatre conscient de ce fait et agir en cons\u00e9quence.\n<\/p>\n \n Utilisez l’alignement \u00e0 gauche pour imiter la fa\u00e7on dont les gens lisent les textes imprim\u00e9s, et vous \u00eates pr\u00eat \u00e0 partir.\n<\/p>\n \n La m\u00eame chose ne fonctionnera pas pour votre public cible si celui-ci est situ\u00e9 quelque part \u00e0 l’est, o\u00f9 la lecture se fait de droite \u00e0 gauche. Donc, encore une fois, votre public cible est la premi\u00e8re chose \u00e0 consid\u00e9rer avant de prendre une d\u00e9cision.\n<\/p>\n \n Vous savez que les meilleures pratiques ne prendront pas le g\u00e2teau en mati\u00e8re de typographie et de design, n’est-ce pas ?\n<\/p>\n \n Vous pouvez utiliser les meilleures polices, votre alignement pourrait \u00eatre impeccable, mais sans utiliser les tendances de conception, votre e-mail, votre site Web, votre page de destination, quoi que vous cr\u00e9iez, pourrait toujours rester l’un de vos secrets les mieux gard\u00e9s.\n<\/p>\n \n L’audace est parfois belle\n<\/p>\n \n Pensez \u00e0 MAC par exemple. La marque de beaut\u00e9 aime utiliser du texte en gras et un contraste extr\u00eame comme \u00e9l\u00e9ment :\n<\/p>\n \n C’est le slogan de la marque et ce depuis toujours. C’est dramatique et vous ne pouvez pas le manquer. Il en va de m\u00eame pour l’image du h\u00e9ros de leur newsletter :\n<\/p>\n\n Taille de police et autres cauchemars
\n<\/h5>\n\n Les tendances sont vos amies
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311789-63837ef07ac28.webp\")
<\/a> Cosm\u00e9tiques MAC<\/p>\n