Votre choix de polices donne le ton à l’apparence de votre document, site Web ou autre design. Est-ce amusant et amical, lisse 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 savez-vous lequel choisir et quelles paires de polices vont bien ensemble?
Dans cet article, nous aborderons les stratégies et les outils d’association de 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 vs police
Les termes police et police 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 Police de caractère est l’une des variations de style individuelles 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.
Classifications de type
Les classifications de type sont des catégories de polices basées sur leur apparence. Quelques classifications comprennent:
- Serif
- Sans empattement
- gothique
- Machine à écrire
- Scénario
- Décoratif
Ce sont simplement les catégories de types que vous trouverez sur différents sites Web de types, fonderies, etc. Un bon point de départ pour choisir des polices est de choisir une classification appropriée pour votre projet et son sujet.
Serif contre Sans-Serif
L’une des classifications les plus courantes pour les polices de caractères est serif contre sans-serif. Je ne sais pas vraiment quelle est la différence? Une police avec empattement présente des lignes fines au bout des lettres. Une police sans serif n’a pas de fonctionnalités d’extension.
Super-familles
Les superfamilles sont un groupe de polices de caractères qui relèvent de plusieurs classifications. La police commencera par la même forme de base, puis des éléments lui seront ajoutés pour correspondre à une classification spécifique. Un exemple courant de superfamille est le Lucida Superfamily.
De plus, si vous êtes intéressé par l’aspect technique des polices, vous pouvez en savoir plus 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 Copperplate Gothic, vous concevez probablement un menu de steakhouse ou quelque chose à voir avec une banque.
Malheureusement, c’est rarement aussi simple. Si vous avez du mal à trouver un candidat approprié, pensez à faire un peu de recherche. Recherchez des exemples qui peuvent vous aider à vous orienter dans la bonne direction.
Rappelez-vous, vous ne cherchez pas à copier, vous cherchez de l’inspiration. Il est probable que quelqu’un ait résolu ce problème auparavant, et sa solution pourrait aider à informer le 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 association de polices
Il existe de nombreuses directives pour déterminer quelles polices s’associent bien. Certaines de ces directives peuvent être combinées et d’autres se contredisent.
Bien qu’il y ait certaines choses qui devraient absolument être évitées en ce qui concerne le jumelage de polices (comme l’utilisation de trop de polices), il existe d’autres directives plus flexibles et qui dépendent largement de l’humeur ou du but de votre conception.
En voici quelques-unes à garder à l’esprit.
1. Créez un contraste
«Les opposés s’attirent» est certainement vrai en ce qui concerne les polices. Vous ne voulez pas utiliser des options trop similaires. Soit cela n’ajoutera simplement rien à votre conception, soit il semblera légèrement éteint.
Associez plutôt une police tourbillonnante à une police en gras. Associez une police légère et aérée à une police épaisse. Accrochez votre police serif avec une option cursive élégante. Associez un empattement de dalle à une police d’écriture manuscrite, comme dans l’exemple ci-dessus.
Ou combinez étroite et large: une bonne association de polices pour Copperplate est quelque chose de plus mince comme Helvetica Condensed.
2. Gardez-le dans la famille
L’une des choses les plus simples que vous pouvez 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 ont un jeu de polices assez étendu. Bebas Neue, par exemple, vient dans une variété de poids. Combinez Bebas Neue Bold avec Bebas Neue Light dans différentes tailles et vous êtes un pas de plus vers un superbe design.
Bien que Bebas Neue soit une police uniquement en majuscules, vous pouvez également jouer avec la capitalisation comme un moyen d’ajouter un peu d’intérêt à votre conception.
Si vous voulez un peu plus de variété, mais trouvez que le garder dans la famille vous convient le mieux, recherchez des superfamilles. le Lucida Superfamily inclut Sans, Serif, Typewriter Sans, Typewriter Serif, Math et d’autres polices.
3. Combinez Serifs et Sans-Serifs
Un moyen rapide et efficace de créer un contraste consiste à associer une police serif à une police sans-serif. Comme vous pouvez le voir dans l’exemple ci-dessous, un bon appariement de polices Calibri est une police serif comme Times New Roman:
L’une des façons les plus simples de sélectionner des options complémentaires avec et sans empattement 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 à seulement deux si votre conception est moins lourde en texte.
Il existe des exceptions à la règle, mais uniquement dans des types de conception très particuliers.
Inspiration et idées de couplage de polices
Enfin, si vous trouvez toujours intimidante l’idée d’associer des polices, il existe de nombreux outils d’association de polices pour vous aider à vous assurer que le petit Calibri ne finira pas par courir avec une mauvaise foule.
Combinaisons de polices de Canva
Combinaisons de polices de Canva vous permet de sélectionner votre premier choix et de faire 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
le Typ.io Le site Web 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 cette paire bien ensemble en fonction de la fonction, par exemple si elles seront utilisées pour l’en-tête ou le corps du texte.
Juste mon type
Si vous vous retrouvez à concevoir dans la suite de programmes Adobe, Juste mon type sera très utile. Le site propose des suggestions de couplage pour Adobe Polices Typekit ainsi que de Hoefler and Co’s Service de typographie cloud.
Hoefler and Co. a également un guide très pratique sur la cueillette « palettes de polices”Ils recommandent de combiner des polices de la même période historique avec des caractéristiques différentes ou une qualité de ligne 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.
Comme pour la plupart des éléments visuels, Pinterest est une excellente source d’inspiration pour l’association de polices. Recherchez simplement « association de polices » ou « typographie » et vous trouverez une tonne de suggestions intéressantes.
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 votre deuxième devient une sorte de «choisissez votre propre aventure».
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é?
Google Type
Si la source de police de votre choix est Google Fonts, Google Type est une excellente source d’inspiration pour la bonne association de ces polices. En utilisant le texte des fables d’Ésope et des photos d’Unsplash, le site est une inspiration visuelle pour la façon dont les polices Google fonctionnent bien ensemble.
Paire de polices est un autre outil pratique pour les utilisateurs de polices Web Google, qui propose des suggestions de choix de polices d’en-tête et de corps qui s’associent bien.
Typespiration
Typespiration vous donne des idées non seulement sur la façon de combiner les polices, mais propose également des jeux de couleurs pour faire bonne mesure. C’est particulièrement bon pour la conception Web, car les exemples vous donnent une idée de l’apparence de vos articles en utilisant certaines combinaisons.
Mélangeur de polices Web
Mélangeur de polices Web ne fait pas de suggestions pour vous, mais il vous permet de jouer avec différentes polices Google et de les prévisualiser avec un exemple 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 des meilleures polices Google vous aidera à trouver des polices gratuites fantastiques pour les sites Web et les présentations.
Et si vous souhaitez choisir parmi une gamme encore plus large, consultez notre liste des meilleurs sites Web pour télécharger et utiliser des polices gratuites.
Crédit d’image: mrdoomits /Depositphotos
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
