• 40k
  • 12
Web design \ 19 Novembre 2018

Les meilleures associations de typographies pour votre site

Peut-être êtes-vous du genre à vouloir télécharger des polices de Harry Potter pour votre blog ? Ou peut-être, au contraire, vous ne pouvez pas vous résoudre à décoller de la Times New Roman que vous utilisez depuis vos exposés au collège. Que vous les aimiez ou non, les polices de caractères sont une partie intégrante du design de votre site internet. Voilà pourquoi nos experts ont créé un guide pour vous aider à les utiliser de la bonne façon. Vous êtes à la recherche d’inspiration ? Vous voulez savoir quelle est la bonne typographie pour refléter les valeurs de votre entreprise ? Continuez de lire cet article et découvrez quelles sont les polices qui vont bien ensemble et comment tirer profit de ces combinaisons gagnantes sur votre site.

Pourquoi le choix de la police est-il important ?

Après avoir passé tout votre temps et votre énergie à vous concentrer sur le contenu de votre site, savoir quelle police vous allez utiliser peut sembler insignifiant. Cela fait-il vraiment une différence si le « t » penche plutôt à droite ou à gauche ? De toute évidence, à part les designers, probablement personne ne remarquera ce détail. Mais il y a d’autres raisons pour lesquelles le choix de votre typographie à une importance capitale. Laissez-nous vous expliquer.

Pour commencer, votre typographie exprime qui vous êtes. Définir les polices à utiliser sur son site, c’est un peu comme choisir ses vêtements le matin. Vous voulez porter quelque chose qui vous ressemble et qui reflète votre personnalité, et non pas associer n’importe quel pantalon avec la première chemise qui vous tombe sous la main.

Il en est de même pour votre typographie. Vous voulez faire des associations pertinentes pour votre entreprise et votre image de marque. L’idée est d’avoir des combinaisons harmonieuses et qui ne distraient pas vos visiteurs du contenu principal de votre site. Votre police a donc deux rôles : délivrer un message en soi et refléter l’image et les valeurs de votre business. Par exemple, si vous avez un blog de voyage, une police un peu fantasque peut être une bonne idée, alors que pour une assurance, une police stricte sera plus adaptée.

La lisibilité est le facteur le plus important dans le choix de votre typographie. Si les visiteurs ont du mal à vous déchiffrer, ils quitteront immédiatement votre site, ce qui est très mauvais pour votre référencement. Pour éviter cela, voici quelques conseils à garder en tête lorsque vous créez votre site internet :

Restez simple : rappelez-vous d’un chiffre, le numéro 3. C’est le nombre de polices maximum que doit contenir votre site – au total !

Hiérarchisez : distinguez vos titres, vos sous-titres et vos paragraphes. En différenciant chaque catégorie, vous aidez le visiteur à comprendre immédiatement l’information que vous lui présentez. Par exemple, en mettant vos titres en grand et en gras, vous signalez qu’ils contiennent une information importante. Vos paragraphes, quant à eux, doivent être le plus facile et agréable à lire possible.

Soyez cohérent : par cohérent, on veut dire ne pas changer de police au milieu d’une phrase ou d’un paragraphe. Si vous voulez mettre l’accent sur un mot, optez pour l’option gras ou italique. Globalement, choisissez vos typographies au début du processus et tenez-vous-en.

01. Georgia, Avenir et Avenir Light

Georgia est une typographie élégante et sérieuse. Elle s’accompagne parfaitement d’Avenir. Les deux polices sont sans serif et sont généralement utilisées pour une lecture plus fluide.

associations de typographies

Qui doit les utiliser ? Les sites de business, portfolios, CV et publications.

Comment les utiliser ? Allez jeter un œil à notre Template de vidéaste pour mariages.

02. Oswald Medium et Roboto Bold

Oswald Medium communique sa force grâce à son caractère gras et ses lignes épurées. Équilibrez le tout avec la police Roboto Bold. Celle-ci a été créée par Google pour son système d’exploitation mobile Android. L’objectif était d’avoir une police sans serif « moderne et abordable ».

associations de typographies

Qui doit les utiliser ? Les sites de business, fitness et technologie.

Comment les utiliser ? Allez jeter un œil à notre Template pour une école de Karate.

03. Reklame Script, Poppins Semi Bold et Poppins Extra Light

Reklame Script appartient à la famille des polices influencées par l’écriture manuscrite que l’on retrouvait dans les publicités print des années 40 et 50. On y retrouve un côté chaleureux, communiquant et très personnel. Elle s’équilibre bien avec les polices Poppins plus strictes et géométriques.

associations de typographies

Qui doit les utiliser ? Les entreprises ciblant les familles et enfants, les boutiques en ligne, les sites de DIY et les blogs.

Comment les utiliser ? Allez jeter un œil à ce Template de festival de BD.

04. Monoton, Lulo Clean et Futura

Adoptez le style retro de Monoton. Cette police un peu arty est réservée aux gros titres uniquement. Vous devez l’associer avec une typographie plus simple pour vos sous-titres, comme Lulo Clean. Enfin, Futura fera parfaitement l’affaire pour des paragraphes lisibles et harmonieux.

associations de typographies

Qui doit l’utiliser ? Les sites de musique, de divertissements et les thèmes retro.

Comment les utiliser ? Allez jeter un œil à ce Template de salon de beauté.

05. DIN Neuzeit Grotesk et Avenir Light

Créez un site clair et agréable grâce à la géométrie de DIN Neuzeit Grotesk. Associez cette typographie avec Avenir Light pour un style élégant et épuré.

associations de typographies

Qui doit l’utiliser ? Les sites de business, les boutiques en ligne, les portfolios et les sites de photographie.

Comment l’utiliser ? Allez jeter un œil à ce Template de boutique de plantes.

06. Raleway et Helvetica

En typographie, Raleway est un peu l’équivalent d’une pièce de couleur sur une robe noire ; ou d’un mouchoir funky dans une poche de costume trois pièces. C’est l’élément classe et moderne qui apporte cette petite touche en plus à n’importe quel site. Elle va donc très bien avec Helvetica, une police sobre et intemporelle.

associations de typographies

Qui doit l’utiliser ? Les sites de business, les boutiques en ligne, les portfolios et les sites de photographie.

Comment l’utiliser ? Allez jeter un œil à ce Template de musicien.

07. Belinda, Libre Baskerville et Brandon Grotesque

La plume manuscrite de Belinda peut être utilisée pour évoquer une invitation ou une atmosphère plus personnelle. Associez-la avec Libre Naskerville pour le coté plus traditionnel de la police serif. Pour finir, Brandon Grotesque ajoutera une touche de modernité.

associations de typographies

Qui doit l’utiliser ? Les sites de business, fashion, gastronomie, les sites DIY et les blogs.

Comment l’utiliser ? Allez jeter un œil à ce Template de salon de beauté.

08. Playfair Display et Snell Roundhand

Voilà une association qui combine élégance et modernité. Le design classique de la police sans serif Playfair Display vient contraster avec le vintage de Snell Roundhand. Le résultat final est chic et bien dosé.

associations de typographies

Qui doit l’utiliser ? Les sites de mariage, bijoux, les boutiques en ligne et les invitations.

Comment l’utiliser ? Allez jeter un œil à ce Template de boutique de posters.

09. Sarina, Playfair Display et Proxima Nova

L’écriture en pinceau de Sarina nous rappelle le côté cool et branché des designers. Il s’équilibre avec la modernité de Playfair Display qui garde le tout élégant et classique. Proxima Nova est là pour accompagner le tout.

associations de typographies

Qui doit l’utiliser ? Les sites de lifestyle, de beauté et les boutiques en ligne.

Comment l’utiliser ? Allez jeter un œil à ce Template de boutique de produits naturels.

10. Clarendon LT, Lulo Clean et Georgia

Le côté gras et avec serif de Clarendon fera ressortir vos titres. Associez cette typographie avec les majuscules de Lulo Clean pour soutenir le rythme. Puis calmez doucement le jeu avec Georgia pour vos paragraphes.

associations de typographies

Qui doit l’utiliser ? Les sites de business et les publications.

Comment l’utiliser ? Allez jeter un œil à ce Template de boutique de designer.

 

associations de typographies

Il est temps de passer à la pratique, appliquez dès maintenant ces associations sur votre site Wix !

Publié par Equipe Wix

Recevez le
par e-mail !

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

Adresse courriel invalide.

l\'email existe déjà

Adresse courriel invalide.

Rejoignez-nous ! \ 

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

Adresse courriel invalide.

l'email existe déjà

Adresse courriel invalide.