Stratégies et outils d'appariement de polices pour des combinaisons de polices parfaites

Stratégies et outils d'appariement de polices pour des combinaisons de polices parfaites

Votre choix de polices donne le ton à l'apparence de votre document, site Web ou autre conception. Est-ce amusant et amical, élégant et créatif, ou sérieux et formel ?





En règle générale, vous souhaiterez utiliser deux ou trois polices dans votre projet. Mais comment savoir laquelle choisir et quelles paires de polices vont bien ensemble ?





Dans cet article, nous discuterons des stratégies et des outils d'appariement des polices qui vous aideront à trouver les combinaisons de polices parfaites à utiliser dans votre projet.





Une introduction à la typographie

Il y a des termes que nous utilisons tout au long de ce guide qui pourraient être utiles pour expliquer...

Police et police de caractères

Les termes police et police de caractères sont souvent utilisés de manière interchangeable, mais ce sont en fait des choses différentes. UNE police de caractères est une famille de polices ; une font est l'une des variations de style individuel au sein de cette famille. Ainsi, Times New Roman est une police de caractères, et Times New Roman Regular et Times New Roman Medium Italic sont des polices.



comment ajouter des applications à ma smart tv vizio

Types de classification

Les classifications de types sont des catégories de polices basées sur leur apparence. Quelques classifications incluent:

  • Serif
  • sans empattement
  • gothique
  • Machine à écrire
  • Scénario
  • Décoratif

Ce sont simplement les catégories de types que vous trouverez sur divers sites Web, fonderies, etc. Un bon point de départ pour choisir les polices est de choisir une classification appropriée à votre projet et à son sujet.





empattements vs. Sans-Serif

L'une des classifications les plus courantes pour les polices de caractères est serif par rapport au sans-serif. Je ne sais pas vraiment quelle est la différence? Une police serif a des lignes fines au bout des lettres. Une police sans-serif n'a pas de fonctionnalités d'extension.

Superfamilles

Les superfamilles sont un groupe de polices de caractères qui relèvent de plusieurs classifications. La police commencera avec la même forme de base, puis des éléments lui seront ajoutés pour s'adapter à une classification spécifique. Un exemple courant de superfamille est le Superfamille des brillants .





De plus, si vous êtes intéressé par l'aspect technique des polices, vous pouvez lire sur la différence entre les polices OTF et TTF .

Choisir votre première police de caractères

Certaines polices de caractères facilitent un peu les choses en semblant n'avoir qu'un seul but dans la vie. Si vous envisagez le Copperplate Gothic, vous êtes probablement en train de concevoir un menu de steakhouse ou quelque chose à voir avec une banque.

Malheureusement, c'est rarement aussi facile. Si vous avez du mal à trouver un candidat approprié, pensez à faire quelques recherches. Recherchez des exemples qui peuvent vous aider à vous orienter dans la bonne direction.

Rappelez-vous, vous ne cherchez pas à copier, vous cherchez l'inspiration. Il y a de fortes chances que quelqu'un ait déjà résolu ce problème et sa solution pourrait aider à informer la vôtre.

Une fois que vous avez choisi cette première police de caractères, il est temps de penser à son complément.

Choisir une paire de polices

Il existe de nombreuses directives pour déterminer les polices qui se marient bien. Certaines de ces lignes directrices peuvent être combinées et d'autres se contredisent.

Bien qu'il y ait certaines choses qui doivent absolument être évitées en ce qui concerne l'appariement des polices (comme l'utilisation d'un trop grand nombre de polices), il existe d'autres directives qui sont plus flexibles et dépendent en grande partie de l'ambiance ou du but de votre conception.

Voici quelques-uns à garder à l'esprit.

1. Créer du contraste

« Les contraires s'attirent » est certainement vrai en ce qui concerne les polices. Vous ne voulez pas utiliser des options trop similaires. Soit cela n'ajoutera rien à votre conception, soit il aura l'air légèrement décalé.

Au lieu de cela, associez une police tourbillonnante à une police audacieuse. Associez une police légère et aérée à une police épaisse. Accrochez votre police de caractères serif avec une option cursive élégante. Associez un empattement de dalle à un police d'écriture , comme dans l'exemple ci-dessus.

Ou combinez étroit et large --- un bon appariement de polices pour Copperplate est quelque chose de plus fin comme Helvetica Condensed.

2. Gardez-le dans la famille

L'une des choses les plus simples que vous puissiez faire est de simplement limiter vos choix à une seule police et de varier les polices en modifiant la taille, le poids ou l'inclinaison. Ce n'est peut-être pas le choix le plus créatif, mais c'est le moyen le plus simple de créer un peu de diversité avec votre texte.

Certaines polices de caractères ont un ensemble assez étendu de polices. Le nouveau de Beba , par exemple, est disponible dans une variété de poids. Combinez Bebas Neue Bold avec Bebas Neue Light dans différentes tailles et vous vous rapprochez un peu plus d'un superbe design.

Bien que Bebas Neue soit une police de caractères uniquement en majuscules, vous pouvez également jouer avec les majuscules pour ajouter de l'intérêt à votre conception.

Si vous voulez un peu plus de variété, mais que vous trouvez que le garder dans la famille vous convient le mieux, recherchez des superfamilles. Les Superfamille des brillants comprend Sans, Serif, Typewriter Sans, Typewriter Serif, Math et d'autres polices de caractères.

3. Combine Serifs and Sans-Serifs

Un moyen rapide et efficace de créer du contraste consiste à associer une police avec empattement à une police sans empattement. Comme vous pouvez le voir dans l'exemple ci-dessous, une bonne combinaison de polices Calibri est une police serif comme Times New Roman :

L'un des moyens les plus simples de sélectionner des options serif et sans serif complémentaires est de les conserver dans la superfamille. Viget fournit une longue liste de superfamilles cela peut être utile et garantit que vos polices se complètent.

4. Limitez-vous à deux ou trois polices

Vous aurez du mal à trouver un designer professionnel qui ne respecte pas cette règle cardinale de la typographie. Si vous combinez des polices, vous voudrez vous limiter à deux ou trois.

Si votre conception contient un en-tête, un sous-en-tête et un corps, vous pouvez utiliser trois polices différentes. Vous voudrez probablement vous en tenir à deux si votre conception est moins riche en texte.

Il y a des exceptions à la règle, mais seulement dans des types de design très particuliers.

Inspiration et idées d'appariement de polices

Enfin, si vous trouvez toujours l'idée de jumeler des polices intimidante, il existe de nombreux outils de jumelage de polices pour vous aider à vous assurer que le petit Calibri ne se retrouve pas avec une mauvaise foule.

Combinaisons de polices de Canva

Combinaisons de polices de Canva vous permet de sélectionner votre premier choix et fait des suggestions sur ce que devrait être son partenaire. Il utilise les polices disponibles via l'outil de conception Canva, de sorte que certaines polices de caractères courantes ne sont pas incluses.

Typ.io

Les Typ.io le site est divisé en deux sections. La première section présente combinaisons de polices du Web comme source d'inspiration. Les autres fonctionnalités de la section listes de polices qui s'associent bien en fonction de la fonction, par exemple s'ils seront utilisés pour l'en-tête ou le corps du texte.

Juste mon genre

Si vous vous retrouvez à concevoir dans la suite de programmes Adobe, Juste mon genre sera très utile. Le site propose des suggestions de jumelage pour Adobe Polices de type kit ainsi que de Hoefler and Co's Service de typographie en nuage .

Hoefler and Co. a également un guide très pratique sur la cueillette ' font palettes ' Ils recommandent de combiner des polices de la même période historique avec des caractéristiques différentes ou une qualité de trait similaire avec des textures différentes. Les suggestions de polices proviennent de Hoefler and Co., mais vous pouvez appliquer les règles à d'autres polices.

Pinterest

Comme pour la plupart des éléments visuels, Pinterest est une excellente source d'inspiration pour l'appariement des polices. Recherchez simplement « appariement de polices » ou « typographie » et vous trouverez une tonne de bonnes suggestions.

Type de connexion

Faites un jeu d'association de polices avec Type de connexion . Le site Web vous permet de choisir votre première police, et la sélection de la seconde devient une sorte de « choisissez votre propre aventure ».

comment savoir si un disque dur tombe en panne

Voulez-vous aller avec quelque chose qui vient de la même famille, une police similaire, une police contrastée ou plonger dans le passé ?

Type de Google

Si votre source de police de choix est Google Fonts, Type de Google est une excellente source d'inspiration pour savoir comment ces polices se marient bien. En utilisant le texte des fables d'Aesop et des photos d'Unsplash, le site est une inspiration visuelle pour la façon dont les polices Google s'harmonisent bien.

Paire de polices est un autre outil pratique pour les utilisateurs de polices Web de Google, proposant des choix de polices d'en-tête et de corps qui se marient bien.

Typespiration

Typespiration vous donne non seulement des idées sur la façon de combiner les polices, mais aussi des schémas de couleurs pour faire bonne mesure. C'est particulièrement utile pour la conception de sites Web, car les exemples vous donnent une idée de ce à quoi ressembleront vos articles en utilisant certaines combinaisons.

Mélangeur de polices Web

Mélangeur de polices Web ne fait pas les suggestions pour vous, mais il vous permet de jouer avec différentes polices Google et de les prévisualiser avec des exemples de titre, de sous-titre et de corps de texte. En prime, il génère le CSS dont vous auriez besoin pour utiliser ces polices dans une conception en ligne.

Trouvez les bonnes polices

Alors maintenant, vous savez quoi rechercher lors du choix des polices pour votre projet. Mais quel est le meilleur endroit pour trouver ces polices à utiliser ?

Notre guide pour les meilleures polices Google vous aidera à trouver de fantastiques polices gratuites pour les sites Web et les présentations.

Et si vous voulez un choix encore plus large, consultez notre liste de les meilleurs sites Web pour télécharger et utiliser des polices gratuites .

Crédit d'image: mrdoomits/ Depositphotos

Partager Partager Tweeter E-mail Canon vs Nikon : quelle marque d'appareil photo est la meilleure ?

Canon et Nikon sont les deux plus grands noms de l'industrie de l'appareil photo. Mais quelle marque propose la meilleure gamme d'appareils photo et d'objectifs ?

Lire la suite
Rubriques connexes
  • Créatif
  • Polices
  • Typographie
  • Création de sites web
  • Conception graphique
A propos de l'auteur Andy Betts(221 articles publiés)

Andy est un ancien journaliste de presse écrite et rédacteur en chef de magazine qui écrit sur la technologie depuis 15 ans. Au cours de cette période, il a contribué à d'innombrables publications et produit des travaux de rédaction pour de grandes entreprises technologiques. Il a également fourni des commentaires d'expert aux médias et animé des panels lors d'événements de l'industrie.

Plus d'Andy Betts

Abonnez-vous à notre newsletter

Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !

Cliquez ici pour vous abonner