Design, typographie et gestion visuelle (12)
Mise en page et systèmes de grille : construire la hiérarchie visuelle
L'école suisse de design graphique, l'architecture de la grille à 12 colonnes et le rythme des pages. Transformer des textes complexes en équilibre visuel.
Que trouverez-vous dans cette section ?
- Maîtriser les principes du design graphique suisse et du Style typographique international.
- Calculer des grilles modulaires à 12 colonnes, des grilles de ligne de base et des marges au nombre d'or.
- Guider le mouvement de l'œil sur les doubles pages grâce aux schémas de lecture en Z et en F.
Les systèmes de grille : l'architecture invisible des doubles pages
Dans la Suisse des années 1950, des visionnaires comme Josef Müller-Brockmann et Emil Ruder ont formulé le Style typographique international (style suisse). Leur principe fondamental reste révolutionnaire : un design magistral n'est pas le fruit d'un caprice décoratif, mais de l'ordre mathématique, de l'équilibre rationnel et d'une architecture de grille modulaire.
Lorsqu'un lecteur ouvre une double page de magazine et ressent une clarté sans effort, c'est une grille rigoureusement calculée qui est à l'œuvre.
Anatomie d'une grille éditoriale
- La grille modulaire à 12 colonnes : divisible par 2, 3, 4 et 6, la grille à 12 colonnes est le fondement éditorial ultime. Elle permet à un visuel principal de 8 colonnes de coexister harmonieusement avec un bloc de texte de 3 colonnes en dessous.
- La grille de ligne de base : le battement de cœur typographique. Généralement calée sur des incréments de 12 pt ou 14 pt, elle garantit que chaque ligne de texte s'aligne avec une précision mathématique d'une colonne à l'autre.
- Marges proportionnelles et architecture des gouttières : la gouttière intérieure (réserve de reliure), les marges extérieures et les en-têtes doivent s'équilibrer. La marge intérieure est calibrée plus étroite que la marge extérieure pour préserver l'équilibre des doubles pages.
Le parcours de l'œil : schémas en Z et en F
- Entrée principale (visuel principal) : l'œil humain se pose invariablement d'abord sur l'ancrage visuel le plus contrasté.
- Capture secondaire (grand titre) : la typographie thématique principale et le sous-titre.
- Balayage tertiaire (citations en exergue et légendes) : les citations mises en avant à fort rendement et les annotations d'images.
- Flux soutenu (corps du texte) : l'immersion dans les colonnes de lecture approfondie.
Consigne InDesign et Figma : ne placez jamais vos éléments au jugé. Établissez vos repères de ligne de base, verrouillez votre grille de colonnes et magnétisez tous les blocs sur ce squelette structurel. Vous devez maîtriser parfaitement la grille avant de mériter le droit de la briser.
Points essentiels
Une grille n'est pas une prison ; c'est la charpente architecturale invisible qui rend possible une vraie liberté créative.
Une grille de ligne de base garantit l'alignement microscopique des lignes de texte entre colonnes voisines.
L'image principale dominante ancre l'entrée du regard ; l'œil glisse vers le titre, puis s'écoule naturellement dans le corps du texte.