Huit façons de combiner les caractères
Une bonne typographie est essentielle à toute bonne conception.
Un design autrement beau peut vraiment souffrir si les choix de typographie sont faux. Mais combiner des polices au-delà de l’association serif / sans-empattement de base peut être délicat et déroutant pour beaucoup de concepteurs.
Bien qu'une bonne typographie soit subjective, certaines directives peuvent vous orienter dans la bonne direction. À partir de là, il vous appartient d'expérimenter et d'essayer différentes choses.
N'ayez pas peur d'essayer de nouvelles choses dans votre typographie, mais faites confiance à vos yeux et à vos instincts en tant que designer. Parfois, même les choses qui suivent toutes les "règles" de la typographie peuvent encore paraître horribles (et vice versa).
Faire correspondre l'humeur
Chaque police a une humeur. Certains sont légers et amusants, certains sont sérieux, certains sont élégants et certains sont très professionnels. Les polices de caractères similaires sont plus susceptibles d'être compatibles et moins susceptibles d'être discordantes d'un point de vue esthétique.
Prenez les exemples ci-dessous. Les caractères utilisés à gauche, Tahoma pour la copie du corps et Snidely pour le titre, ne correspondent pas. Snidely est une police décorative au look décalé et funky, tandis que Tahoma est sobre et moderne. Bien qu'ils ne soient pas les pires paires au monde, ils ne sont certainement pas optimaux non plus.
Les caractères à droite, Neuton pour la copie du corps et Nevis pour le titre, ont tous les deux une humeur décontractée similaire. Ils ne sont ni étouffants ni trop formels, ce qui les fait bien travailler ensemble, même si leur apparence est très différente.
Correspondance des lettres
Les formes de lettres constituant une police de caractères peuvent être incroyablement variées, en fonction d’un certain nombre de facteurs, tels que l’influence historique ou le style général. La correspondance de ces lettres est un bon moyen de trouver des polices compatibles, bien que vous souhaitiez également les associer en fonction du style ou d'autres facteurs.
L'un des moyens les plus rapides de vérifier les lettres compatibles consiste à cocher les lettres "a", "g" et "e". Dans l'exemple ci-dessous, vous pouvez voir comment Aller et Gentium ont des formes de lettres similaires, comme Helvetica et Museo. Les quatre polices ont des formes de lettre "a" similaires. Les formes de lettres "g" sont les plus grandes différences.
Les autres lettres que vous voudrez peut-être vérifier incluent les minuscules "t" (certaines polices auront une queue sur le "t" alors que d'autres ne le seront pas), minuscule "f" et minuscule "q". Les différences de forme des lettres ne sont pas nécessairement un facteur de rupture entre les polices, mais vous voulez des polices qui présentent plus de similitudes que les différences.
Le serif classique / Sans-Serif Combo
La combinaison d'une police serif et d'une police sans empattement est probablement l'une des combinaisons typographiques les plus courantes. C'est une combinaison relativement facile à réaliser, car il y a moins de risques de conflit. Tant que vous faites attention au poids et à la proportion, c'est un combo assez difficile pour vous tromper.
Le texte ci-dessous montre différentes manières de mélanger les polices serif et sans-serif. L'exemple ci-contre montre que vous pouvez mélanger les poids de police si des choses comme les proportions sont très similaires. La police de titre, ChunkFive, est un serif, alors que la police de copie du corps, Junction, est un simple sans-serif. Les deux ont des styles visuels forts, cependant, qui empêchent Junction d'être maîtrisé.
Le couplage à droite est un peu plus traditionnel, avec des polices de correspondance très similaires. Junction est utilisé ici comme police principale, avec Prociono pour le corps. Les deux sont un peu minces et ont une forme de lettre similaire.
Utilisez la couleur pour la lier ensemble
Si vous combinez beaucoup de polices vraiment disparates, essayez-les avec la couleur. Garder tout dans une couleur (ou des nuances d'une seule couleur) ajoute l'harmonie et l'unité qui peuvent être manquantes dans les polices elles-mêmes.
Vous pouvez voir sur l'image ci-dessous que cette couleur peut avoir un impact énorme sur l'aspect de la typographie. Les deux lignes de texte de l'image ci-dessous sont identiques, à l'exception des lettres. Bien que ce qui est généralement considéré comme une "bonne" typographie ne soit pas considéré comme tel, le meilleur pourrait au moins être utilisé dans le bon contexte. Le fond, cependant, ressemble à quelque chose qu'un élève de maternelle pourrait concevoir pendant le temps de coloration.
Cela montre à quel point il est important d'utiliser des couleurs similaires, surtout si vous ne tenez pas compte des autres directives de cet article. À l'inverse, si vous cherchez à ajouter un peu plus de contraste entre les polices de caractères qui pourraient être un peu trop similaires, l'utilisation de différentes couleurs peut faire exactement cela.
Utiliser des couleurs légèrement différentes ajoute vraiment un intérêt visuel à la typographie, composée de Fontin et de Fontin Sans, deux polices de la même famille et presque identiques.
Proportions similaires
La proportion est probablement la chose la plus importante à considérer, en particulier lors de la combinaison de polices de caractères sur une seule ligne (comme dans un en-tête ou un logo). Les polices qui sont proportionnellement similaires se mélangent plus facilement et ont un aspect plus uniforme que les polices de proportions variables.
Le moyen le plus rapide de vérifier les proportions consiste à comparer les hauteurs x. En règle générale, les polices avec des hauteurs x similaires auront des proportions globales similaires. Dans l'image ci-dessous, vous pouvez voir que Helvetica et Neuton ont des hauteurs x pratiquement identiques.
En revanche, la hauteur x de Bolton est beaucoup plus grande et Primer est beaucoup plus court que les deux autres polices. Vérifiez d'autres lettres pour vous assurer qu'elles sont compatibles ou incompatibles, mais x-height est un excellent point de départ.
Vous voudrez aussi regarder la largeur des caractères dans la police de caractères. Vérifiez la largeur des caractères plus larges tels que "m", "w" ou "o", ainsi que les caractères plus étroits, tels que "t", "f" et "j". Pour une meilleure compatibilité, ces lettres doivent avoir des largeurs similaires entre les deux types de caractères.
Poids similaires
Les polices avec des poids radicalement différents peuvent fonctionner ensemble, mais il est beaucoup plus probable qu'elles soient compatibles si les poids sont similaires.
Le problème le plus souvent rencontré lorsque les polices ont des poids radicalement différents est que les polices plus légères sont souvent perdues visuellement lorsqu'elles sont associées à des polices beaucoup plus lourdes. Cela devient encore plus prononcé si la police la plus lourde est utilisée pour un titre et que la police plus légère est la copie du corps.
Regardez le texte ci-dessous. La police de "titre" ici (Charlie Brown M54) dépasse complètement la police "corps" (TitilliumText14L Regular).
L'augmentation du poids de la police de la police du corps compense cela. C'est toujours une option, même si cela peut limiter vos options d'utilisation de différents styles dans votre conception. Il est beaucoup plus simple de trouver des polices qui correspondent à des poids différents (si en gras l'une est égale à en gras dans l'autre, etc.).
Ne pas négliger les caractères simples
Il existe de nombreuses polices qui incluent plusieurs polices au sein d'une même famille. Les polices de caractères comme Fontin (et Fontin Sans) contiennent une poignée de poids qui peuvent être combinés pour créer beaucoup d’intérêt visuel.
Vous trouverez ci-dessous un excellent exemple de la manière dont différents poids et styles peuvent être utilisés ensemble pour créer une typographie présentant un grand intérêt visuel. Parce que tout est basé sur une famille de polices générale, vous n'avez pas à vous soucier des différentes polices en conflit les unes avec les autres.
Conflit vs. Contraste
Le contraste en typographie est généralement une bonne chose. L'intérêt d'utiliser différentes polices est qu'elles se distinguent, contribuant ainsi au style visuel global d'un dessin. Si vos polices sont trop similaires, elles sont en conflit les unes avec les autres, plutôt que de se contracter et de se compléter.
Prenez les exemples ci-dessous. Dans la première ligne, les polices sont très similaires (Hoefler Text et Goudy Bookletter 1911). Tout contraste est perdu et à la place, ils semblent un peu étranges l'un à côté de l'autre.
La deuxième ligne est meilleure, avec ChunkFive et Genève. Ils ont des proportions similaires, mais c'est à peu près là que les similitudes se terminent. Il y a un bon contraste ici.
La troisième ligne, quant à elle, montre pourquoi l'utilisation de polices différentes n'entraîne pas nécessairement un bon contraste. C'est pourquoi il est important de faire attention à plus d'un aspect de la combinaison de polices.
Contraste radical
Le contraste radical entre les polices peut être un excellent moyen d’ajouter un intérêt visuel à un dessin. Cela ne signifie pas nécessairement que vous pouvez simplement jeter deux polices ensemble et espérer le meilleur. Vous devez toujours garder à l'esprit les principes généraux de la typographie, puis choisir les directives auxquelles vous souhaitez adhérer et celles que vous souhaitez ignorer.
Le moyen le plus simple de créer des conceptions typographiques utilisant des polices radicalement différentes est de garder à l’esprit les proportions. Faites attention à la forme générale des polices et des choses comme la hauteur x, puis jouez à partir de là.
Vous devrez peut-être ajuster la taille des différents caractères si vous combinez un certain nombre de caractères différents, car toutes les polices ne sont pas cohérentes en ce qui concerne le dimensionnement. Regardez les deux exemples ci-dessous:
La ligne supérieure utilise une grande variété de polices, mais toutes les polices sont grunge ou détruites. Cela leur donne un style commun et les réunit, même si la proportion et le poids sont différents entre les personnages.
La ligne du bas n'utilise toutefois que trois types de caractères, dont deux sans-serif et un serif. Ces polices ont cependant un certain nombre de points communs. Tout d'abord, ils sont tous relativement lourds. Utiliser le plus lourd pour la partie la plus courte et le plus léger pour la partie la plus longue aide à les équilibrer visuellement. Les largeurs de ligne sont également uniformes dans chaque police, sans écart entre les lettres ou entre les lettres elles-mêmes. Enfin, les trois polices ont des formes de lettres rondes assez larges.
Dans une large mesure, combiner les polices de cette manière est subjectif, mais en gardant à l'esprit ce qui fait un bon design typographique, vous pouvez vous orienter dans la bonne direction lorsque vous commencez à concevoir de telles choses.
Écrit exclusivement pour WDD par Cameron Chapman .
Vous avez d'autres conseils et astuces pour mixer des polices? Partagez-les dans les commentaires ci-dessous ...