Back to Basics Belle typographie dans la conception Web

Un bon site Web commence par une belle typographie. Et casser la règle occasionnelle est bien, mais il est parfois bon de revenir aux principes de ce qui fait génial typographie - et comment la créer.

Il s'agit d'une mise à jour vitale qui peut vous aider à repenser les projets, à envisager une nouvelle approche ou simplement à revenir à une conception plus simple et plus simple.

Donc, aujourd’hui, nous ignorons les tendances et les moyens de casser les règles pour nous concentrer sur la théorie de la typographie et sur la manière dont les "règles" sont appliquées. peut être un excellent guide pour créer un type phénoménal.

Taille et hiérarchie

Questions de taille. La taille peut être l’un des facteurs les plus importants lors de la création d’un plan pour une typographie lisible sur des écrans. Un texte minuscule peut être choquant et difficile à voir. Un texte surdimensionné peut dépasser les lignes de façon étrange et causer de la confusion.

La typographie lisible comporte plusieurs niveaux de hiérarchie pour indiquer aux utilisateurs ce qu’il faut lire en premier, en second, etc. Il existe une échelle évidente qui fait que le corps du texte a une taille unique dans le dessin, les titres une autre taille et que les séparations et les sous-titres possèdent également leurs propres spécifications.

Suivi et crénage

Souvent confus, suivi et crénage ne sont pas la même chose. Kerning est l’ajustement de l’espace entre une paire de lettres. suivi Réglage de l’espace entre un jeu complet de caractères, tel qu’un paragraphe ou réglage général d’un bloc de texte.

Le crénage est souvent appliqué à des éléments individuels pour créer une précision et améliorer la lisibilité et même le style pour les textes de grande taille. Le suivi est souvent utilisé pour resserrer une police de caractères lâche dans le corps de la copie.

Limiter les types de caractères

Trop de caractères peuvent être accablants et dérangeants. Deux ou trois caractères suffisent pour la plupart des projets.

Pour choisir une option de type solide, il est essentiel de choisir une famille de types très variée. La plupart des polices de qualité proposent plusieurs styles: gras, normal, italique, condensé, noir, etc. En choisissant une police avec plusieurs options, vous aurez un poids et un style pour plusieurs utilisations. (Certaines familles incluent même les options serif et sans serif si vous souhaitez conserver l'intégralité du dessin dans une seule famille de polices.)

Mélanger et assortir les styles

Lorsque vous choisissez des polices de caractères (il est vrai que cela peut être la partie la plus difficile de nombreux projets de conception), il est correct, et même préférable, de choisir deux styles de caractères différents.

Le couple le plus commun est un serif et sans serif. Mais vous n'êtes pas obligé de vous en tenir à cela.

Lorsque vous associez différents styles et types de caractères, recherchez un lettrage ayant une hauteur x similaire (recherchez des jeux de caractères ayant la même taille minuscule verticale? X?) Et une forme de bols (espace à l'intérieur de lettres fermées, telle qu'un? O?).

Ces détails peuvent faire toute la différence en ce qui concerne la convivialité des polices et la facilité de lecture du texte par les utilisateurs. L'utilisation de lettres similaires dans des styles différents a toujours une familiarité visuelle qui peut rendre tout le type plus facile à lire ensemble.

Oubliez les traits d'union et la justification

La plupart du temps, les traits d'union et une justification complète sont inutiles.

Particulièrement en ligne, ces techniques peuvent rendre le texte plus difficile à digérer et à comprendre d'un coup d'œil. Les traits d'union interrompent l'expérience de lecture et une justification complète se traduit souvent par un espacement impair qui est difficile à lire.

Bien que les deux éléments aient leur place dans certains projets, ils devraient le plus souvent être évités.

Ne modifiez pas les polices

Vous ne devriez jamais ajuster une police. N'essayez pas de le rendre plus gros, plus grand ou plus mince. Choisissez plutôt une nouvelle police.

Les concepteurs de caractères travaillent d'arrache-pied pour créer un jeu de caractères cohérent, lisible et adapté au style de la police. N'essayez pas de changer l'apparence d'un ensemble de caractères. Vous ne les améliorerez pas et vous ferez souvent un gâchis du genre dans le processus.

Si une police de caractères ne fonctionne pas exactement comme vous le souhaitez, cherchez autre chose. Essayez l'outil de police similaire Identifont, qui identifie les polices de caractères d'apparence similaire, pour sélectionner une autre option qui pourrait mieux fonctionner dans votre projet.

Contraste

Concevoir le contraste en utilisant la typographie. Tout comme vous utiliseriez différentes tailles pour créer une hiérarchie, envisagez différents poids, couleurs et styles de police afin de créer un intérêt visuel.

La couleur est l’un des moyens les plus efficaces - et les plus faciles - de créer un contraste. Le contraste idéal est un texte sombre sur un fond clair (ou l'inverse). Il existe un nombre presque illimité d'options de couleurs pour vous aider à atteindre cet objectif. Lorsque vous jouez avec la couleur et la typographie, sachez que certaines combinaisons de couleurs, telles que le rouge vif sur le bleu droit, peuvent être très difficiles à lire. Recherchez des combinaisons différentes en termes de lumière par rapport à sombre, de dynamisme et de saturation.

En ce qui concerne le contraste, il est souvent préférable de choisir un arrière-plan simple pour donner de la place à un texte. Mais si l’arrière-plan contient des éléments visuels, tels qu’une image ou un motif, modifiez la taille des lettres pour créer une séparation entre l’arrière-plan et l’élément de texte au premier plan.

Mesurer, ça compte

Une mesure est la taille du conteneur contenant le texte. Cela peut être la largeur d'un bloc de texte entier ou d'une colonne unique dans un format multi-colonnes.

Mesurer est important car le nombre de caractères (y compris les espaces, les glyphes et la ponctuation) sur l'écran peut avoir une incidence sur la lisibilité. La théorie sous-jacente à ce concept est que, si les lignes sont trop longues ou trop courtes, l'œil de l'utilisateur peut être fatigant de lire en raison d'un mouvement de va-et-vient constant d'une ligne à l'autre.

De Les éléments du style typographique: Les caractères de 45 à 75 caractères sont généralement considérés comme une longueur de ligne satisfaisante pour une page à une colonne placée dans une face de texte renforcé avec une taille de texte. La ligne de 66 caractères (comptant à la fois les lettres et les espaces) est largement considérée comme idéale. Pour un travail sur plusieurs colonnes, une meilleure moyenne est comprise entre 40 et 50 caractères.

C'est un bon point de départ pour la plupart des projets, même si de nombreux projets privilégient des tailles de caractères un peu plus grandes, ce qui réduirait le nombre de caractères.

Bien que la typographie mobile ne soit pas un sujet de préoccupation lors de la première publication du livre, la recommandation pour plusieurs colonnes est un point de départ acceptable. Vous pouvez même choisir un peu plus bas et viser un nombre optimal de 35 caractères par ligne pour les petits écrans.

Conclusion

Si vous voulez continuer à penser à la théorie de la typographie et au lettrage, il existe quelques excellents livres en plus du classique mentionné ci-dessus.

Considérer:

  • Penser avec le type par Ellen Lupton
  • Pourquoi les polices sont importantes par Sarah Hyndman
  • Just My Type: un livre sur les polices par Simon Garfield