beginner non-designer guide pairing font combos combinations

Guide du non-concepteur sur l’association des polices

Si vous pensez qu’apprendre à combiner des polices est une compétence dont seuls les concepteurs ont besoin, détrompez-vous. Que vous créiez une présentation, tapiez un document ou remaniiez votre CV, vous décidez quelles polices s’agenceraient le mieux et dans quelles tailles.

Choisir les bonnes polices pour votre design peut faire la différence entre un design convaincant et attrayant et un design ennuyeux et sans vie.

Pensez simplement au nombre de fois où vous avez pris la peine de choisir autre chose que le Times New Roman ou Arial par défaut pour vos projets. En effet, les polices sont importantes dans l’impact visuel global de votre conception et chacune communique à elle seule un message très différent et distinct.

Pour vous aider à améliorer la qualité de vos créations et l’impact des messages qu’elles contiennent, nous avons créé un guide pratique sur l’association des polices qui vous fera gagner du temps et bien des maux de tête inutiles.

Table des matières

1. Combinez un empattement avec un sans empattement.

Réalisé avec Visme Infographic Maker

Tout d’abord, il est important de connaître la différence entre une police avec et sans empattement. Le premier fait référence à une police avec une petite ligne attachée à la fin d’un trait, tandis que le second fait référence à une police sans aucun embellissement de trait, comme la police utilisée dans la phrase que vous lisez actuellement.

Lorsque l’on se penche sur l’art de l’appariement de polices, il est essentiel de respecter les règles d’appariement de polices. Une valeur sûre en matière de associer des polices ensemble consiste à combiner une police serif avec une police sans serif, comme dans l’exemple ci-dessus. Pourquoi? Car, en règle générale, plus vos polices sont contrastées, mieux c’est. Voyez-vous comment les différences dans l’anatomie des deux polices de droite créent un design globalement attrayant ? Pendant ce temps, les deux à gauche ne fonctionnent tout simplement pas bien ensemble car ils sont trop similaires.

Cependant, vous souhaitez également éviter les polices si différentes qu’elles franchissent la frontière ténue entre contraste et discorde. Par exemple, associez Garamond et Sabon pour voir ce que cela signifie. Ou essayez Helvetica et Univers ensemble, ce qui est également une combinaison peu attrayante.

2. Évitez les classifications similaires.

Réalisé avec Visme Infographic Maker

Une autre façon d’appliquer la règle précédente est d’éviter de choisir des polices des mêmes catégories, comme Script ou Slabs. (Le script fait référence aux polices de caractères qui relient une lettre à la suivante et sont principalement utilisées pour les en-têtes ou l’affichage. Les dalles sont un type d’empattement avec des projections épaisses en forme de bloc à la fin des traits des lettres.)

Si vous faites cela, vous n’obtiendrez pas suffisamment de contraste et vous finirez probablement par créer un conflit. Par exemple, essayez de combiner Clarendon et Rockwell pour voir ce qui se passe.

Ou regardez l’exemple ci-dessus. La combinaison de gauche rassemble une Dalle avec une autre Dalle. Mauvais choix. Il y a peu de contraste, ce qui le rend peu attrayant à l’œil. La combinaison de droite, cependant, combine une Slab avec un Sans Serif. Ce changement apparemment insignifiant fait toute la différence et incite le spectateur à lire le texte.

3. Tailles de police contrastées.

Réalisé avec Visme Infographic Maker

Une troisième façon d’obtenir du contraste consiste à obtenir suffisamment de différence de taille en points entre les différentes polices. Le texte de gauche, par exemple, utilise une police de 24 points pour l’en-tête et une police de 18 points pour le corps du texte. Il y a trop peu de contraste en termes de taille, ce qui rend plus difficile pour le lecteur de distinguer ce qui est le plus important.

L’ordre dans lequel vous lisez les informations doit être clairement défini par une hiérarchie visuelle dans votre conception. Par exemple, le texte de droite utilise un en-tête suffisamment grand pour permettre au lecteur de percevoir rapidement une hiérarchie visuelle définie par la différence relative d’échelle des polices utilisées.

4. Contrastez les poids des polices.

Réalisé avec Visme Infographic Maker

Une autre façon de garantir une hiérarchie visuelle claire consiste à utiliser des épaisseurs de police variables, avec des différences nettes dans l’audace des polices utilisées. Par exemple, vous pouvez essayer de combiner Didot et Rockwell ; vous voyez qu’ils ne s’accordent tout simplement pas bien parce qu’ils ont tous deux une forte présence.

Ou, dans l’exemple ci-dessus, vous voyez que la meilleure combinaison est obtenue en associant le lourd Roboto Black avec le Roboto Light. La clé pour obtenir le bon contraste est de comprendre que les polices ressemblent beaucoup aux personnes : lorsque vous en mélangez deux avec beaucoup de personnalité ou de présence, vous obtenez alors un design discordant. Mais lorsque vous combinez une police accrocheuse avec une police neutre ou plus claire, vous trouvez l’harmonie.

5. Attribuez des rôles distincts à chaque police.

Réalisé avec Visme Infographic Maker

Un bon conseil à retenir est que la cohérence est cruciale pour une conception d’aspect professionnel. Une façon de procéder consiste à attribuer un rôle à chacune des polices utilisées dans votre document. Par exemple, vous pouvez utiliser la même police pour les titres des articles, une autre pour l’introduction du corps, une troisième police pour le corps du texte, etc.

Dans l’exemple ci-dessus, le texte de droite semble beaucoup plus propre en raison de l’utilisation cohérente et exclusive d’un type pour l’en-tête et d’un autre type pour le corps du texte.

6. Ne mélangez pas différentes ambiances.

Réalisé avec Visme Infographic Maker

Une autre clé pour associer les polices est de reconnaître que chaque police a une personnalité et une ambiance. Ne commettez pas l’erreur d’associer des polices qui ne sont tout simplement pas censées aller ensemble. Par exemple, n’associez pas Impact et MTF Cool Kid. Alors qu’Impact est audacieux et bloc, MTF Cool Kid est ludique, simpliste et enfantin.

Dans l’exemple ci-dessus, Nexa Rust Slab et Airstream ne correspondent pas exactement à la perfection. Snidely est une police d’affichage avec un aspect brut, tandis qu’Airstream est une police décorative et rétro.

7. Mélangez des polices distinctes avec des types neutres.

Réalisé avec Visme Infographic Maker

Si l’une de vos polices a beaucoup de personnalité et un style très distinct, ne commettez pas l’erreur de l’associer à une autre police qui attire également beaucoup d’attention. Votre meilleur pari est d’associer une police distincte avec une autre plus neutre.

Dans l’exemple ci-dessus, Blackjack, une police de script, est combinée avec une autre police de script, Milkshake, ce qui donne un design très discordant. L’exemple de droite utilise cependant la lumière Montserrat plus neutre, ce qui rend le design beaucoup plus agréable et lisible.

8. Évitez les combinaisons discordantes.

Réalisé avec Visme Infographic Maker

Même si le contraste est toujours une bonne chose, veillez à éviter toute discorde. Le premier crée une harmonie visuelle ; le second repousse tout simplement les lecteurs. L’essentiel est de combiner des polices qui, à première vue, semblent très différentes mais qui sont en réalité similaires en termes de proportions et de hauteur x (la hauteur du caractère « x »). (Encore une fois, les combinaisons de polices ressemblent beaucoup aux personnes.)

Par exemple, Futura avec Times New Roman ne fonctionne pas bien car il y a trop de contraste entre les largeurs.

9. Utilisez des polices de la même police.

Réalisé avec Visme Infographic Maker

N’oubliez pas que l’utilisation de différentes polices de la même police peut vous faire gagner beaucoup de temps et produire exactement le look que vous recherchez. Vous pourriez par exemple vous en sortir avec un Helvetica Black pour une tête et un Helvetica normal pour votre corps.

Ou, comme dans l’exemple ci-dessus, vous pouvez combiner Raleway Black Head avec Raleway Thin. (Ils appartiennent tous les deux à la même famille de polices, ils devraient donc s’entendre !)

dix. Tenez-vous-en à deux (trois, maximum) polices.

Réalisé avec Visme Infographic Maker

Vous cherchez peut-être trop la bonne combinaison. Au lieu de trop y réfléchir, tenez-vous-en à deux ou trois combinaisons maximum et, surtout, restez simple. Tenez-vous en à deux polices en utilisant une combinaison classique sans empattement et empattement. Cela produirait potentiellement jusqu’à 8 polices différentes avec lesquelles travailler : normale, gras, italique et italique gras pour chaque police.

Cette stratégie d’association de polices fonctionne mieux lors de la création de présentations et d’infographies. L’utilisation de seulement deux ou trois polices de caractères, comme un mélange classique de polices sans empattement et avec empattement, permet de garder les choses claires et faciles à comprendre. Cette simplicité garantit que votre public peut suivre sans se laisser submerger par trop de polices différentes.

Lisez notre guide complet d’appariement de polices sur le 15 combinaisons de polices parfaites pour des présentations et des infographies pour en savoir plus.

11. Expérimentez avec différentes tailles.

Réalisé avec Visme Infographic Maker

Certaines polices ont fière allure dans les grandes tailles mais sont à peine lisibles lorsqu’elles sont petites. Pour cette raison, il est important d’expérimenter différentes tailles, car certaines combinaisons de polices peuvent se mettre en place à une certaine taille en points.

Par exemple, alors qu’Helvetica peut être utilisée dans des tailles plus grandes ou plus petites, une autre police comme Impact est très peu attrayante lorsqu’elle est petite. Dans l’exemple ci-dessus, la police de script Pacifico est trop condensée et trop grasse pour fonctionner comme corps de texte. En tant qu’en-tête, cependant, cela fonctionne très bien.

Comment associer des polices dans Visme

L’association de polices peut être un casse-tête, mais avec Visme, c’est aussi simple que quelques clics. Visme élimine les incertitudes liées aux combinaisons de polices grâce à des associations prédéfinies qui feront ressortir vos créations.

Combinaisons de polices prédéfinies de Visme

Visme propose une série de combinaisons de polices prédéfinies spécialement conçues pour fonctionner ensemble et offrir une esthétique agréable. Ces ensembles simplifient le travail d’appariement des polices, garantissant ainsi l’absence de choix de polices contradictoires ou visuellement dérangeants pour vos conceptions.

Voici quelques-unes des paires de polices de la bibliothèque de Visme :

Comment utiliser les combinaisons de polices prédéfinies dans Visme

Utiliser des combinaisons de polices prédéfinies dans Visme est un jeu d’enfant. En suivant ces étapes simples, vous pouvez découvrir rapidement et facilement les polices parfaites pour votre prochain graphique, changement de marque, document, présentation et bien plus encore :

Étape 1 : ouvrez l’éditeur

Dans la fenêtre de l’éditeur de votre projet Visme, accédez à la barre latérale gauche et sélectionnez l’onglet « Bases ».

Associer des polices

Étape 2 : Sélectionner les paires de polices

Cliquez sur le menu déroulant « Paires de polices » pour accéder aux options de paires de polices disponibles. Visme propose des centaines de paires de polices, dont celles répertoriées dans cet article.

Association des polices

Étape 3 : Prévisualisez et choisissez

Faites défiler les nombreuses paires de polices disponibles jusqu’à ce que vous trouviez celle qui convient le mieux à votre projet. Vous pouvez le prévisualiser sur le canevas en un seul clic, ou vous pouvez cliquer et faire glisser le modèle sur le canevas pour une personnalisation plus poussée.

Associer des polices

Étape 4 : Redimensionner et positionner

Une fois la paire de polices sur votre canevas, redimensionnez les zones de texte et placez-les comme vous le souhaitez. Par défaut, tous les objets du modèle « Paire de polices » sont regroupés. Vous pouvez double-cliquer sur une zone de texte pour la sélectionner ou la dissocier pour des modifications d’éléments individuels liées au placement et au dimensionnement.

Étape 5 : Vérifiez les noms des polices

Avec une zone de texte sélectionnée, vous pouvez afficher le nom de la police dans la liste déroulante en haut de l’éditeur. Si nécessaire, modifiez les polices rapidement et facilement parmi l’une des centaines de polices disponibles sur Visme ou sélectionnez l’une de vos polices. polices de marque.

Création de vos propres combinaisons de polices dans Visme

Pour les moments où vous souhaitez apporter votre touche personnelle, Visme vous permet de créer vos propres combinaisons de polices. Avec une gamme de polices, vous avez la liberté de les associer selon votre choix en suivant ces étapes :

Étape 1 : Sélectionnez l’objet texte

Choisissez l’objet texte que vous souhaitez modifier. Une fois que vous avez cliqué sur « Modifier » en haut à gauche, le menu supérieur apparaîtra. Vous pouvez également double-cliquer sur l’objet pour lancer le menu d’édition.

Étape 2 : Changer la police

Dans la liste déroulante « Police » en haut à gauche, choisissez les polices souhaitées. Vos polices récemment utilisées apparaîtront en haut pour une sélection facile. De plus, si vous avez défini des polices de marque, elles seront répertoriées au-dessus de la liste ABC standard des polices.

Étape 3 : Ajustez la taille de la police

Pour adapter la taille de votre texte, sélectionnez la liste déroulante de la taille de la police juste à côté du nom de la police. Cette liste déroulante vous permet de choisir une taille ou de saisir manuellement votre valeur numérique préférée.

Guide du non-concepteur sur l'association des polices

Étape 4 : Modifier la couleur de la police

Pour ajuster la couleur de votre police, cliquez sur l’icône de couleur à côté de la liste déroulante de la taille de la police, où vous trouverez les couleurs primaires définies dans votre zone de marque et toutes les couleurs de thème que vous avez définies.

Guide du non-concepteur sur l'association des polices

Étape 5 : Ajustez le style de police

Visme offre la possibilité de modifier le style de votre police selon vos préférences. Vous trouverez les options pour mettre en gras, en italique ou souligner votre texte à droite de l’icône de couleur de police.

  Guide du non-concepteur sur l'association des polices

Vous disposez désormais de vos combinaisons de polices uniques. En explorant et en expérimentant ces fonctionnalités, vous pouvez apporter un nouveau niveau de style à vos projets.