Grilles et macro-typographie de la page Web.

Les ouvrages pratiques sur la mise en page et l'usage de la typographie sur Internet sont rares. Les éditions Perrousseaux, bien connues par les passionnés de graphisme, ont donc bien fait de publier Webgrids d'Anne-Sophie Fradier. Le Web bouscule les "grandes règles typographiques", ainsi, ce qui marchait très bien pour le papier ne fonctionne pas forcément pour la lecture numérique. Comme l'explique l'auteure, ce serait une erreur de vouloir appliquer de façon dogmatique les pratiques héritées du support papier aux nouveaux supports que sont les écrans digitaux. Si l'introduction de Webgrids est d'ordre historique (on remonte à la naissance du livre moderne, du volumen au code~). cet essai est loin d'être seulement théorique. Très vite, on en vient aux spécificités du support écran: de la page mouvante et sans limite au règne des 960 pixels, en passant par l'importance des marges, aux types de grille et à la hiérarchisation des éléments visuels, Anne-Sophie Fradier décrypte les caractéristiques du graphisme appliqué au Web et nous donne quelques conseils pour réaliser des contenus.lisibles, intelligibles et esthétiques.

Bien que familier avec les deux versants du graphisme web – à savoir : le graphisme & le web – force m’est de constater que ces deux versants d’une même montagne sont opposés, à l’instar de l’adret et l’ubac.

L’adret

Ma formation en communication visuelle m’a enseigné les règles typographiques, de mise en page, l’histoire de l’imprimerie et les différents mouvements qui ont heurté l’histoire du graphisme et de l’impression.

L’ubac

Mon expérience professionnelle dans le web m’a éduqué aux contraintes spécifiques du support : affichage sur écran divers et variés, dans des navigateurs qui sont également pléthore.

Un livre très instructif

Dès la première page, la connaissance nous submerge :

Avant que le livre ne prenne la forme que nous lui connaissons aujourd’hui,on utilisait le rouleau ou volumen [...]. Les scribes de l’époque alignaient des colonnes sur cette longue bande de papyrus que l’on déroulait d’un côté et enroulait de l’autre au fur et à mesure de la lecture. À bien y regarder, la pratique de la lecture propre à ce support que les anglophones appellent – accrochez-vous – scroll, en fait un cousin bien plus proche de la page web que ne le sera jamais votre livre de poche, descendant végétarien du codex en parchemin.

Et ce n’est qu’un extrait de la première page. Ce livre fourmille d’explications aussi simples que pointues pour comprendre et appréhender la mise en page sur le web. Un véritable retour aux fondamentaux – parfaitement documentés – qui devenait nécessaire. Je pense que cette lecture m’a fait progresser et c’est la meilleure raison qui soit pour faire l’éloge de ce livre plus qu’abordable.

Ce livre permet d’atteindre le sommet, ce point si compliqué à atteindre mais bel et bien le seul ou se rejoignent l’ubac et l’adret. Réconciliez le web et la mise en page avancée, lisez ce livre !

Dans la même lignée que "Typo & Web" précédemment évoqué, "Webgrids" traite - en résumé - de la mise en page web.

Plus en détail, le sous-titre est révélateur : "Structure et typographie de la page web". L'ouvrage revient aux fondamentaux de la mise en page, à ses racines historiques et culturelles dans le but de faire des parallèles évocateurs. La structure d'un document est abordée de manière complète, et les enjeux sont expliqués clairement et illustrés.

Le livre traite de tous les types de grilles : les règles imposées et comment les enfreindre, l'importance du rythme vertical, les à-priori et l'ordre établi qui règnent déjà sur un support pourtant bien jeune. Mais il y est également question de composition, des bonnes pratiques et des parti-pris potentiels, le tout de manière documentéé, illustrée et commentée.

C'est un ouvrage qui permet de conscientiser et théoriser les possibilités de composition, de structure et de typographie disponibles sur le web - et permet de réaliser qu'en définitive le web n'est pas aussi limité qu'on l'eût cru. Il s'adresse d'aileurs autant aux intégrateurs qu'aux graphistes et webdesigners.

http://www.alsacreations.com