Une grille est une structure de lignes servant à aligner les éléments graphiques. Elle divise une page en colonnes, lignes et marges, offrant ainsi au graphiste un système pour la mise en page du contenu. Le graphiste suisse Josef Müller-Brockmann a formalisé les principes des grilles dans les années 1960, et son ouvrage « Grid Systems in Graphic Design » demeure une référence incontournable. Journaux, magazines et sites web utilisent tous des grilles, même si leur usage varie.

Une grille classique comporte des colonnes, des gouttières et des marges. Les colonnes contiennent le contenu. Les gouttières séparent les colonnes. Les marges encadrent la page. Une grille à 12 colonnes est courante sur le web car elle se divise en deux, trois, quatre et six parties égales. Les graphistes peuvent utiliser plusieurs colonnes pour un contenu plus large ou une seule colonne pour un texte plus étroit. La grille n'impose pas la mise en page. Elle fournit une structure que le graphiste peut suivre, adapter ou transgresser volontairement. S'affranchir de la grille peut s'avérer très efficace. Une image pleine page qui ignore les colonnes attire l'attention précisément parce qu'elle rompt la structure.

Composants de la grille

• Colonnes : bandes verticales pour le contenu.
• Gouttières : espaces entre les colonnes.
• Marges : bords extérieurs de la mise en page.
• Grille de base : lignes horizontales pour l’alignement du texte.

Une grille n'est pas une cage. C'est un outil permettant de prendre des décisions plus rapidement et de maintenir une mise en page cohérente sur plusieurs pages ou écrans.