Le texte n'est pas une réflexion après coup dans le processus de conception. Ce devrait être votre première considération.
La lisibilité devrait être l’une des principales préoccupations de tout projet de conception. Si le texte ne peut pas être lu, pourquoi alors concevez-vous? Un bon design offre un contenu compréhensible. la lisibilité est une grande partie de la compréhension. Aujourd'hui, nous discuterons de la manière dont vous pouvez planifier un dessin autour des mots pour que vos projets soient faciles à lire.
Qu'est-ce que la lisibilité?
Nous parlons beaucoup de lisibilité en matière de design. Mais lisibilité et texte lisible ou lisible ne sont pas tout à fait la même chose. Si quelqu'un peut écrire des lettres, le texte est considéré comme lisible. Cela ne signifie cependant pas que les mots sont nécessairement faciles à lire ou à comprendre; ils sont juste déchiffrables.
La lisibilité est la facilité avec laquelle le texte peut être lu. La compréhension est un facteur clé en termes de lisibilité, tout comme le fait de pouvoir rapidement regarder - et comprendre - les lettres. Le texte lisible peut être numérisé rapidement, à distance.
La lisibilité tient également compte des mots eux-mêmes et de la facilité avec laquelle ils sont compris et compris. (Certains experts ont recommandé que le texte destiné à la consommation générale ne dépasse pas un niveau de lecture de huitième pour une lisibilité optimale.)
Jetons un coup d'œil à quelques autres normes visuelles qui contribuent à la lisibilité.
Longueur de la ligne
"Combien de temps une ligne de texte peut-elle être un facteur clé en matière de lisibilité et elle est presque invisible." Des lignes trop longues, surtout dans les gros blocs, peuvent fatiguer les yeux et rendre la lecture difficile. Les lignes trop courtes entraînent souvent des coupures gênantes. Si la césure est utilisée, les lignes courtes se traduiront également par de nombreux mots composés, ce qui peut également interrompre le flux de lecture.
Où vous voulez que le texte tombe est quelque part dans ce juste milieu. Le texte doit être assez gros pour pouvoir être lu facilement, mais pas au point de provoquer des pauses ou des interruptions de lecture.
Diverses normes contribuent à la longueur de ligne parfaite (et même à quelques formules mathématiques). L'un des meilleurs prend en compte la largeur d'un bloc de texte (cela fonctionne mieux pour les projets imprimés mais s'applique à tout ce qui utilise des picas en tant qu'outil de mesure), et le divise en deux pour déterminer la taille de police optimale. Vous pouvez généralement ajuster la taille des points vers le haut ou le bas de quelques points dans les deux sens à partir de ce point de départ.
Donc, si une colonne est 36 picas de large (en version imprimée), le texte concernerait 18 points.
Qu'en est-il des projets numériques mesurant en pixels?
Vous pouvez appliquer la même formule, mais cela devient un peu plus compliqué: il y a 16 pixels par pica. Donc, si votre cadre a une largeur de 600 pixels, le texte aurait entre 18 et 19 points. (600/16 = 37,5 / 2 = 18,75). Personnellement, je pense que cela laisse un peu trop de texte. Cela nous amène à l'option n ° 2 pour les projets numériques. Définissez le type en termes de caractères (et d'espaces) par ligne.
En matière de corps de texte, le nombre optimal de caractères par ligne est compris entre 50 et 60, selon l'un des manuels de typographie intemporels, "Typographie: un manuel de conception". par Emil Ruder. Cette plage peut être quelque peu étendue en fonction du style de type utilisé et du périphérique sur lequel elle est visualisée. Pour la plupart des projets, la plage de sécurité des périphériques de bureau est comprise entre 45 et 75 caractères par ligne. La plage optimale pour les appareils mobiles est comprise entre 35 et 50 caractères par ligne.
Espace et contraste
L'espace et le bon contraste sont des éléments clés en termes de lisibilité. Le lettrage doit vivre dans son propre espace - ne pas partager avec d'autres lettrages ou images - et la couleur du texte et l'arrière-plan doivent être suffisamment différents pour pouvoir être distingués.
Comme pour la longueur de ligne, l'espace entre les lignes est important. Il est recommandé que l'espace entre les lignes (appelé interligne) soit au moins égal à la taille en points du type et que la plupart des concepteurs numériques optent pour un minimum de 150% de la taille du texte. Cela laisse beaucoup de place pour que chaque ligne soit lue dans de grands blocs de texte. Comme avec la longueur de ligne, trop ou trop peu d'espace entre les lignes peut rendre la compréhension difficile.
Les concepteurs doivent également accorder une attention particulière à l'espace entre les blocs de texte et les autres objets. Tenez compte des renvois et du texte qui se croisent dans les limites d'autres objets. Le retour à la ligne (vertical et horizontal) doit être au moins égal à l'interligne utilisé pour un bloc de texte. Évitez de laisser des blocs de texte toucher d'autres objets ou éléments, ou se chevaucher sur ou au-dessus des images.
"Réserve le type de couleur pour les mots ou logos de grande taille ou surdimensionnés."N'oubliez pas les marges. N'oubliez pas de laisser un espace blanc autour du bloc de texte afin de créer un halo presque invisible. Cette marge aidera à différencier le texte des autres "bruits". assouplir le lecteur dans la copie.
Pensez aussi au contraste. L'espace est un moyen de créer un contraste. un autre est la couleur. Le texte en noir sur fond pâle est un choix courant pour les blogs et les livres, car les blocs de copie volumineux doivent se distinguer du support (papier ou écran). Pour ce qui est des blocs de texte à lire, limitez-vous aux choix de couleurs simples, tels que le noir, le blanc ou le gris, qui se détachent de l’arrière-plan. Réservez des caractères de couleur pour les mots ou logos de grande taille ou surdimensionnés.
Césure et mots
L’un des éléments les plus irritants pour un lecteur est un trait d’union géant au milieu d’un titre ou d’un sous-titre qui s’étend sur trois ou quatre lignes de profondeur. Portez une attention particulière à ces détails lors de la mise en forme car ils peuvent être à la fois une source de désagrément pour les lecteurs et difficile à comprendre.
Les traits d'union font que les lecteurs s'arrêtent et s'arrêtent au milieu d'un mot. Ils doivent être éliminés des gros caractères et des meubles - plus gros que 25 points - et utilisés avec précaution dans les petits caractères.
Quelques traits d'union sont acceptables dans les blocs de copie volumineux, mais envisagez de définir un nombre limité de traits d'union par paragraphe.
Une mauvaise écriture et des sauts de mots peuvent être aussi choquants pour les lecteurs. Essayez de garder les titres et les sous-titres courts, simples et directs. Évitez les longues phrases et gardez la formulation concise. Donnez aux lecteurs un avant-goût du texte à venir, en les incitant à lire davantage.
Lorsque vous travaillez avec des projets numériques et Web, prenez en compte de nombreuses pauses et sous-titres pour de grandes quantités de copies (vous verrez que nous le faisons ici avec les articles de Design Shack). Ces ruptures facilitent la digestion visuelle du texte et rendent la copie longue moins intimidante à lire.
Alignement
Que le texte soit au centre, à gauche ou à droite d'un document ou d'un écran, est également important et peut avoir un impact considérable sur la lisibilité. En règle générale, l'alignement fort du texte est aligné à gauche. L'alignement à gauche fonctionne car il reflète votre façon de lire - de gauche à droite. Vous savez où chaque ligne se termine et où commence la suivante.
Les alignements justes et justifiés peuvent être les plus difficiles à utiliser. L'alignement à droite convient mieux aux petits blocs de texte, tels que les grosses citations ou les éléments de texte artistique. Le texte justifié requiert des spécifications de césure et de justification très précises. Il est préférable de l'utiliser dans un environnement non fluide. C'est pourquoi vous le voyez le plus souvent dans les limites de la conception d'impression.
Le texte centré, bien que populaire, ne se prête pas à la lisibilité. Il peut fonctionner pour de petits blocs de texte mais ne doit pas être utilisé plus de quelques lignes. (Consultez ce post précédent de Design Shack dans Comment utiliser les alignements centrés pour des idées et des exemples.) Le problème du texte centré est qu’il peut être difficile pour l’œil de savoir où les choses commencent et s’arrêtent, car les lignes sont irrégulières des deux côtés de la fenêtre. bloc de copie.
Outils de lisibilité
- L'outil de test de lisibilité: Entrez une URL (ou un bloc de texte directement) et obtenez un score de lisibilité calculé mathématiquement. Vous obtenez des résultats rapides et faciles à comprendre, tels que le niveau de lecture et les scores d'un certain nombre d'indices de lisibilité, ainsi qu'une analyse globale. L'outil comprend également un bookmarklet astucieux.
- Lisibilité: Ce plug-in de navigateur Web et cette application transforment toute page Web en un affichage clair pour la lecture et vous permettent de collecter des pages à lire ultérieurement.
- Test de lisibilité de Juicy Studio: En savoir plus sur tous les différents tests et algorithmes de lisibilité et sur la manière de comprendre ce que chacun signifie et comment cela peut se rapporter à vos projets.
- Information Architects? Le standard 100% Easy-2-Read :? Cet article rédigé en 2006 comprend une liste de contrôle de lisibilité. Bien qu’il s’applique principalement à la conception Web, de nombreux conseils incitent à la réflexion et sont toujours applicables aujourd’hui.
Conclusion
Concevoir pour la lisibilité ou ne pas utiliser le texte du tout. Si vous voulez que votre contenu soit efficace, il doit être lisible. En concevant dans un esprit de lisibilité, vous offrez à vos lecteurs et à vos utilisateurs un service.
Avec autant d'informations disponibles, les utilisateurs ont tendance à chercher (ou à cliquer) à l'écart d'un texte difficile à comprendre en un éclair. Ce sont des lecteurs, ou des clients potentiels, que vous pourriez ne jamais retrouver.