Introduction to Page Layout: Grids, Column Systems, and Margins
Ce qui distingue un design amateur d’une page de magazine professionnel, ce ne sont pas les ornements, les effets pailletés ou les boîtes colorées. La différence entre eux réside dans l’ordre mathématique invisible qui se cache derrière la page professionnelle. Quel que soit le plan de zonage qui assure l'harmonie des rues, des bâtiments et des places lors de la visite d'une ville ; Nous appelons « Grille » le réseau de règles invisibles dans lequel les articles, photographies et titres sont alignés sur la page du magazine. Une mise en page réalisée sans grille est comme des déchets soufflés par le vent qui collent au papier.
Ce que vous apprendrez dans cette leçon
- Comprendre la philosophie Grid et les mathématiques multicolonnes dans la conception de magazines
- Empêcher le texte d'être intégré dans l'habillage en calculant correctement les marges et les gouttières
- Aligner parfaitement les éléments de la page (titre, texte, image) sur une grille commune
Qu’est-ce que la grille ? Le squelette invisible de la page
Le système Grid, présenté au monde par l'école suisse de design graphique moderne, consiste à diviser la zone de la page en un échiquier modulaire avec des lignes de guidage verticales et horizontales. Dans un magazine, toutes les pages ne sont pas réinventées ; Un modèle de grille commun à 3, 4 ou 6 colonnes apparaît tout au long du numéro.
Lorsque vous placez une image, vous ne la laissez pas dans un endroit aléatoire ; Vous dites : « Cette photo fera 2 colonnes de large, le titre s'étendra sur 3 colonnes ». Ainsi, un rythme visuel parfait et un ordre d'entreprise sont construits qui détendent les yeux du lecteur de la page 1 à la page 80 du magazine.
Architecture des colonnes et longueur de ligne
Pourquoi les articles des magazines sont-ils imprimés sur 2 ou 3 colonnes plutôt que sur une seule ligne du début à la fin ? Parce que l’œil humain atteint physiologiquement son plus grand confort lorsqu’il lit un maximum de 50 à 70 caractères (environ 9 à 12 mots) sur une seule ligne.
Si vous prolongez la ligne d'un bout à l'autre de la page A4 (80 à 90 mots), l'œil du lecteur perdra la ligne et se fatiguera à mesure qu'il passera de la fin de la ligne au début de la ligne suivante. La structure à 2 ou 3 colonnes permet au regard de descendre de manière rythmée et rapide.
Marges et catastrophe des gouttières
L'erreur la plus tragique que commettent les concepteurs débutants est de maintenir les marges proches de zéro et d'étendre le texte jusqu'au bord de la page. La marge est le cadre de la page ; C'est le passe-partout qui sépare le tableau du mur.
Une attention particulière doit être portée à la « Gouttière » (marge intérieure). Lorsque le magazine est agrafé ou relié avec de la colle, les pages s'enroulent vers l'intérieur. Si vous ne laissez pas suffisamment d'espace dans la marge intérieure, les premiers mots des phrases se perdront dans le pli sombre du volume et le lecteur devra le déchirer à deux mains pour pouvoir lire le magazine.
Pourquoi le nombre de pages de magazine devrait-il être de 4 et un multiple de 4 ? (La logique des uniformes et la préparation de l'avenir)
La règle la plus fondamentale de l'édition, qui émane de l'imprimerie, est que le nombre de pages doit être prévu par 4 ou multiples de 4 (12, 16, 20, 24, 32, 48, 64, etc.). La raison en est la géométrie du papier : lorsque vous pliez une feuille de papier en deux, vous obtenez exactement 4 pages recto et verso. Dans l'imprimerie, les papiers sont imprimés sur de grandes feuilles appelées « formulaires ». Si votre magazine est conçu pour avoir 23 pages, l'imprimerie devra le compléter à 24 pages, laissant 1 page blanche étrange, vide et dénuée de sens au dos du magazine ; De plus, la moisissure et le papier-monnaie sont payés en vain.
En édition numérique, vous pouvez publier votre magazine en toute liberté sur MagPublish avec le nombre de pages que vous souhaitez ; Qu'il s'agisse d'une newsletter de 3 pages ou d'un e-zine de 5 pages, MagPublish affiche n'importe quel format de manière flexible et transparente. Alors pourquoi devrions-nous nous en tenir dès le début à des multiples de 4 lorsque nous travaillons en numérique ? Réponse : C’est une préparation à l’avenir et à une vision professionnelle. Pour un magazine d'école, de campus ou de club que vous avez lancé sous forme numérique, si un jour vous dites : « Faisons 50 éditions souvenirs de ce numéro pour la bibliothèque de l'école et les auteurs », vous n'aurez pas à ruiner complètement la mise en page lorsqu'un sponsor ou une association d'anciens élèves trouvera un budget et décidera d'aller à l'imprimerie ou de préparer un plan. Si le nombre de pages est défini dès le début comme un multiple de 4, vous pouvez envoyer le magazine en impression instantanément sans changer ne serait-ce qu'une seule virgule.
Racines anciennes de la mise en page : Mıstara, règle d'or et hiérarchie calligraphique
Le monde du design moderne a systématisé le concept de « système de grille » avec l'école suisse du XXe siècle ; Cependant, dans les arts du livre ottomans et dans les miniaturistes de palais des XVe et XVIe siècles, la mise en page était appliquée selon un ordre mathématique. Avant de commencer à écrire, les calligraphes et les enlumineurs impriment au dos du papier un motif en forme de grille filetée appelé « Mıstara » ; Ils ont déterminé la hauteur des lignes, l’espacement des lignes et la largeur des colonnes avec une précision millimétrique.
Les bordures « règle » dorées et bleu foncé dessinées autour du texte sont l’ancêtre de la discipline des marges et des bordures dans la mise en page moderne. De plus, la combinaison du grand et digne « Celi Sülüs » utilisé dans le titre d'un magazine et de la ligne agile « Nesih » utilisée dans le corps ; La hiérarchie actuelle des polices Display/Body est la loi typographique universelle découverte il y a des siècles par des maîtres tels que Şeyh Hamdullah et Ahmed Karahisârî.
Perspectives d'experts et sources
Cheikh Hamdullah, intitulé « Kıblatü'l-Küttâb » (Qibla des calligraphes) ; Il a transformé l'écriture en une architecture vivante avec l'ordre esthétique qu'il a apporté à Aklâm-ı Sitte (six types d'écriture). Avec « mistara » (règle de grille filetée) et bordures dorées « règle » utilisées dans la mise en page ; Il a établi la hiérarchie parfaite des pages des siècles avant le système de grille moderne de l’Occident.
Point clé pour cette leçon : Ne placez pas la typographie au hasard dans la mise en page ; Créez la hiérarchie entre la police du titre et la police du corps et le nombre d'or des marges avec la minutie d'une planche de calligraphie.
L'approche développée par Tschichold pour Penguin repose sur l'établissement de règles communes pouvant être appliquées à l'ensemble de la série de publications, plutôt que sur la décoration de couvertures individuelles. Considérer le recto, le verso et le verso ensemble fait de l’identité visuelle un système.
Point clé pour cette leçon : Au lieu de réinventer chaque page dans la conception d'un magazine, établissez un système cohérent de deux-points, d'espaces, de titres et de règles de style.
L'approche de conception d'informations de Vignelli est basée sur la rendre compréhensible un contenu complexe avec un petit nombre de décisions visuelles cohérentes. Système puissant ; Cela fait fonctionner ensemble la typographie, l’alignement et la hiérarchie.
Point clé pour cette leçon : Aidez le lecteur à se concentrer plus facilement sur le texte en utilisant une petite taille de police et une structure de colonnes cohérente dans la mise en page.
Application pratique et cas d'étude
Dans les proportions typographiques qu'il a conçues pour Penguin Books et l'édition moderne, Jan Tschichold a appliqué le canon classique des pages, dans lequel les marges des pages sont réparties selon le nombre d'or (1:1,618) ; Même sans aucune décoration, les pages se sont transformées en œuvres d'art rien qu'avec ces espaces vierges.
Remarque : Les exemples non cités sont des scénarios pédagogiques pour illustrer la méthodologie éditoriale ; les noms et chiffres sont illustratifs.
Avertissements éditoriaux critiques et pièges
- Ne fermez pas les guides de grille et ne placez pas les éléments de page de travers à la main.
- N'oubliez pas de calculer la gouttière et de faire couler le texte dans la reliure.
- Ne transformez pas le magazine en parc d'attractions en utilisant des colonnes de numéros différents et de largeurs non pertinentes sur chaque page.
Résumé de la leçon et points clés
- La grille est le squelette mathématique invisible qui aligne tous les éléments visuels de la page.
- La structure à 2 ou 3 colonnes maximise le confort de lecture avec une longueur de ligne idéale de 50 à 70 caractères.
- Les gouttières et les marges sont des zones de sécurité vitales qui empêchent le texte de rester coincé dans la reliure.
Avez-vous terminé cette leçon ?
Vous pouvez passer directement à la leçon suivante. Les marque-pages, quiz et certificats sont accessibles aux étudiants inscrits à notre programme 100% gratuit.