avez-vous déjà pensé à la police que vous regardiez lorsque vous lisez en ligne? Sinon, le concepteur du site a fait son travail. Ils choisissent une police facile à lire.
communément appelée lisibilité, cette caractéristique est importante pour le succès de votre site web, d’autant plus que les visiteurs voient votre contenu sur n’importe quoi, d’un petit smartphone à un moniteur géant. Vous souhaitez utiliser une police facile à lire et discrète.,
en revanche, les mauvaises polices sont distrayantes et peuvent chasser les visiteurs de votre site web — et personne ne le veut. Comment pouvez-vous vous assurer que votre site utilise une police lisible? Jetons un coup d’oeil à ce qui fait qu’une police fonctionne bien en ligne, ainsi que quelques excellentes options à considérer.
Table des Matières
le Choix de la lisibilité, de police en ligne.
Qu’est-ce que la lisibilité des polices?
Les polices sont en fait les fichiers numériques associés à une police de caractères. Une police de caractères est un moyen spécial de rendre les lettres à utiliser dans les médias imprimés et numériques., Les concepteurs de polices de caractères existent depuis des siècles. En effet, certaines polices de caractères courantes encore utilisées aujourd’hui remontent aux débuts de l’impression.
bien sûr, ils ne peuvent pas tous être gagnants, et certaines polices sont notoirement difficiles à lire. Un bon design signifie que la police est agréable à regarder, mais n’attire pas l’attention sur elle-même. Les caractéristiques typiques d’une police de caractères lisible comprennent des compteurs ouverts (l’espace à l’intérieur des lettres), une grande hauteur en x (la distance entre la ligne de base et le haut du corps des lettres) et un crénage généreux (l’espace entre les lettres)., Cela permet au lecteur de se concentrer sur le contenu, pas sur la façon dont il est livré. La façon dont la police est rendue en tant que police fait également une différence. Par exemple, même certaines des meilleures polices de caractères ne sont pas lisibles en tant que polices à 6 points. La lisibilité découle donc également de la taille, du style et de la variation de la police (comme l’italique ou le gras).
Voir connexe: Web Design vs Web Development
la lisibilité ne doit pas être confondue avec la lisibilité, qui fait référence à la façon dont un concepteur utilise la police sur une page Web. Par exemple, avoir suffisamment d’espace blanc dans la conception de votre site web est crucial pour améliorer la lisibilité du texte., En outre, il est important que les polices soient d’une taille et de couleurs suffisantes pour être facilement lues sur un appareil numérique. Il y a une grande différence entre les médias imprimés, dans lesquels la lumière rebondit sur les lettres, et les médias numériques, dans lesquels la lumière vient de derrière les lettres. Une bonne typographie prend en compte cette différence.
Les concepteurs de Thrive sont des experts pour s’assurer que votre site web est facile à lire et garde l’attention de votre Utilisateur là où elle appartient: sur vous et vos produits et services. Voici quelques-unes de nos polices préférées et faciles à lire à utiliser dans nos conceptions.,
les polices les plus lisibles
Arial
Arial est une police de caractères sans empattement populaire qui comporte des traits naturels et des compteurs ouverts pour lui donner un aspect plus organique. Bien qu’il soit ostensiblement une police d’impression, il semble bon sur les documents web ainsi en raison de sa conception ouverte.
Droid Sans
Droid Sans a été conçu avec des compteurs ouverts, de grandes hauteurs x et une structure robuste pour le rendre très lisible sur les appareils mobiles. Comme son cousin Open Sans, Droid Sans a été conçu par Steve Matteson D’Ascender Corporation.,
Futura
Futura est un classique des sans-serif qui est largement apprécié pour son design innovant et facile de la lisibilité. Fidèle à son nom, il a un look futuriste, mais il est également idéal pour le contenu web.
Georgia
Georgia a été conçu pour le Web, en particulier les documents en ligne qui seraient difficiles à lire autrement. Georgia reste lisible même lorsqu’elle est réduite à une petite taille de police.
Lato
Lato est un de Polices Google, qui est conçu pour le web., Ce sans-empattement a des lettres semi-arrondies pour une convivialité qui semble également professionnelle. Grâce à ses formes de lettres distinctives mais discrètes, il est également très lisible.
Merriweather
Cette police à empattement a été conçue pour être belle sur les documents numériques. Il est semi-condensé pour un look élégant, mais reste lisible à de petites tailles de police.
Minion
Minion Pro est une police de caractères distinguée et classique, et en effet c’est un design old-school., Pourtant, son élégance n’enlève rien à sa grande lisibilité et à son rendu fluide sur les appareils numériques.
Montserrat
Montserrat est une police de caractères géométrique sans empattement qui a un aspect ouvert, amical mais uniforme et professionnel. Il est couramment utilisé comme alternative à la police Populaire Gotham.
Open Sans
Au cas où vous ne l’auriez pas remarqué, beaucoup de ces polices de caractères faciles à lire sont sans empattements., Open Sans a été conçu par Steve Matteson de Ascender Corp pour être un sans serif attrayant pour répondre aux préférences de tous les concepteurs.
Playfair Affichage
Playfair d’Affichage est un joli serif caractères couramment utilisés pour les titres et les en-têtes. Ses hauts x-heights et ses empattements subtils le rendent facile à lire sur le web. Cette police open source est un excellent choix pour les sites Web qui veulent un look distingué.
Pluton Sans
Pluton Sans est géométrique, sans-serif conçu par Hannes von Döhren en 2012., Sa grande hauteur en x le rend excellent pour le rendu de longs textes, même sur le web.
Tisa
Tisa, conçu par Mitja Miklav, lui ressemble beaucoup, peu importe où il est rendu. Sa grande hauteur en x et son crénage et ses compteurs amples la rendent ultra-lisible, et c’est une police polyvalente qui a fière allure dans une gamme de contextes.
Trébuchet
Ce type de caractère est une autre commandée par la Société Microsoft. Conçu par Vincent Connare, ce sans-empattement est doté de hautes hauteurs en x et de courtes barres transversales pour faciliter la lisibilité.,
Verdana
Cette police sans empattement est largement appréciée pour ses compteurs ouverts et ses formes de lettres distinctives, qui évitent la confusion entre « n” et « h”, par exemple. Créées par le designer Matthew Carter Pour Microsoft Corporation, les polices Verdana se lisent très bien sur les sites Web et les documents numériques.
Voir connexe: Qu’est-ce qu’une Lightbox?
vous voulez augmenter votre taux de conversion, d’améliorer l’UX & SEO, clou de marque & ajouter de la valeur à votre entreprise?,
pour 197$, vous aurez
- 3 sessions d’atelier de 120 à 180 minutes
- accès au support pop-up dans le groupe communautaire circle.so
- PDF cheatsheets, classeurs & listes de lecture
- accès à tous les enregistrements & matériaux pour la durée de vie du projet
- accès à un cours de typographie statique
inscrivez-vous à L’atelier et à la masterclass de Piccia ici
…
Si vous recherchez une formation plus complète sur le design, consultez le cours DesignClass., Pour 297$, cette formation complète couvre tout, de la typographie à la théorie des couleurs en passant par la mise en page. Ce cours est enseigné par L’un de nos designers préférés, Mor Cohen, et vous laissera avec un processus éprouvé pour créer des sites Web simples, sérieusement approfondis et magnifiquement Polis. C’est de la farine complète affaire. Amusez-vous bien!
mot de la fin
votre site web est votre première ligne de communication avec beaucoup de vos clients. En plus d’un excellent contenu, Vous avez besoin d’une police de caractères très lisible et qui laisse transparaître le message de votre entreprise., Les meilleurs concepteurs Web savent quelles polices choisir pour correspondre à votre marque et rendre votre site Web attrayant pour les visiteurs. Si la lisibilité de votre site Web vous inquiète, écrivez-nous. Nous pouvons vous aider à comprendre comment rendre votre site plus facile à lire et à agir pour votre public.
