• 0k
  • 0
Web design \ 9 Mars 2015

Comment bien utiliser les polices de caractères ?

Au même titre que vos couleurs, vos polices de caractères contribuent à déterminer l’atmosphère de votre site et définissent votre image de marque. Il est vrai que les Templates Wix vous proposent d’emblée des combinaisons de polices sélectionnées par des designers professionnels, cela dit, le but ultime de l’outil est de vous permettre de réaliser un site en accord avec vos aspirations professionnelles et esthétiques. Vous êtes seul maître de votre site et son succès relève en grande partie de la pertinence de vos décisions graphiques.

Nous disons souvent qu’il est préférable de ne pas utiliser trop de polices de caractères différentes sur votre site internet. Abuser de ces outils de design peut effectivement porter atteinte à la lisibilité et au rendu de votre site dans son ensemble. Néanmoins, à l’instar de l’utilisation des couleurs, il peut être judicieux de varier les plaisirs (avec modération) afin de mettre en exergue certains éléments textuels.

Ci-dessous, un guide détaillé pour utiliser vos polices comme un pro :

Comment utiliser les polices de caractères

3 principes à connaître avant de vous lancer

Si le web design est une discipline qui nécessite une certaine créativité, il n’en demeure pas moins que certaines règles sont à respecter. Aux yeux de nombreux passionnés de graphisme, maltraiter les polices est un crime. Reste à savoir quelles lois régissent leur utilisation. Sans plus attendre entrons dans le vif du sujet :

  • Limitez-vous à trois polices de caractères : ne tirez pas la tronche, c’est déjà pas mal ! Vous pourrez vite constater que trois polices sont suffisantes. Si vous en utilisez davantage, votre design risque d’être un rien « cacophonique ». Il est préférable (mais pas obligatoire) que la police de vos paragraphes de texte soit une police Sans Serif (dite sans empattement). Ces polices sont lisibles et fluides donc très pratiques pour le Web. Jamais entendu ces noms-là ? Continuez à lire.
  • Assurez-vous d’obtenir un contraste fort : rien ne sert d’avoir une combinaison de polices magnifique si votre texte est impossible à déchiffrer. Prenez soin de sélectionner une couleur pour votre texte en contraste avec l’image/la texture sur laquelle il est incrusté.
  • Visez juste ! En d’autres termes, sachez à qui vous parlez et quelle sorte de message vous souhaitez véhiculer. Une police Script sera appropriée si vous souhaitez donner une sensation d’élégance. Une police Sans Serif vous conférera un air moderne et sophistiqué, tandis qu’une police Serif (dite à empattement) vous permettra d’affirmer un style visuel « old-school » proche de celui de la presse traditionnelle. Illustrons ces trois notions :

Sortes de polices de caractères

Maintenant que les bases sont acquises, commençons à nous amuser :

5 façons élégantes d’utiliser les polices

Jeux de styles

Combiner des polices de natures différentes constitue un excellent moyen de transmettre plusieurs messages visuels tout en respectant les règles élémentaires du web design. Le mariage des polices Script et Sans Serif par exemple, laisse entendre une certaine souplesse de création et de style. En effet, la police Sans Serif transmet un message moderne et la Script ajoute sa touche d’élégance. Un fois de plus, tout dépend de vos ambitions en termes d’identité visuelle.

Sans Serif et Script

Sans Serif et Script

Jeux de tailles

Il peut être judicieux d’utiliser une même police dans différentes « tailles » ou « épaisseurs » pour mettre en valeur certains mots ou groupes de mots sur votre site. Vous pouvez opter pour un contraste entre les caractères gras et les caractères fins ou simplement jouer avec la taille de votre police. Les oppositions fin/épais ou grand/petit sont en vogue et permettent de conjuguer texte et visuel sans que l’un n’empiète sur l’autre.

Grand et petit

Grand et petit

Gras et fin

Polices Gras et fin

Astuce : essayez une police comme Helvetica dans l’éditeur. Présente sous plusieurs formats (Halvetica Bold, Helvetica et Helvetica Light), elle permet d’obtenir des contrastes intéressants sans pour autant effectuer de changement majeur.

Jeux d’orientations

Appliquer l’Italique sur une partie de vos textes peut également s’avérer judicieux. L’astuce fonctionne aussi bien avec les polices Serif que Sans Serif. Le rendu est intéressant et l’exercice relativement simple. À essayer.

Droit et Italique 

Droit et Italique

Jeux d’espaces

Votre texte n’a pas nécessairement à figurer au milieu de votre page ou de votre image. Combler l’espace « vide » de votre image avec votre texte (attention à ce qu’il figure dans la grille centrale du site) vous permettra de conserver la beauté du  visuel tout en transmettant votre message avec subtilité. Voyez vous-même :

Jeu d'espace

Jeux de formes

Les formes sont d’excellents outils pour mettre en valeur vos textes. Vous pouvez utiliser des rectangles, des ronds ou encore des carrés à des fins diverses. Notre article sur le sujet vous détaille la variété d’usages qu’il est possible d’en faire. Prenez soin de bien optimiser la transparence de vos formes afin d’obtenir l’effet escompté.

Utilisation de formes

Voilà ! Vous savez tout. Il ne vous reste plus qu’à affirmer votre caractère avec vos polices.

Envie d’essayer ? Créez votre propre site gratuitement !

Publié par Equipe Wix
Wix

Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email