À faire et à ne pas faire de la typographie
Comme une grande partie du contenu disponible sur le Web est du texte, il est essentiel que les concepteurs Web comprennent les principes de base d'une bonne typographie. Cette connaissance permet aux concepteurs de communiquer plus efficacement, ce qui leur permet de créer de meilleurs designs et sites Web plus faciles à utiliser.
Pour les concepteurs plus expérimentés, définir du texte peut venir naturellement, mais pour ceux qui débutent, j'ai décidé de dresser une liste des choses à faire et à ne pas faire. Non seulement cette liste vous apprendra les principes fondamentaux, mais vous pourrez également l'utiliser comme liste de contrôle pour les futurs projets. Voici:
Établir une hiérarchie typographique
Une hiérarchie typographique peut être établie en utilisant diverses méthodes telles que la taille, le poids, la couleur et le contraste. Son but est de donner une structure de pages et de guider l'utilisateur à travers le contenu. Sans une hiérarchie claire, le texte devient beaucoup plus difficile à scanner et donc généralement plus difficile à lire. Il suffit de regarder les exemples ci-dessous. À gauche, le texte a une taille et un poids, il est donc difficile de différencier les titres et le corps du texte. En attendant, à droite, nous avons le même contenu mais avec une hiérarchie typographique claire, il est donc beaucoup plus facile de distinguer les différents éléments.
Ici, je n'ai utilisé que la taille et le poids pour établir ma hiérarchie, mais pour obtenir de meilleurs résultats, vous pouvez également essayer la couleur et le contraste.
NE PAS rendre le texte trop petit
Tout le monde n'a pas la vision 20-20, il est donc important de s'assurer que le texte de votre corps est suffisamment grand pour que les gens puissent le lire facilement. Personnellement, je recommanderais pas plus petit qu'une taille de 14pt.
Choisissez une police appropriée pour le corps du texte
Un autre facteur important en ce qui concerne le texte de votre corps est la lisibilité. Bien qu'une police de caractères comme Satisfy puisse convenir à un design avec une esthétique faite à la main, l'utilisation d'une police de caractères comme celle-ci pour votre texte corporel aura un impact négatif sur vos utilisateurs. C’est parce qu’il est beaucoup plus difficile à lire que votre serif ou sans-serif moyen. Regardez les exemples ci-dessous et vous remarquerez à quel point votre cerveau doit travailler plus dur pour distinguer les mots à gauche de ceux à droite.
N'utilisez pas trop de polices différentes sur une seule page
Des services tels que Typekit et Google Fonts peuvent vous donner accès à des milliers de polices, mais cela ne signifie pas que vous devez tous les utiliser. Comme vous pouvez le voir dans l'exemple ci-dessous, à moins que cela ne soit vraiment efficace, l'utilisation de plusieurs polices peut être très distrayante. C'est pourquoi je recommande généralement de ne pas utiliser plus de 2 ou 3.
DONNER à votre salle de texte pour respirer
Un manque d'espace blanc entre chaque ligne peut affecter la lisibilité, car il est difficile pour l'œil de suivre une ligne à l'autre. Cependant, ce problème peut facilement être résolu en augmentant vos hauteurs de ligne, mais faites attention à ne pas en faire trop, trop d'espace peut également affecter la lisibilité de manière négative.
NE PAS utiliser en continu tous les bouchons
Les gens ne sont pas habitués à lire de gros morceaux de texte en majuscules et, de ce fait, il est plus difficile pour les gens de lire. Non seulement cela, mais les gens associent souvent tous les bouchons à des cris ou à des agressions et, en ce qui concerne la copie marketing, ils peuvent rencontrer beaucoup de spam. Pour cette raison, il est important de réfléchir à comment et quand vous allez utiliser tous les majuscules et vous assurer que vous l’utilisez avec modération.
Essayez de limiter les paragraphes à 40-60 caractères par ligne
Si une ligne est trop longue, le lecteur commence progressivement à perdre son focus et peut souvent avoir du mal à lire d'une ligne à l'autre. Si une ligne est trop courte, l'œil du lecteur se déplace trop souvent, ce qui perturbe son rythme. Cela peut aussi les amener à lire la ligne suivante trop tôt, leur faisant manquer des mots de la ligne précédente. C'est pourquoi la longueur de ligne optimale pour le texte du corps est d'environ 40 à 60 caractères par ligne.
N'utilisez PAS de grandes quantités de texte centré
Le texte centré est difficile à lire car les bords du bloc de texte sont inégaux, ce qui rend le scan plus difficile car chaque ligne a un point de départ différent. Les blocs de texte centrés sont également difficiles à aligner sur les autres objets de la page et sont souvent considérés comme assez amateurs. C'est pourquoi, comme pour tous les majuscules, il est préférable d'utiliser du texte centré avec modération, en optant plutôt pour un texte aligné à gauche.
Assurez-vous qu'il y a suffisamment de contraste entre votre texte et l'arrière-plan
Le contraste est un autre aspect de la typographie qui peut affecter la lisibilité. S'il n'y a pas suffisamment de contraste entre le texte et l'arrière-plan, le contenu peut devenir illisible.
Avez-vous quelque chose à ajouter? Quels conseils donneriez-vous aux nouveaux concepteurs? Faites le nous savoir dans les commentaires.