Une introduction de 20 minutes aux bases de la typographie

La typographie joue un rôle important dans la conception graphique et peut être l’une des choses les plus difficiles à obtenir. Mon but ici est de présenter quelques notions de base et les domaines de typographie les plus courants qui seront importants dans votre travail de conception..

Ce post est le jour 20 de notre session de conception graphique. Sessions créatives "Session Day 19Session Day 21"

Une introduction de base à la typographie

La typographie joue un rôle important dans la conception graphique et de nombreux concepteurs sont très passionnés ou ont une opinion commune à ce sujet. C’est pour cette raison qu’il s’agit d’un sujet d'actualité dans le monde du design.

Développer vos propres compétences en typographie prendra du temps et cela peut être l’une des choses les plus difficiles à obtenir. Il est préférable d’acquérir une solide compréhension des bases le plus tôt possible dans vos études et votre carrière. Cependant, il s'agit d'un sujet complexe avec une quantité énorme de détails qui ne peuvent pas être expliqués dans un seul article. Mon objectif est donc de présenter quelques notions de base et les domaines de typographie les plus courants qui seront importants dans votre travail de conception..


Alors, quelle est la typographie?

La typographie est une forme d'art qui existe depuis des centaines d'années. Les mots et le texte nous entourent tous les jours dans presque tout ce que nous faisons. Dans chaque type de texte que vous voyez, quelqu'un a réfléchi à la manière dont les lettres, les phrases et les paragraphes ressembleront afin que nous puissions le lire, ou nous faire ressentir une certaine manière lorsque nous l'examinons. Parfois, c'est bien fait, les autres non. Ce sont souvent nous, graphistes, qui décidons de l’aspect visuel, dans nos brochures, nos logos, nos sites Web, etc. Plus nous y parviendrons, plus nos conceptions seront efficaces..

Une bonne typographie découle de l’attention portée aux détails les plus infimes, car cela peut faire la différence entre un travail de conception graphique tout à fait acceptable ou vraiment bon. Cependant, il ne suffit pas de choisir les polices et de donner une belle apparence à la copie: il s'agit également de rendre les choses lisibles et lisibles (certaines des fonctions les plus élémentaires d'une bonne typographie), ainsi que de donner une belle apparence aux mises en page..


Bases de la typographie

Ce qui suit est une explication de certains domaines communs de la typographie.

Police de caractère ou police?

Nous allons éclaircir celui-ci tout de suite! Les concepteurs ne sont souvent pas certains de la différence entre ces deux termes, car ils sont tous deux des termes bien utilisés pour désigner la même chose. En fait, une police de caractères est une famille de polices (telles que Helvetica Regular, Helvetica Italic, Helvetica Bold, Helvetica Black, etc.), mais une police est un poids ou un style dans une famille de polices de caractères (telle que Helvetica Regular).

Classifications typographiques

Il existe de nombreuses classifications et sous-classifications de polices, mais les deux types les plus courants sont les suivants: Serif: ces polices sont les plus traditionnelles. Ils se distinguent par un trait court ou un trait de finition sur la fin des traits et des tiges de caractères (indiqué dans le diagramme d'anatomie ci-dessous) et; Sans-serif - comme leur nom l'indique, ceux-ci se distinguent par leur absence de Serifs. Ils ne sont devenus populaires qu'au XIXe siècle et sont considérés comme modernes en raison de.

Anatomie

Voici quelques éléments de base de l’anatomie des caractères typographiques. Il y en a beaucoup plus (que vous pouvez trouver ici sur Fonts.com) mais je pense qu'il est préférable de commencer par quelques-uns.

Glyphes

Que sont les glyphes? La plupart des concepteurs ont remarqué qu'il existe désormais une palette de glyphes dans la plupart des principaux progiciels. Le mot désigne essentiellement tous les caractères disponibles dans une police, des lettres aux chiffres et tous les caractères spéciaux..

Crénage et suivi

Le crénage est le réglage de l'espacement entre les caractères individuels. Le suivi, cependant, est l’espacement d’un groupe de caractères. Ces deux-là sont souvent confondus, mais je me souviens d'eux que le suivi ressemble à une longue ligne de voies ferrées, alors que Kerning ressemble à un noyau, qui est un objet individuel..

Alignement

Généralement, le texte doit rester aligné, tout simplement parce que nous sommes habitués à lire de cette façon. Sans raison valable, envisagez de centrer le texte ou de l'aligner correctement uniquement s'il s'agit d'une petite quantité, telle qu'un titre ou une légende. En outre, le texte justifiant (où il a un bord droit des deux côtés) doit également être utilisé avec modération. Dans certaines situations, cela a l'air sympa et ordonné, mais trop, cela rendra une mise en page rigide. De plus, justifier une petite taille de colonne peut entraîner un espacement irrégulier entre les mots lorsque le logiciel tente d'ajuster votre texte.

Mesure

Cela fait référence à la longueur des lignes de texte dans un paragraphe ou une colonne. La plupart des gens ont toutefois tendance à s'y référer en tant que largeur de colonne. Mesurer est un élément important à prendre en compte dans la typographie, car il peut être crucial pour la lisibilité du texte. Si la mesure est trop large, le texte peut être difficile à lire car l'œil doit bouger beaucoup plus après chaque ligne. Si elle est trop étroite, la lecture peut vous fatiguer, car les yeux bougent constamment. Une mesure étroite entraînera également beaucoup de césure.

De premier plan

L’espacement des lignes verticales est désigné par l’appellation Principale dans la typographie et l’impression. En effet, à l’époque ancienne de l’impression et de la mise en place des blocs de caractères, des bandes de plomb étaient insérées entre les lignes en fonction de l’espace requis. Le rôle principal de la typographie consiste à créer un espace suffisant entre les lignes pour la rendre lisible. Comme pour toutes les questions de typographie, c'est un équilibre entre le confort de lecture et le style esthétique..

Ligatures

Lorsque des parties de l'anatomie des personnages s'affrontent ou semblent trop proches les unes des autres, elles peuvent être combinées dans ce que l'on appelle des ligatures. Ceux-ci peuvent être pour des raisons fonctionnelles ou décoratives en fonction de la clarté du conflit. Généralement, il s’agit uniquement de problèmes de polices serif, bien que parfois les sans-empattements aient besoin de ligatures..

Vous pouvez en savoir plus sur les ligatures sur Fonts.com et le magazine Layers d'Adobe.

Césure

Un autre de ces détails que vous devez juger en typographie. Les concepteurs et les typographes n'apprécient pas la césure, mais elle est parfois jugée nécessaire pour éviter les problèmes de chiffon (il y a une description du chiffon plus loin dans cet article). Si vous devez les utiliser, évitez d'en avoir beaucoup dans un bloc de copie, et surtout évitez de les faire suivre les uns des autres. Pour plus d'informations à ce sujet, essayez de lire cette page sur Fonts.com.

Hyphens, En-dashes et Em-dashes

Une autre chose qui peut semer la confusion lors de l’utilisation des caractères de la ligne horizontale dans une police et qui est la bonne à utiliser. Il est utile de connaître la différence entre un trait d'union (le plus court), un tiret En-tiret (le plus long) et un tiret Em (le plus long). Linotype et Fonts.com ont des guides utiles sur ce sujet.

Des grilles

Une grille est un guide grâce auquel les graphistes peuvent organiser la copie et les images de manière flexible, tout en rendant ce contenu facile à assimiler et à comprendre. Ils peuvent constituer la base d'une bonne mise en page typographique, il est donc bon de prendre l'habitude de les utiliser dans votre travail. Essayez de regarder des exemples (tels qu'un journal, une brochure ou un site Web contenant beaucoup de texte) pour voir comment le type a été positionné et structuré. Le diagramme ci-dessous est destiné à montrer de manière simple comment positionner différentes pièces de type sur une grille et comment s'appellent les parties principales d'une grille..

En savoir plus sur l'utilisation des grilles dans The Grid System, une ressource très utile.

Chiffon

Il s'agit du bord vertical irrégulier d'un bloc de type, le plus souvent du bord droit, comme dans le cas d'un texte aligné à gauche. Il est important de faire attention au chiffon, car cela peut affecter considérablement la lisibilité. Si le chiffon n'est pas très bon, il peut être très distrayant pour les yeux lorsque vous lisez une colonne. Habituellement, il peut être facilement corrigé en retravaillant les sauts de ligne ou en modifiant la copie..

Veuves et orphelins

Si un seul mot ou une très courte ligne est laissé à la fin d'une colonne, cela s'appelle une veuve. De même, s'il reste la même chose en haut de la colonne suivante, cela s'appelle un orphelin. Ces deux éléments sont considérés comme une mauvaise typographie car ils provoquent des formes gênantes dans un bloc de caractères. Ils peuvent généralement être corrigés facilement de la même manière que le chiffon, en retravaillant les sauts de ligne dans la colonne ou en modifiant la copie..


Continuez à apprendre plus

Une fois que vous avez assimilé les bases que j'ai décrites, vous disposez d'une énorme quantité de documents de référence typographiques de qualité en ligne qui vous aideront à en apprendre davantage et à améliorer vos compétences et votre jugement. Vous trouverez ci-dessous une série de liens utiles pour vous aider à démarrer..

Lecture recommandée

Deux des principales entreprises internationales de polices de caractères disposent de très bonnes sections de ressources destinées à vous aider à maîtriser la typographie de base:

  • Monotype pour vos informations typographiques
  • Linotype's Font Lounge

Inspiration

Jetez un coup d’œil sur le Web et découvrez une excellente typographie. Non seulement vous trouverez une bonne variété de styles, mais vous pouvez également voir ce que les autres personnes considèrent comme un bon type. Voici quelques bons endroits pour commencer:

  • Nous aimons la typographie
  • FormFiftyFive
  • Ressources pour la typographie inspirante
  • Typeneu.com
  • Typographer.org
  • Type Directors Club
  • Typographie servie
  • Liste de groupes typographiques Flickr de David Airey
  • Typographie sur Behance

Terminologie

Si vous souhaitez en savoir plus sur la terminologie typographique ou simplement rechercher un mot, voici des sites utiles:

  • Glossaire Fonts.com
  • Paratype.com

Articles généraux

Voici quelques articles avec des conseils généraux pour améliorer votre typographie:

  • 11 conseils essentiels pour une bonne typographie d'impression
  • 8 façons simples d'améliorer la typographie dans vos conceptions

Typographie Web

Si vous souhaitez en savoir plus sur l'utilisation de la typographie dans les sites Web, essayez ces ressources utiles:

  • Sites Web avec une belle typographie
  • Usetypography.com
  • 8 astuces de typographie détaillées pour le Web
  • La conception Web est 95% typographie
  • Un guide pratique de la typographie Web
  • La norme 100% Easy-2-Read
Ce post est le jour 20 de notre session de conception graphique. Sessions créatives "Session Day 19Session Day 21"