design graphique

La typographie d’un site web a un caractère essentiel pour l’entreprise

Si vous souhaitez partager

Les polices de caractères d’un site internet transmettent aussi votre image.

La typographie d’un site internet a un caractère essentiel pour l’entreprise

De quel côté vous situez-vous ? Préférez-vous reprendre votre bonne vieille times new roman, tenez-vous absolument à arborer une super typographie (de type Heroic fantasy, seigneur des anneaux ou autre) au détriment de sa lisibilité ou son accessibilité ? Ou souhaitez-vous une police collant à votre domaine, transmettant votre professionnalisme pour le site internet de votre société, sa carte de visite, son dépliant ou sa brochure ?

La police de caractère, il est très important d’accorder du temps à son choix

Vous avez accordé tout votre soin pour rédiger le contenu de votre dépliant ou du site internet de votre entreprise. C’est parfait et indispensable ! Passer une nuit blanche à vous interroger sur l’utilisation de telle ou telle typographie vous semble peut être inutile. « Ca va, si le L majuscule n’a pas d’empattement, ça nous est égal » allez-vous dire. En effet, tout le monde sera peut-être de votre avis, sauf les metteurs en page ou autre graphistes. Ceux-ci vous expliquent d’ailleurs pourquoi s’attarder sur ce sujet est capital.

Votre police participe aussi de votre identité. Choisir de façon judicieuse les typographies pour son site est comparable à savoir comment on va s’habiller. Allez-vous porter des vêtements qui ne vous ressemblent pas ? Peut-être pour quelques uns d’entre vous … Rappelons que nous parlons ici d’un contexte professionnel.

Et bien c’est le même problème pour habiller vos textes ! Vous allez penser à transmettre tout le positif et le côté professionnel de votre identité. Il faut associer judicieusement contenu et forme. La typographie est là pour apporter deux types d’information sur la société : le contenu (par la rédaction de vos articles ou pages) et l’identité, les valeurs de l’entreprise par son aspect purement visuel. Imaginons que vous vous adressez à un jeune public, vous allez davantage vous appuyez sur une typographie ronde, avec des couleurs vives que pour un site de luxe où le noir et l’empattement sont habituellement de mise.

Pour harmoniser vos typographies, voici quelques pistes

Vous avez intérêt à choisir vos polices de caractère de façon à ce qu’elles soient le plus lisibles possible. En effet, si les visiteurs doivent faire un effort pour vous lire, vous les perdrez immédiatement, ce qui nuit fortement à votre positionnement dans les moteurs de recherche (taux de rebond). Mais il y a des solutions pour diminuer ce risque lors de la création de votre site internet.

En bref :

  • Choisissez la simplicité : Votre site internet (votre brochure ou votre flyer) ne devrait pas comporter plus de 3 polices de caractères. Une pour les titres principaux, une pour les sous-titre et une pour les paragraphes. La mise en gras peut être utilisée dans ceux-ci, en gardant la même typographie.
  • Hiérarchisez vos contenus : Différenciez bien les titres et sous-titres de vos paragraphes. Ceci permet à votre lecteur de bien comprendre de quoi parle votre contenu. La mise en avant de vos titres indique au visiteur qu’ils contiennent l’information principale. Les paragraphes doivent être agréables à parcourir, pas trop serrés et avoir une couleurs qui contraste avec le fond (mais pas trop non plus sinon, cela fait très vite mal aux yeux quand on lit sur un écran en tout cas).
  • Restez cohérent : gardez la même typographie pour vos titres et sous-titres. Ne changez pas de police en cours de paragraphe. Cela parait évident mais il est mieux de l’indiquer. Pensez également au gras ou à l’italique qui fait ressortir les mots importants.
Publié par cbcreations dans Blog communication, Internet et réseaux sociaux

Cerner un univers graphique avec des mots clés et des planches tendances pour vos projets graphiques

Si vous souhaitez partager

La conception web intègre le design mobile et ses optimisations

Définir un univers graphique pour la création de votre support de communication passe par la mise en place d’écrans de tendance également appelés moodboards (ou trendboard).

Qu’est-ce qu’une planche tendance ou un moodboard

Au départ d’un projet, quel qu’il soit (il faut quand même que ce soit une problématique de communication graphique, je précise), vous avez besoin que je définisse avec vous votre « univers graphique » : quelles sont les couleurs, les typographies et les images (au sens large) qui colleront à votre projet.

Pour faire cela, la première étape consiste à prendre un bloc note (papier ou informatique) et d’y jeter toute une série de mots clés
en rapport avec votre sujet. Pour un site web de vente de magazines spécialisés dans la décoration ou la rénovation on pense tout de suite
à : travaux, outils, jardin, papier peint ou crédence etc…

Une fois cette première liste établie, je retrousse mes manches puis pars joyeusement à la recherche d’images en rapport avec ces mots. Il existe
des dizaines de « banques d’images » en ligne, proposant des visuels libres de droit (ou pas) et qui permettent de se faire des petits dossiers pictographiques.

Une fois ces images récupérées, je les range par thématique puis les assemble pour avoir des « planches tendances » travaux, outils, jardin etc …
Cela va me donner des idées de couleurs, de forme, de typographie et d’iconographie.

Utilité d’une planche tendance

Ce petit moodboard (planche tendance) en rapport avec les travaux et la rénovation rassemble quelques « outils » fréquemment utilisés.
Cela donne avant même d’avoir ouvert le moindre fichier photoshop pour plancher sur l’interface web du site vitrine ou du dépliant, des concepts, des pistes pour la sélection des couleurs, des formes ou des futures photos utilisées pour le projet.

Il pose les bases de la recherche graphique que je vous propose. Cela permet une homogénéité dans les échanges et de garder l’idée
générale de votre problématique. Ainsi, nous gagnons du temps et sommes plus productifs.

Publié par cbcreations dans Benchmark & tendances

Le mobile first ou les téléphones d’abord

Si vous souhaitez partager

La conception web intègre le design mobile et ses optimisations

Depuis quelques années déjà, le référencement d’un site prend en compte son caractère adaptatif.
C’est à dire sa capacité s’afficher correctement sur les écrans de tous les appareils que nous utilisons aujourd’hui : smartphones, tablettes, ordinateurs et même téléviseurs. Il y a toujours un original qui surfe sur le web via son écran ultra HD de 2m50 de diagonale.

Ce point est d’autant plus important depuis que le géant du net Google a lancé le mobile-first. « Mobile first » … Le mobile en premier.
De nos jours, la conception web est d’abord pensée pour mobile. Il faut donc mixer le fait que le site soit agréable pour la « pèche aux contenus » sur un poste de bureau (mais si, cela se produit encore) mais aussi et surtout sur un téléphone. Cela influe sur le classement du site dans le moteur de recherche le plus utilisé du monde.

Les CMS aident pour cela. WordPress, Joomla et autres Drupal permettent d’anticiper ce point crucial dès le début du travail, laissant libre court à la partie graphique. C’est à dire que je ne perds pas de temps à « coder » à la main un site « mobile first » puisque de très bons outils le font très bien et que je me concentre sur le concept graphique en garantissant l’ergonomie du projet sur les terminaux mobiles.

 

Publié par cbcreations dans Benchmark & tendances