Grille (mise en page)

Une grille typographique est une structure à deux dimensions, composée de séries d'axes verticaux et horizontaux se croisant. Elle est utilisée pour structurer un contenu.

Une grille typographique grille composée de séries d'axes verticaux et horizontaux s'intersectant.

Typographie arrangée « fer à gauche » le long de la grille.

La grille sert comme une armature sur laquelle un graphiste peut organiser textes et images de manière rationnelle et facile à comprendre. Le terme moins commun de « grille de référence » est un système sans rapport dont on trouve les origines dans les premiers jours de l'imprimerie.

Histoire

Antécédents

Avant l'invention de l'impression à la typographie au plomb, on utilisait de simples grilles basées sur des proportions optimales pour l'écriture à la main sur papier.

Construction du canon de division harmonieuse.

Au XIII^e siècle, Villard de Honnecourt, maître d'œuvre, a créé le « canon de division harmonieuse », utilisé en mise en page pour dessiner les proportions des marges dans le cadre de la page^[1]. Cette méthode est encore enseignée au XXI^e siècle^[2].

Évolution vers la grille moderne

Après la Seconde Guerre mondiale, un certain nombre de designers dont Max Bill, Emil Ruder, et Josef Müller-Brockmann, influencés par les idées de Jan Tschichold, dans son livre, Die neue Typographie (La Nouvelle Typographie), ont commencé à questionner la légitimité de la grille de mise en page de ce temps-là. Ils ont commencé à concevoir un système souple, capable d'aider les designers à obtenir une cohérence dans l'organisation de la page.

Le résultat en est la grille typographique moderne, associée au style typographique international. Le travail précurseur sur le sujet de Systèmes de grille pour le design graphique^[3], par Müller-Brockmann, a aidé à la propagation de l'utilisation des grilles en premier en Europe, et plus tard, en Amérique du Nord.

Usage dans le développement web

Si les systèmes de grille ont eu un usage important dans les médias imprimés, les développeurs web s'y sont récemment beaucoup intéressés. Un certain nombre de systèmes de grilles permet de spécifier une largeur fixe à des éléments.

Un certain nombre de frameworks CSS contiennent leur propre système de grille :

Notes et références

↑ Jan Tschichold (trad. Nicole Casanova), Livre et typographie. Essais choisis, Paris, Éditions Allia, 1994, 244 p. (ISBN 978-2-904235-81-8, lire en ligne), p. 60-66 [voir en particulier la figure 9, p. 63].
↑ Cours de typographie, « Les tracés régulateurs de Villard de Honnecourt pour un imprimé de luxe », sur Elephorm.com, 3 juillet 2014.
↑ Müller-Brockmann, Josef (1914-1996). et Passerini, Lucio. (trad. de l'allemand), Systèmes de grille pour le design graphique : un manuel pour graphistes, typographes et concepteurs d'expositions = stemi a griglia per la progettazione grafica : un manuale per grafici, tipografi et progettisti di spazi espositivi, Genève-Paris, Entremonde, 2017, 176 p. (ISBN 978-2-940426-35-5, OCLC 1008969453, lire en ligne)

[Tschichold_60-1] Jan Tschichold (trad. Nicole Casanova), Livre et typographie. Essais choisis, Paris, Éditions Allia, 1994, 244 p. (ISBN 978-2-904235-81-8, lire en ligne), p. 60-66 [voir en particulier la figure 9, p. 63].

[2] Cours de typographie, « Les tracés régulateurs de Villard de Honnecourt pour un imprimé de luxe », sur Elephorm.com, 3 juillet 2014.

[3] Müller-Brockmann, Josef (1914-1996). et Passerini, Lucio. (trad. de l'allemand), Systèmes de grille pour le design graphique : un manuel pour graphistes, typographes et concepteurs d'expositions = stemi a griglia per la progettazione grafica : un manuale per grafici, tipografi et progettisti di spazi espositivi, Genève-Paris, Entremonde, 2017, 176 p. (ISBN 978-2-940426-35-5, OCLC 1008969453, lire en ligne)

[1]

[2]

[3]