IFOSUP Wavre | Webdesign | Ergonomie et Communication Web - Gérard Barmarin | Typographie

Typographie

• Ex.1.0 - Créez votre boîte à outils:

  la boîte à outils

• Ex.1.1 - Créez votre identité visuelle rien qu’avec la typographie:

  • CVMdev.be
  • CVM
  • CVMdev.be
  • CVMdev.be
  • Christophe Van Maercke dev.be
  • CVMdev.be

• Ex.1.2 - Utilisez Tagul avec le texte d’une page web de votre choix pour produire un nuage de mots:

  • 
  • 
  • 
  • 
  • 

• Ex.1.3 - Analysez la typographie d’une page web que vous choisissez:

  le site

  Le texte principal ainsi que les titres et sous-titres utilisent la police "Barlow". Malgré le choix d'une petite taille de police, cette dernière fait partie des polices sans-serif et reste relativement lisible. La graisse est normale (400) et les deux couleurs employées sont le noir et le blanc permettant de contraster avec la couleur des deux différents backgrounds. Une troisième couleur est présente pour les liens et les titres principaux, il s'agit de la couleur dominante du site (le turquoise). La deuxième police "Playfaire Display", n'est que rarement utilisée. On peut l'apercevoir dans les blocs de citation avec une graisse 700 et une taille de 30px.

  Conclusion: Le webdesigner a très/trop peu joué avec les outils de texte. La police choisie pour les blocs de citation est inappropriée, elle n'est ni personnelle ni chaleureuse et l'utilisation de l'italic aurait sans doute été un plus. Globalement, le design est beaucoup trop sâge, aucun mot n'est mis en evidence, c'est plat et les polices sont souvent trop petites handicapant ainsi la lisibilité...