Disponible : Devenez un expert en présentation gratuitement Obtenir la certification

Typographie design : comment assembler vos polices ?

Nayomi Chibana
Écrit par Nayomi Chibana
Publié le Juin 16, 2023
Typographie design : comment assembler vos polices ?

beginner non-designer guide pairing font combos combinations

Si vous pensez qu'apprendre à combiner des polices et avoir une typographie design est une compétence dont seuls les designers ont besoin, détrompez-vous. Que vous créiez une présentation, tapiez un document ou remaniiez votre CV, vous prenez des décisions sur les polices qui s'agenceraient le mieux et dans quelles tailles.

Choisir une typographie 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 vous êtes donné 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 design, et chacune communique un message très différent et distinct.

Pour vous aider à améliorer la qualité de vos designs et l'impact des messages qu'elles contiennent, nous avons créé un guide pratique pour associer les polices qui vous fera gagner du temps et vous évitera bien des maux de tête inutiles.

Voici une courte sélection de 11 polices que vous pouvez appliquer à vos designs dans Visme. Voir plus ci-dessous :

 

Trouvez une typographie design à utiliser dans vos créations

1 Combinez un serif avec un sans serif.

1.1

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

Une valeur sûre lorsqu'il s'agit d'associer des polices est de combiner une police avec serif avec une police sans serif, comme dans l'exemple ci-dessus. Pourquoi ? Parce qu'en règle générale, plus il y a de contraste entre vos polices, mieux c'est. Vous voyez comment les différences d'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 voulez également rester à l'écart des polices qui sont si différentes qu'elles se situent à la frontière entre le contraste et la discorde. Par exemple, mettez Garamond et Sabon ensemble pour voir ce que cela signifie. Ou essayez Helvetica et Univers ensemble, qui est également une combinaison peu attrayante.

2 Évitez les classifications similaires.

2

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

Si vous faites cela, vous n'obtiendrez pas assez de contraste et vous vous retrouverez probablement avec 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 Slab avec une autre Slab. Mauvais choix. Il y a peu de contraste, ce qui le rend peu attrayant à l'œil. La combinaison de droite, cependant, associe un Slab à un Sans Serif. Ce changement apparemment insignifiant fait toute la différence et incite le spectateur à lire le texte.

3 Tailles de typographie design contrastées.

3

Une troisième façon d'obtenir un contraste consiste à obtenir une différence de taille de point suffisante 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 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 design. 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 Polices de contraste.

4

Une autre façon d'assurer une hiérarchie visuelle claire consiste à utiliser des poids de police variables, avec des différences claires dans l'audace des polices utilisées. Par exemple, vous pouvez essayer de combiner Didot et Rockwell ; vous voyez qu'ils ne s'accordent pas bien parce qu'ils ont tous les 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 au Roboto Light. La clé pour obtenir la bonne quantité de contraste est de comprendre que les polices ressemblent beaucoup aux personnes : lorsque vous mélangez deux polices avec beaucoup de personnalité ou de présence, vous obtenez 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.

5

Un bon conseil à retenir est que la cohérence est cruciale pour un design d'aspect professionnel. Pour ce faire, vous pouvez attribuer un rôle à chacune des polices utilisées dans votre document. Par exemple, vous pouvez utiliser la même police pour les titres d'articles, une autre pour l'intro du corps, une troisième typographie design 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érents styles.

6

Une autre clé pour associer une police est de reconnaître que chaque police a une personnalité et un style. Ne commettez pas l'erreur d'associer des polices qui ne sont tout simplement pas destinées à aller ensemble. Par exemple, ne jumelez pas Impact et MTF Cool Kid. Alors qu'Impact est audacieux et en 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 rugueux, tandis qu'Airstream est une police rétro décorative.

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

7

Si l'une de vos typographies design a beaucoup de personnalité et un style très distinct, ne commettez pas l'erreur de l'associer à une autre typographie design qui attire également beaucoup l'attention sur elle-même. Votre meilleur pari est d'associer une police distincte à une typographie design 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, cependant, utilise la lumière plus neutre de Montserrat, ce qui rend le design beaucoup plus agréable et lisible.

8 Évitez les combinaisons discordantes.

8

Bien que le contraste soit toujours une bonne chose, veillez à éviter la discorde. Le premier crée une harmonie visuelle, le second ne fait que repousser les lecteurs. La clé est de combiner des polices qui à première vue semblent très différentes, mais qui sont en fait 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 gens.)

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 de caractères.

9

N'oubliez pas que l'utilisation de différentes typographies design de la même police de caractères peut vous faire gagner beaucoup de temps et produire exactement le look que vous recherchez. Vous pourriez bien faire, par exemple, avec un Helvetica Black pour un en-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 !)

10 Tenez-vous-en à deux (maximum trois) polices de caractères.

10

Vous cherchez peut-être trop la bonne combinaison. Au lieu de trop y penser, contentez-vous de deux combinaisons, maximum de trois, et surtout, restez simple. Tenez-vous-en à deux polices de caractères en utilisant une combinaison classique sans serif et avec serif. Cela produirait potentiellement jusqu'à 8 polices différentes avec lesquelles travailler : normal, gras, italique et gras italique pour chaque police de caractères.

11 Testez avec différentes tailles.

11

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 de point.

Par exemple, alors que Helvetica peut être utilisée à la fois dans des tailles plus grandes et plus petites, une autre typographie design 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 épaisse pour fonctionner comme corps de texte. En tant qu'en-tête, cependant, cela fonctionne très bien.

Pour vos besoins typographiques et vos créations web, nul besoin d'être designer. Trouvez le bon assemblage de vos typographie grâce à ces points. Faites votre choix en fonction de vos besoins design et des approches en typographie.

make your text look beautiful with visme
Nayomi Chibana
Écrit par Nayomi Chibana

Nayomi Chibana is a journalist and writer for Visme’s Visual Learning Center. Besides researching trends in visual communication and next-generation storytelling, she’s passionate about data-driven content.

Créez un contenu épatant!

Développez votre identité visuelle et votre image de marque, que vous soyez un graphiste expérimenté ou bien un débutant.

Testez Visme gratuitement