La typographie est définie comme l’ensemble des procédés mis en œuvre pour choisir les bonnes polices et/ou les bons caractères ainsi que leur taille. En d’autres termes, c’est l’art d’assembler les caractères afin de parvenir à une apparence conforme aux attentes.
Saviez-vous que la typographie joue un rôle particulièrement important au niveau de la communication ? Elle va tout simplement conditionner la lisibilité, et par conséquent, l’efficacité du message que l’on souhaite transmettre.
Aujourd’hui, nous allons voir tout le pouvoir que cet art peut avoir sur votre site internet, sur votre marque, et sur votre communication.
La différence entre une typographie bien faite et mal faite
Durant toutes ces années où vous avez utilisé Internet, vous avez sûrement en tête un site sur lequel vous aimez passer du temps. Bien sûr, vous appréciez les sujets abordés par ce site, et vous y revenez volontiers, de manière régulière, pour lire d’autres articles. Vous avez le sentiment que le site est bien conçu, que la lecture est agréable…, au point d’être complètement scotché dessus.
Photo by Mimi Thian on Unsplash
Maintenant, imaginez le même site, mais avec un très mauvais choix de polices et de taille pour ses textes. Là aussi, vous avez sûrement déjà vécu la mauvaise expérience d’être tombé sur un site qui vous a piqué les yeux, et de l’avoir fermé aussitôt ! Mais pourquoi ? Soyez-en sûr, la typographie y a été pour quelque chose !
Là où on veut en venir, c’est que la typographie a un réel pouvoir sur les lecteurs, même si ces derniers n’en sont pas vraiment conscients. Et comme il s’agit d’un art, cela implique du talent, de la technique et surtout de la maîtrise. Le fait est qu’une bonne typographie peut faire une grande différence entre un site amateur et un site professionnel.
Le message fort de la typographie
En choisissant un tout autre registre, on pourrait dire que la typographie est un réel moyen de transmettre des idées et des valeurs, ainsi que des émotions.
Elle joue un rôle crucial au niveau de l’image de marque d’une entreprise ou d’une société. Elle entretient sa notoriété. Elle a le pouvoir de hiérarchiser les informations et de rendre la lecture agréable et fluide aux yeux des lecteurs.
Les postes clés où l’on retrouve la typographie
Vous l’aurez compris, on parle de contenus, de textes, de comment est structurée une page ou un article, de la police choisie pour les paragraphes, de taille de caractère, etc. Mais on parle également d’esprit, de valeur, d’émotions, de confort.
Bref, on peut retrouver la typographie un peu partout sur un site internet :
- Le logo de la marque
- Les titres et sous-titres d’articles
- Les paragraphes d’articles
- Les différents menus du site internet
- Les informations en bas de page du site internet
- Les différents visuels (affiches, brochures, carte de visite, etc.)
La typographie design
De nos jours, la typographie s’invite de plus en plus dans des volets design tels que la création d’un logo, d’une image à la une, d’une illustration, etc.
Le fait est que, grâce aux avancées de la technologie et des différents outils, une bonne typographie représente un élément graphique important. Elle peut même remplacer des éléments visuels ou des illustrations dans certains cas.
Vous avez sans doute remarqué, sur de nombreux sites, que la tendance actuelle mise sur de grosses lettres, avec un joli fond, plutôt qu’une photo. C’est plus parlant.
Voici par exemple une image à la une sur l’un des posts de Strikingly.
C’est pourquoi on retrouve de plus en plus de la typographie design dans:
- Les logos
- Les images à la une
- Les images d’illustration
- Les affiches ou brochures
- Les cartes de visite
Voici un autre exemple où l’on peut apprécier l’utilisation de la typographie design sur la page d’accueil du site..
L’importance de la police et du visuel en typographie design
Dans le cadre de la création d’une marque ou d’une page web, il est d’une importance capitale de faire le bon choix de police. Et les choix, il y en a beaucoup, comme les polices simples, les polices manuscrites, ou les polices avec ou sans empattements, en termes de typographie exemple.
Les propositions sont tellement nombreuses que si l’on n’est pas accoutumé au monde de la typographie, alors il sera très aisé de faire le mauvais choix. En effet, certaines polices sont quasiment illisibles ou désagréables à lire, et doivent donc absolument être évitées.
Lors de la création de votre site Web, pensez alors à apprendre les différentes classifications de polices, et choisissez la typographie la mieux adaptée au design et au contenu que vous voulez proposer.
Image : Capture d'écran sur Strikingly
Quelques tips pour choisir la bonne typographie
Cela va sans dire, Internet regorge de sites internet sur lesquels on peut puiser de l’inspiration. En visiter quelques-uns (ou plusieurs) permet de se tenir au courant des dernières tendances et des bonnes pratiques. Pour vous aider, voici déjà quelques conseils.
Les textes 3D
La 3D est un exemple d’écriture tendance en typographie design. En effet, ce style visuel est souvent utilisé sur les supports de communication. La typographie d’un texte 3D a tendance à mieux attirer l’attention du lecteur, car l’effet en relief saute aux yeux. Ce relief apparent est obtenu grâce à des polices jouant sur les volumes, avec des effets de matières, de textures, d’ombres et de lumière.
Les empattements
Pour les non-initiés, les empattements peuvent n’être que de petits détails sur une lettre. Mais pour un professionnel du design typographie, ils peuvent faire une grande différence. On peut distinguer 2 grandes familles de polices : celles sans empattement et celles avec empattements (ou calligraphiques).
Les polices avec empattements sont facilement lisibles, sobres, et donnent un aspect plutôt moderne. Elles sont par ailleurs les plus utilisées sur le web. Les polices avec empattements aux extrémités des lettres ont quant à elles plus de caractères. Elles sont souvent utilisées pour les titres ou encore les parties restreintes de texte.
Image : Capture d'écran sur Strikingly
Comme exemple d’écriture avec empattements, on peut citer les polices manuscrites et Serif.
Cependant, il a été constaté que les polices avec empattements sont de plus en plus privilégiées, et ne se limitent plus uniquement aux titres ou au print. Ces polices ont un côté « caractère d’imprimerie » qui plaît aux startups et au domaine du luxe, si bien qu’ils l’utilisent pour leur logo.
Les majuscules
Les majuscules conviennent parfaitement au principe d’une police omniprésente, attirant l’attention et facilement lisible. De ce fait, elles sont fréquemment utilisées dans les nouveaux contenus. Elles sont idéales pour renforcer la visibilité, et en plus, elles apportent une touche de modernité grâce à leur aspect très graphique.
On peut par exemple mettre en majuscule les principaux mots-clés pour attirer l’attention.
Un exemple d’écriture en majuscule bien pensée : Il fait chaud ! ENVIE d’une bonne GLACE ?
Pour exploiter au mieux les pouvoirs des polices en majuscule, il peut aussi être judicieux d’appliquer un modèle d’écriture déjouant les règles d’usage. Par exemple, rien n’empêche de mettre tous les textes d’un document en majuscules à condition de bien varier les tailles des polices. Il est également possible d’inverser les habitudes en mettant les titres en minuscules et les informations secondaires en majuscules.
Choisissez la typographie adaptée en fonction de votre contenu
Outre l’image de marque que vous souhaitez mettre en avant, il est également essentiel de choisir une typographie correspondant au type de contenu que vous souhaitez mettre sur votre site Web.
Dans le cas où vous comptez insérer beaucoup de textes, alors il faudra plutôt miser sur des polices sans empattement. Celles-ci sont en effet plus agréables à lire, et retiendront donc plus l’attention du lecteur. Votre site aura alors une forte valeur ajoutée en termes d’expérience utilisateur.
Dans ce sens, évitez donc les polices du style Script, car elles n’offrent pas une lisibilité optimale, surtout sur un petit écran (comme un écran de Smartphone par exemple). Abstenez-vous aussi d’utiliser des polices avec des caractères à espacements trop étroits, car elles nuisent aussi à la lisibilité.
Image : Capture d'écran sur Strikingly
Choisissez le style en fonction de vos cibles
Les meilleurs outils proposent différentes classifications de polices afin de s’adapter à tous vos besoins. Pour des contenus ressemblant aux écrits dans les médias imprimés (journaux ou livres), vous aurez le choix entre une large gamme de polices Serif. Elles sont plus classiques et élégantes, plus appréciées par des cibles plus âgées. À noter que cette typographie s’applique de plus en plus aux sites Web, ces dernières années.
Les polices Sans Serif s’intègrent quant à elles aussi bien aux sites Web qu’aux petits écrans mobiles, grâce à leur aspect moderne et facile à lire. Dans cet esprit, elles sont tout à fait indiquées pour un public plus jeune.
Disposer des bons outils de typographie
Comme vous pouvez le constater, la typographie ne se limite pas uniquement à choisir de belles polices pour l’élaboration de votre site Web. Pour atteindre votre objectif, vous devez avoir à votre disposition un outil qui va vous permettre d’avoir accès à un maximum de polices et de visuels. Entre autres, Strikingly est un outil particulièrement puissant.
Image : Capture d'écran sur Strikingly
Créez un site à votre image
Pour la conception de votre site Web, vous devez choisir des polices correspondant à votre image de marque. Vous devez également respecter votre charte graphique, en reprenant les couleurs de votre logo pour votre visuel par exemple.
Avec un outil bien élaboré tel que Strikingly, vous aurez à votre disposition tous les moyens d’élaborer de façon simple une page web correspondant parfaitement à votre identité et à l’image que vous souhaitez véhiculer.
Faites des essais avec les nombreuses polices disponibles
Pour avoir un maximum d’impact sur votre futur public, n’hésitez pas à essayer différents styles de police. Ainsi, vous parviendrez à trouver la combinaison idéale pour représenter votre marque. Ayant parfaitement conscience de l’importance d’avoir une bonne typographie graphisme, Strikingly met à votre disposition des centaines de polices variées. Vous devriez donc y trouver votre bonheur.
Cet éditeur de site web peut vous proposer encore plus de choix : en effet, avec un compte Pro, vous aurez par exemple la possibilité d’importer votre propre police, et de profiter d’autres fonctionnalités supplémentaires. En termes de personnalisation, les utilisateurs peuvent également ajouter des codes personnalisés (CSS), en accédant aux paramètres de l’éditeur. Le site Web que vous aurez créé sera alors d’autant plus unique.
Dans le cas où vous souhaitez personnaliser votre site Web, mais que vos connaissances sont limitées en codage, l’équipe technique (développeurs en “Front End”) de Strikingly peut étudier vos besoins et ajouter les codes personnalisés nécessaires pour vous.
Vous désirez avoir un visuel de votre typographie en exemple ? Aucun souci. Strikingly vous permet d’avoir un aperçu de votre site en création sur différents types d’écrans. Vous aurez alors un rendu de l’apparence de votre page, avec les polices que vous avez utilisées.
Bref, si vous recherchez un outil plus que complet, ne cherchez plus ! De plus, Strikingly est très facile à utiliser, intuitif, et élaboré par des experts qui savent bien ce qu’ils font. Grâce à lui, vous serez enfin en mesure de créer un site web incroyable.
