Choisir les bonnes polices et couleurs

Choisissez des polices et des couleurs agréables pour votre site.

Dernière mise à jour le 6 décembre 2024

Tout comme la peinture et le papier peint d’une pièce, les polices et les couleurs donnent du caractère à votre site et permettent de faire une excellente première impression.

Si vous ne savez pas par où commencer, utilisez les idées de ce guide pour vous aider à penser la conception de votre site. Nous vous recommandons d'expérimenter différentes combinaisons avant de publier des pages. 

Ce guide est une bonne étape après avoir créé un nouveau site et ajouté du contenu. Pour apprendre les bases de la modification des polices et des couleurs, consultez nos autres guides :

Associer des polices à votre marque

Lorsque vous personnalisez votre site, vous pouvez assortir son design aux idées et aux objectifs de votre contenu.

Chaque type de polices peut évoquer un ton différent. En typographie, un empattement est une petite ligne ou un trait attaché à la fin d'un trait plus grand d'une lettre ou d'un symbole d'une famille de polices. Une police sans empattement n'a pas de traits supplémentaires et ses lignes sont plus nettes. 

Les polices sans empattement sont devenues plus courantes pour le texte affiché sur le web, car les détails fins tels que les sérifs peuvent disparaître ou apparaître trop grands sur les écrans de résolution inférieure. Néanmoins, une police avec empattement peut avoir plus de sens pour votre site. Si vous écrivez un blog sur les manuscrits médiévaux, une police avec empattement est probablement plus fidèle à l'identité du site. Si vous vendez du mobilier moderne ou donnez un cours de codage, une police sans empattement peut créer un ton contemporain et rigoureux.

trial-drip-content-fonts-colors-1-v2.jpg

Lorsque vous choisissez une police, posez-vous des questions sur votre audience et votre contenu pour vous aider à affiner vos choix. Posez-vous les questions suivantes : 

  • Quel est le sujet de votre site ? Quel est son objectif principal ? 
  • Qui visitera votre site ? Quel sera le groupe d'âge ? 
  • Quelle est le ton de votre marque ? Léger ou sérieux ? Moderne ou classique ? 

Une fois que vous avez une idée du ton et de la texture de votre site, parcourez notre collection de plus de 600 polices Google et 1 000 polices Adobe pour trouver une police adaptée à votre style unique. Gardez à l’esprit que cette collection n’inclut pas toutes les polices Google et Adobe disponibles. Le panneau Polices affiche par défaut les packs de polices les plus populaires et les plus récemment utilisés pour vous aider à affiner vos options. Si vous connaissez le nom de la police Adobe ou Google que vous préférez, vous pouvez la rechercher

Combiner et associer

Comme le vin et le fromage, certaines polices de caractères fonctionnent bien ensemble. Si vous utilisez une police sans serif simple, associez-la à une police serif ornementée. Des polices fines et complexes se marient bien avec des caractères en gras.

Dans le panneau Polices, commencez par parcourir les combinaisons prédéfinies dans l'onglet Mixed. Essayez de trouver une police sérif et une sans sérif qui correspondent au rythme et au ton de votre site.

mixed_font_packs.png

Quand il s'agit de typographie, la simplicité est primordiale. Il est préférable de ne pas avoir plus de deux polices sur l'ensemble de votre site. Deux choix complémentaires rendent votre site lisible, tout en soulignant les points clés avec goût.

Pour encore plus de contraste, testez différentes tailles de texte. Vous mettez en avant un nouveau produit dans votre Boutique ? Essayez d'utiliser un Titre. Vous écrivez un long billet de blog ? Utilisez une taille de police plus petite, mais qui reste lisible. Attribuez différentes tailles à différents groupes de texte pour assurer la cohérence du message sur l'ensemble de votre site. 

Créer une identité grâce à la couleur

Quelle est l’idée-force de votre site ? Si vous vendez des maillots de bain ou présentez vos photos de portraits, assortir le contenu de votre site à un jeu de couleurs peut créer son caractère. Des maillots de bain pourraient bien aller avec de légers tons bleu et jaune, tandis qu’un classique noir et blanc permet aux photos de transparaître. 

Quelle que soit votre vision, il existe une palette de couleurs qui peut vous montrer ce que vous voulez. Pour commencer, jetez un coup d'œil autour de vous. Si vous êtes propriétaire d'un restaurant, laissez-vous guider par son jeu de couleurs. Votre blog est spécialisé dans la nature ? Les nuances terreuses peuvent être une bonne solution pour susciter l'intérêt. Vous organisez un cours de fitness ? Des couleurs vives et excitantes pourraient être plus motivantes. Si vous avez un logo de marque, pensez à incorporer sa couleur dans des détails tels que les boutons et la navigation

carmine.png

Utiliser vos images est également un autre bon point de départ. Regardez les images que vous utilisez pour votre marque et voyez si certaines couleurs ou certains tons apparaissent encore et encore. Utilisez le panneau Couleurs pour trouver une palette qui correspond à vos images, ou importez une image et laissez votre site générer une palette de couleurs pour vous. 

Comme pour la typographie, trop de couleurs peuvent brouiller le message. Lorsque vous vous en tenez aux thèmes générés automatiquement par votre palette de couleurs, votre site est équilibré et plus facile à naviguer. Si vous personnalisez les couleurs de votre thème, enregistrez les couleurs en dehors de votre palette pour des accents moins importants, comme des boutons et des icônes sociales.

Assurez-vous que vos couleurs ne détonnent pas. Une police jaune sur fond blanc peut rendre votre texte illisible et une police noire sur fond rouge donne des maux de tête à certains. Le maintien d'un contraste élevé entre les couleurs permet également de garder votre site lisible

Par-dessus tout, prenez du plaisir. Votre site est une extension de vos idées et de votre identité dans le monde en ligne. Squarespace vous aide à mettre vos idées en ligne, mais il vous incombe de les personnaliser en matière de caractère, de couleur, de ton et de design. Un site qui vous donne le sentiment qu'il aurait sa place dans votre penderie ou au bureau est un site que vous apprécierez de revisiter et d'améliorer au fur et à mesure que de nouvelles idées émergeront et évolueront.

Aide supplémentaire

Pour obtenir de l'aide supplémentaire sur la conception de votre site, consultez nos autres ressources : 

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Choisir les bonnes polices et couleurs