Comment la typographie détermine la lisibilité: Serif vs Sans Serif, et comment combiner des polices.

Pour la conception numérique, il est important de savoir et de comprendre comment utiliser et comment combiner différentes polices. Il y a une police pour chaque humeur!

Cet article va vous donner une introduction rapide aux plus grandes familles de Typographie: Serif et Sans Serif. Et comment, en tant que concepteur, vous pouvez choisir les bonnes polices et les combiner.

Commençons!

Famille de types Serif

La police Serif est différenciée de Sans Serif par le minuscule petit truc en forme de pied appelé Serifs.

Beaucoup de polices Serif que vous verrez auront l'air beaucoup plus traditionnelles ou conservatrices.

Origines : La raison pour laquelle ils ont ces petits pieds est en fait à cause de la sculpture sur pierre. À l'époque où les gens devaient graver des lettres latines dans la pierre, le designer peignait généralement les lettres qu'il voulait avec un pinceau. Mais les tailleurs de pierre devraient le découper dans ce tableau. Et cette sculpture sur pierre a créé ces empattements sur les lettres.

Les gens ont tendance à utiliser les polices Serif pour quelque chose d'assez sérieux. Ceci est dû à leur aspect et à leur sensation traditionnels et conservateurs.

Serif est divisé en quatre familles de caractères.

1. Style ancien

C'est la plus ancienne famille Serif. Il comprend des polices telles que Adobe Jenson, Centaur, Goudy Old style et bien d'autres. Leur police est calquée sur ce à quoi ressemblait le texte dans les années 1400. Très vieux.

2. Transitionnel

C'est un peu plus moderne. Cette famille de caractères comprend Times New Roman, Baskerville, Georgia, etc.

3. Moderne

Encore plus moderne et élégant. Cela inclut Didot, qui est la police de caractères utilisée pour le titre du magazine Vogue.

4. Slab-Serif

C'est une famille de types avec des empattements épais. Des exemples de polices à empattement dalle incluent American Typewriter, Archer, etc.

Maintenant, comment différenciez-vous ces quatre grandes classes de la famille Serif?

C'est en fait assez simple. Regardez les trois premières familles: style ancien, transitionnel et moderne. Mettez-les côte à côte. Si vous regardez la partie la plus fine par rapport à la partie la plus épaisse des lettres, vous verrez cela au fur et à mesure que vous passez des types les plus anciens aux plus modernes. Vous verrez une différence accrue dans ce que nous appelons la modulation des polices. Concentrez-vous sur les O par exemple. En comparant l'ancien style aux types modernes, la différence d'épaisseur et de minceur sera moindre par rapport à moderne.

Et une grande partie de cette modulation vient de l'époque où les gens écrivaient avec des stylos à pointe plate.

Et Slab-Serif?

Si vous regardez une police Slab-Serif, vous verrez qu'il n'y a pratiquement aucune différence entre les parties les plus épaisses et les plus fines de la police.

Et il a été conçu intentionnellement comme ça. C'est l'un des membres modernes de la famille Serif. Pourtant, il ne suit pas la règle du "plus vous allez dans le futur, plus la différence est grande entre la partie la plus épaisse et la plus fine de la police". Slab-Serif a été créé pour l'impression de journaux pour une lecture plus claire lorsque la qualité du papier était mauvaise.

Famille de types sans empattement

Sans-Serif diffère du Serif. Il n'a pas d'empattements (les minuscules petits pieds) ni d'éléments décoratifs le long des poutres centrales et des barres supérieures. Sans-Serif est légèrement plus moderne que les empattements.

Ils sont également subdivisés en quatre familles.

1. Grotesque

Le plus ancien. Cela inclut News Gothic, Franklin Gothic et plus encore.

2. Néo-grotesque :

Un peu plus moderne. Helvetica et Ariel en sont des exemples.

3. Humaniste:

Encore plus à l'avenir. Gill Sans est un exemple.

4. Géométrique :

Ils sont basés sur des formes géométriques. Futura est un exemple.

Comment différenciez-vous les quatre?

Maintenant, comme les empattements, vous pouvez passer de l'ancienne famille grotesque au néo-grotesque à l'humaniste. Vous pouvez voir la différence entre les parties les plus épaisses et les plus fines de la police qui deviennent de plus en plus exagérées. Quand on regarde le Grotesque, il est presque équidistant en tous points. Et quand vous regardez les polices Humanist, vous commencez à voir la variation de la modulation.

Dans une police Geometric, les O sont toujours parfaitement ronds. Les O ressemblent exactement à ceux que vous dessinez avec un rapporteur. Et cette police est un peu comme le type Slab-Serif. Même si c'est l'une des polices de caractères modernes de la famille, elle va à l'encontre de la tendance et n'a pratiquement pas de modulation et est équidistante à tous les points.

Comment la typographie détermine la lisibilité

Avoir une connaissance des familles de polices et de leurs sous-familles facilite le style. Mais plus important encore, c'est une question de lisibilité. Le design est à la fois fonction et forme. Qu'est-ce qui rend une police plus lisible?

L'humaniste Sans-Serif est considéré comme plus lisible que Grotesque. Et les raisons sont:

  • La police humaniste a des formes plus ouvertes.
  • L'espacement entre les caractères dans la police Humaniste est plus important que dans Grotesque, ce qui le rend légèrement plus facile à lire.
  • Dans la police Grotesque, les caractères sont ambigus les uns des autres. Un «g» minuscule et un 9 en Grotesque se ressemblent beaucoup, ils sont tous très carrés, ajoutant plus de confusion et le rendant moins lisible. Alors que dans la police Humaniste, vous pouvez clairement différencier les caractères.

Ce sont quelques facteurs qui rendent les polices plus lisibles. Vous pouvez maintenant choisir la police en fonction de l'objectif.

Comment combiner des polices

Lorsque vous combinez différentes polices, vous aurez généralement une police différente pour l'en-tête et une autre pour le corps. Et c'est pour créer un léger contraste et un intérêt pour vos créations.

Certaines des règles courantes que les concepteurs utilisent lorsqu'ils combinent différentes polices:

  1. Les Serifs et Sans-Serif fonctionnent très bien ensemble. Cela tend à créer un bon design. Les Sans-Serif ont une lisibilité légèrement améliorée par rapport aux Serifs. C'est pourquoi Sans-Serif est une excellente police de caractères pour le corps du texte.

    Ne combinez pas un Serif avec un Serif et un Sans-Serif avec un Sans-Serif car il peut paraître un peu fade et indifférencié.

  2. Trop de polices dans un même design n'est pas une bonne chose. Cela finit par paraître trop étrange. Tenez-vous en à 2 polices (une de la famille Serif et l'autre de Sans-Serif).
  3. Appréciez l'ambiance de la police tout comme les couleurs. Et ne combinez pas différentes humeurs ensemble. Essayez de combiner des polices plus modernes avec des polices modernes et des polices plus anciennes avec des polices plus traditionnelles.

    Si vous avez l'ambiance de vos polices de caractères, vous commencez à créer des designs incroyablement beaux.

    Choses que vous devez garder similaires: époque de l'humeur et du temps

    Choses que vous devez mettre en contraste: Serif-ness (par exemple, une police doit être Serif et l'autre Sans-Serif) et Weights.

    Le poids signifie le poids ou le gras de votre texte. La plupart des logiciels de conception ont toute une gamme de poids. Par exemple, léger, moyen, gras, extra gras, etc. Jouez avec différents poids en les contrastant pour créer des designs intéressants.

N'utilisez JAMAIS - Comic Sans, Papyrus, Viner, Kristen, Curlz. Peu importe ce que vous concevez, ils donneront à vos créations un aspect terrible.

Outils pour la typographie

  1. WhatFont

    Une extension chrome qui vous indique le nom d'une police sur n'importe quel site Web.

  2. Écureuil de police

    Je télécharge généralement des polices d'ici. Ils sont gratuits pour un usage commercial.

C'était un bref aperçu du vaste domaine de la typographie. J'espère que vous avez appris des choses intéressantes que vous pouvez utiliser dans vos créations! :)