Typographie : 10 définitions à connaître

Les pros du numérique ont parfois un langage… particulier. Quand le community manager regrette  « la baisse du reach de ses posts organiques », le graphiste t’explique que ta créa ne convient pas car « les descendantes de la première ligne chevauchent les jambages supérieurs de la seconde ». Creative Market l’a bien compris et publie un petit lexique illustré de la typographie, en 10 définitions.

Ligne de base (baseline)

La ligne invisible sur laquelle reposent les lettres. Certaines lettres (telles que g, j, p, q, y…) peuvent dépasser, selon la police de caractères utilisée.

BASELINE-01

Hauteur de capitale (cap height)

La distance (verticale) entre la ligne de base et le haut d’une lettre en majuscule.

CAP-HEIGHT-01

Œil, hauteur d’X (X-height)

La distance (verticale) entre la ligne de base et le haut d’une lettre minuscule (hors ascendante).

X-HEIGHT-01

Contrepoinçon (counter)

L’espace « emprisonné » totalement ou partiellement au sein d’une lettre.

COUNTER-01

Ascendante (ascender)

La partie supérieure d’une lettre qui dépasse de l’œil (au-dessus). On parle aussi de jambage supérieur.

ASCENDER-01

Descendante (descender)

La partie inférieure d’une lettre qui dépasse de l’œil (en dessous). On parle aussi de jambage inférieur.

DESCENDER-01

Interligne (leading)

Distance (verticale) qui sépare les lignes de base de deux lignes de texte consécutives.

LEADING-01

Approche (tracking)

Espacement (global) entre les lettres d’une même ligne (sur le web : letter-spacing).

TRACKING-01

Crénage (kerning)

Ajustement de l’espacement (individuel) de paires de lettres particulières afin d’harmoniser l’écriture.

KERNING

Petites majuscules (small caps)

Version réduite des majuscules, généralement de même taille que les minuscules. On distingue les véritables petites majuscules, conçues par le designer et intégrées à la typographie ; et les fausses petites majuscules, générées automatiquement par les programmes et pas toujours très homogènes.

SMALL-CAPS-01

Pour aller plus loin (et en français), vous pouvez vous reporter à ce schéma qui répertorie les principaux à termes à connaître pour définir une police de caractères.

police-caractere

Via Creative Market : How to Speak Typography: Terms You Should Know

OFFRES D'EMPLOI WEB

Rédacteur Web H/F

N#1 des services recrutement, emploi et carrière en France, Regionsjob imagine et développe depuis 16 ans des solutions RH à forte valeur ajoutée. Précurseur dans l'application des technologies web au ...

Chef de Projet Digital Commerce-Clients H/F

Le Groupe Pomona (3, 1 milliards d'Euros de CA, 10200 collaborateurs) est leader de la distribution livrée de produits alimentaires auprès des professionnels de la restauration et des commerces spécialisés ...

Chargé de Projet Web H/F

Acteur majeur de la prévention et de la maîtrise des risques, le groupe Socotec (5 000 collaborateurs) exerce ses métiers auprès des entreprises de tous secteurs : construction & immobilier, ...

Commentaires

Laisser un commentaire

Il est possible d’utiliser ces balises HTML :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Ce blog supporte le système Gravatar, pour obtenir le vôtre, inscrivez-vous sur Gravatar