Comment combiner avec succès des polices de caractères
La combinaison de caractères est l’une des compétences les plus difficiles à maîtriser pour un designer. La combinaison de deux polices dans le même design fait apparaître des saveurs inattendues dans les deux. De plus, il y a rarement une bonne ou une mauvaise réponse.
Il y a des dizaines de façons différentes de combiner des caractères, certains plus utiles que d'autres, mais le meilleur moyen de commencer est de comprendre le rôle de chaque police et de se concentrer sur ses qualités.
Combien de polices est trop de polices?
Vous avez rarement besoin de plus d'une police de caractères. L'un est presque toujours suffisant pour créer une hiérarchie et transmettre votre message.
En termes pratiques, la conception de caractères simples est rare, ne serait-ce que parce que la plupart des dessins comportent un logo et que la plupart des logos comportent du texte. De par leur nature, les caractères utilisés pour un logo ne fonctionneront probablement pas pour le corps. Il y a une règle de base qui dit que vous ne devriez pas utiliser plus de trois types de caractères dans un seul dessin, puisque le logo utilise une (ou deux!) Polices de caractères, vous êtes probablement limité à deux faces.
Normalement, pour que nos rubriques se distinguent lors de la numérisation de la page, nous utilisons une police de caractères pour le corps du texte et une pour l'affichage. Cependant, vous pouvez faire ressortir les titres en utilisant une variante en gras ou une couleur d’accent. Pour ce faire, vous n’avez pas nécessairement besoin d’une police de caractères supplémentaire.
Les fichiers de polices ont tendance à atteindre environ 65 Ko, si vous utilisez des variantes en italique et en poids, cela signifie que près de 200 Ko de téléchargement sont ajoutés à votre site. Ce qui est pire, ce sont les requêtes http supplémentaires envoyées au serveur.
Donc, la réponse est que moins il y a de polices, mieux c'est. Chaque police doit gagner sa part, si vous n’avez pas une bonne raison de l’utiliser, alors ne le faites pas.
Comment sélectionner une police pratique
Souvent, votre choix de police initial est pris entre vos mains; Les entreprises spécifient souvent une police de caractères, voire un ensemble de polices, dans le cadre de leurs directives de marque. Parfois, vous trouvez qu’un travail a des exigences spécifiques, comme un espace restreint qui peut nécessiter un visage condensé, ou beaucoup de textes légaux pouvant nécessiter un visage très lisible de petite taille. Cependant, si vous vous retrouvez avec une page entièrement vierge, avec des options illimitées, le lieu naturel pour commencer est la plus grande proportion de texte, et c'est probablement votre copie du corps.
Lors de la sélection d'une police de caractères pour le corps du texte, votre principale préoccupation devrait être la lisibilité. Ne vous préoccupez pas de la personnalité à ce stade.
Je suis de l 'école de pensée qui croit qu'il est préférable de maîtriser quelques polices que vous connaissez bien et sur lesquelles vous pouvez compter, plutôt que de réinventer la roue avec chaque modèle. Je préconise donc de faire appel à quelques choix fiables. Mes polices de caractères actuelles pour le corps du texte (sur les polices Google) sont Droid Sans , Noto Serif , et Cabine .
Comment sélectionner une police de personnalité
Voici où l’engin arrive ...
La sélection de votre première police pour la lisibilité consiste généralement à choisir un outil fiable, comme un artiste qui prend un crayon 2B. Cependant, lors de la sélection d'une deuxième police, il y a deux choses à garder à l'esprit:
Tout d'abord, votre seconde police de caractères n'est pas sélectionnée pour des raisons pratiques, mais pour la personnalité. Et il est essentiel de comprendre qu’il n’est pas seulement sélectionné pour sa propre personnalité, la deuxième font ressortir la personnalité du premier. Toutes les polices ont une personnalité quelconque, la plupart ont de nombreuses caractéristiques, telles que le sentiment d'être amical, ergonomique ou stoïque. Si deux faces partagent la même caractéristique, la combinaison sera alors multipliée.
Deuxièmement, votre deuxième police doit avoir l’intention de fonctionner avec la première afin de créer une voix cohérente. Rechercher des visages avec des proportions similaires: la forme des compteurs devrait être similaire, le rapport de la hauteur x aux ascendeurs devrait être similaire.
En gardant ces deux préoccupations à l’esprit, vous avez trois possibilités pour sélectionner une deuxième police:
Option 1: La valeur sûre
De nombreuses polices sont conçues avec un accompagnement ou un sans-empattement - Scala Sans a Scala Serif, Meta a Meta Serif. Ma police de corps préférée du moment, Droid Sans, a Droid Serif .
La valeur de la combinaison de polices associées est que les formes de lettre de base sont généralement identiques. Le degré de contraste est minime, mais suffisant pour justifier la requête http supplémentaire.
Si vous n'êtes pas très confiant dans votre capacité à fusionner les polices de caractères, cette option est vraiment fiable.
Caractères de compagnon Droid Sans et Droid Serif
Option 2: Contraster une caractéristique
Si vous avez choisi un visage très lisible, vous pouvez peut-être choisir un visage qui ne l'est pas. Si vous avez choisi un visage de corps géométrique, alors considérez un visage d'affichage humaniste. Si votre visage est chaleureux et invitant, essayez un visage qui soit fort et distant.
Noto Serif a de jolis compteurs ronds (les espaces dans les lettres comme 'c' et 'o') et les parenthèses sur ses empattements sont également sympas et arrondis. Il est ouvert et amical, il se sent confiant et contemporain, avec des petites touches expressives. Pour contraster avec cela, vous pourriez choisir une police de caractères comme Questa Sans . Questa Sans est également contemporain, également confiant, également arrondi. Mais Questa Sans n’a pas de flair expressif, c’est beaucoup plus simple.
Polices de caractères contrastés Noto Serif et Questa Sans
Option 3: styles contrastés
Bien qu'il soit possible de contraster une seule caractéristique, vous pouvez également adopter une approche opposée et opposer toutes les caractéristiques, sauf une.
La manière de procéder consiste à identifier le personnage principal de votre première police, puis à trouver une seconde qui ne partage que cette caractéristique. C'est de loin l'approche la plus délicate, car tant de choses ici sont subjectives, mais cela peut aussi être l'option qui produit les combinaisons les plus surprenantes et les plus agréables.
La cabine est un simple sans-serif, avec très peu de contraste. C'est à peu près aussi proche d'un sans-serif géométrique (c'est-à-dire une police de caractères construite mathématiquement) que je suis à l'aise pour aller au visage. Ce n'est pas du tout académique et ce n'est pas très favorable aux médias, mais c'est un visage d'entreprise très réussi.
Pour contraster avec Cabin, vous pouvez choisir une police de caractères comme Buenard . Buenard est également une entreprise, elle a des proportions similaires à celles de la cabine, mais ses formes plus traditionnelles servent à souligner la géométrie de la cabine.
Polices de caractères avec des formes contrastées, Cabine et Buenard
Conclusion
Différentes polices de caractères, dans des proportions différentes, dessinent différentes saveurs dans vos créations. Comme avec beaucoup de choses, la retenue est souvent recommandée car la combinaison de caractères est un processus exponentiellement complexe.
La manière dont vous choisissez de combiner des polices de caractères importe peu, ce qui compte, c'est le résultat final. Cependant, lorsque vous prenez des risques et que vous recherchez des paires inattendues, vous découvrirez les résultats les plus satisfaisants.