Stratégies et outils de couplage de polices pour des combinaisons de polices parfaites

Publicité

Les polices de caractères ne sont pas des créatures solitaires. Ils aiment sortir et c'est à vous de vous assurer qu'ils jouent bien ensemble.

Choisir une police de caractères, c'est un peu comme s'habiller pour sortir. Si vous allez à l'opéra, le choix est assez simple. Mais parfois, vous êtes invité dans un restaurant / patinoire étoilé au Michelin et le choix devient un peu moins clair.

La clé est de comprendre le message et le public. Une fois que vous avez déterminé ces deux choses, vous pouvez commencer à affiner vos options.

La mécanique de fait choisir la police de caractères parfaite Les 8 meilleurs sites Web de polices gratuites pour les polices gratuites en ligneTout le monde ne peut pas se permettre une police sous licence. Ces sites Web vous aideront à trouver la police gratuite parfaite pour votre prochain projet. Lire la suite peut être un peu délicat, et cela varie d'un concepteur à l'autre, mais en fin de compte, la seule chose qui compte est de savoir si la police de caractères est appropriée pour le message.

Une introduction à la typographie

Il y a quelques termes que nous utiliserons tout au long de ce guide qui pourraient être utiles à expliquer.

Police vs Police de caractères

Le premier est la différence entre un Police de caractère et un police de caractères. Bien qu'ils soient souvent utilisés de manière interchangeable, ce ne sont en fait pas la même chose.

UNE police de caractères fait référence à un ensemble global de polices. Ainsi, par exemple, Times New Roman est une police de caractères. Mais si vous souhaitez utiliser la version gras ou italique d'une police de caractères, c'est un Police de caractère. Ainsi, par exemple, Times New Roman Bold est une police.

Classifications de type

Les classifications de type sont une catégorie de polices en fonction de 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.

Serif vs. 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.

Choisir votre première police de caractères

Certaines polices de caractères vous facilitent la vie 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 y a de fortes chances que quelqu'un ait déjà résolu ce problème, 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.

Trouver votre deuxième police de caractères

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 utiliser trop de nombreuses polices), il existe d'autres directives plus flexibles, qui dépendent largement de l'humeur ou du but de votre conception.

En voici quelques-unes à garder à l'esprit.

1. 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.

2. Combiner les Serifs et Sans-Serifs

Une approche courante pour combiner des polices consiste à associer un empattement à un empattement sans. Vous pouvez voir dans l'exemple ci-dessous la différence entre une police serif en haut (Times New Roman) et une sans-serif en dessous (Calibri):

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 un longue liste de superfamilles cela peut être utile. C'est l'un des moyens les plus simples de vous assurer que vos polices serif et sans serif se complètent.

3. Limiter à 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.

4. Créer 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 à un choix de police manuscrite 15 polices d'écriture manuscrites gratuites que vous devriez télécharger maintenantQue vous créiez une infographie ou que vous proposiez un logo, vous aurez peut-être besoin d'une bonne police d'écriture. Découvrez-les! Ils sont parmi les meilleurs gratuitement. Lire la suite choix, comme dans l'exemple ci-dessus.

Trouver l'inspiration et les idées

Enfin, si l’idée d’associer des polices est toujours intimidante, il existe beaucoup d'outils 5 outils pour comparer les polices de caractères et choisir la bonne police pour votre travailLes polices et les polices sont tout autour de nous. Si vous êtes un concepteur Web, vous devez les sélectionner avec soin. Lorsque nous essayons de sélectionner une police, nous faisons beaucoup de comparaison entre les ... Lire la suite là-bas pour vous aider à vous assurer que le petit Calibri ne finit 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.

Typ.io

Typ.ioLe site Web de l’entreprise est divisé en deux sections. La première section présente combinaisons de polices du Web comme source d'inspiration:

Et 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 & Co's Service de typographie cloud.

Hoefler & 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 & 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'association de polices. Recherchez simplement "association de polices" ou "typographie" et vous trouverez une tonne de suggestions intéressantes:

Type de connexion

Faire un jeu Un test de caractère: 10 jeux de polices qui prouvent que la typographie peut être amusanteJouer avec la typographie peut être amusant. Vous adorerez ces jeux si vous aimez le son du renard brun rapide qui a sauté par-dessus le chien paresseux. Découvrez de quoi nous parlons. Lire la suite 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 Police Web Google Comment utiliser les polices Google dans votre prochain projet Web et pourquoi vous devriezLe choix de la police est une décision de conception intégrale sur n'importe quel site Web, mais la plupart du temps, nous nous contentons de la même vieille famille serif et sans-serif. Alors que le corps principal du texte devrait toujours être quelque chose ... Lire la suite utilisateurs, en faisant des suggestions pour les choix de polices d'en-tête et de corps qui correspondent 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.

Mélangeur de polices Web

Web Font Blender 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.

Quelles sont vos combinaisons préférées? Existe-t-il des outils dont vous ne pouvez pas vous passer pour vous aider à associer vos nombreux choix de polices? Quels sont vos conseils pour trouver le match parfait? Faites le nous savoir dans les commentaires.

Crédit d'image: mrdoomits /Depositphotos