Utilisez une grille de mise en page, il en restera toujours quelque chose

Contrairement à l’imprimé où le langage de description de page Postscript d’Adobe est un standard, il n’existe pas sur le web de dispositif « officiel » pour créer des colonnes à l’épreuve des différences de rendu entre les agents utilisateurs (les navigateurs). Toutefois, des webdesigners talentueux ont mis en place des systèmes de grilles adaptés au web. Ces frameworks CSS — qui ont popularisé le placement des blocs sur une grille — ont fait (re)découvrir aux concepteurs de sites web que le design graphique est une pratique plusieurs fois millénaire qui a forgé ses propres règles pour que le contenu devienne message grâce au contenant.

Si les grilles se sont rapidement imposées c’est qu’on les trouve dans les meilleures productions graphiques (sur le web ou ailleurs). Leur absence n’est pas synonyme de travail de moindre qualité, mais il est indéniable qu’elles permettent de donner un aspect professionnel à une direction artistique banale.

Ces grilles sont une habitude pour celles et ceux qui viennent du monde de l’imprimé : des logiciels comme XPress ou InDesign encouragent la mise en place de gabarits à partir de marges, de colonnes et de gouttières. C’est d’ailleurs une pratique courante dans les logiciels de proposer des réglages de base dès la création d’un nouveau document.

Les professionnels du web ont tendance à se servir d’éditeurs en mode texte pour saisir le code HTML et CSS  nécessaire à l’intégration d’une charte graphique (cf. 30+ éditeurs HTML plus ou moins WYSIWYG). Toutefois, des logiciels comme Dreamweaver ou BlueGriffon proposent de spécifier quelques paramètres lors de la création d’un nouveau document .

Ces réglages initiaux m’ont rappelé les options proposées par l’utilitaire Boks qui permet de générer en quelques clics l’ensemble des fichiers du framework CSS Blueprint. Il suffit de déterminer la largeur de l’empagement et de la gouttière et que le nombre de colonnes.

Pour tout savoir ou presque sur les grilles de mise en page, The Grid System propose une sélection de ressources : sélection d’articles, outils, livres, modèles de grilles, etc. Profitez-en pour afficher la grille du site et admirer comment l’auteur la faire vivre selon les rubriques.

PS : Travailler avec une grille, n’implique pas forcément de passer par un framework CSS pour l’intégration web.