Fiche de révision : Maîtrise des principes de mise en page

📋 Plan du Cours

1. Art de la mise en page et équilibre
2. Grilles, marges et rythme de lecture
3. Choix du caractère et classifications typographiques
4. Calibrage du texte et comptage des signes
5. Hiérarchie typographique et titrage
6. Rapports texte image et mosaïque d’informations
7. Plan de page et chemin de fer graphique
8. Charte graphique : styles, alignements et couleur
9. Trame de composition, gabarits et renforts
10. Papier, encres, couleurs et procédés d’impression

📖 1. Art de la mise en page et équilibre

🔑 Notions clés & Définitions

• Lignes de forces : Les lignes de forces sont des repères fictifs qui servent d’appui pour positionner les éléments et guider l’équilibre visuel.
• Architecturer la surface : L’architecturer la surface consiste à organiser l’ensemble de la page comme une structure, afin de donner une cohérence à la composition.
• Regroupement des éléments : Le regroupement des éléments est une règle de composition qui privilégie la proximité entre éléments liés plutôt que leur dispersion.
• Justification des éléments : La justification des éléments est l’alignement cohérent des parties de la mise en page pour que texte et éléments associés se répondent visuellement.
• Gris typographique : Le gris typographique est la tache de densité créée par un bloc de texte, qui influence le poids visuel d’une zone.

📝 Points essentiels

• Composer consiste à disposer des éléments sur une surface donnée en recherchant un bon équilibre entre textes et illustrations.
• La composition s’appuie sur des lignes fictives appelées lignes de forces pour guider la mise en place des éléments.
• L’objectif principal est de regrouper les éléments plutôt que de les disperser sur la page.
• Les éléments doivent être justifiés entre eux, et une photo ne doit pas rester seule sans légende ni être décalée par rapport au texte qu’elle accompagne.
• Chaque élément a un poids pour l’œil, y compris via la densité des valeurs (un gris typographique peut peser moins qu’une illustration).
• Équilibrer ne signifie pas centrer parfaitement ni rendre la mise en page monotone : on peut créer un déséquilibre de surface pour attirer le regard, puis le rééquilibrer par les valeurs.

💡 Astuce mémo

Équilibre = lignes de forces + regroupement + justification ; le poids vient aussi du gris typographique.

📖 2. Grilles, marges et rythme de lecture

🔑 Notions clés & Définitions

• Grille typographique : Une grille typographique est un découpage invisible de la page qui organise où le texte et les images prennent place.
• Gouttière : Une gouttière est l’espace entre deux colonnes, intégré à la grille pour structurer la mise en page.
• Marge intérieur : La marge intérieur est le blanc placé du côté du petit fond, qui encadre la zone de texte dans la page.
• Marge extérieur : La marge extérieur est le blanc placé du côté du grand fond, qui encadre la zone de texte dans la page.
• Rythme de lecture : Le rythme de lecture est l’impression d’ordre et d’équilibre visuel qui rend la lecture plus rapide et moins fatigante.

📝 Points essentiels

• Une grille sert à équilibrer des carrés ou rectangles dans une surface rectangulaire pour positionner texte et images.
• La grille inclut marges, colonnes et gouttières, et sa complexité dépend de l’usage visé.
• Les grilles symétriques ou asymétriques se distinguent par la façon dont les marges se reflètent sur les pages opposées.
• Il faut garder une unité de mise en page sur toutes les pages pour conserver un cadre cohérent.
• Les marges se nomment marge intérieur (petit fond), marge haut (tête), marge extérieur (grand fond) et marge bas (pied).
• Pour créer un rythme agréable, on recherche des proportions régulières ou irrégulières des rectangles texte/photo par rapport aux marges et un équilibre noir/gris vs blanc à l’intérieur des zones.

💡 Astuce mémo

Grille = cadre invisible ; Marges = intérieur/haut/extérieur/bas ; Rythme = proportions + équilibre noir/gris et blanc.

📖 3. Choix du caractère et classifications typographiques

🔑 Notions clés & Définitions

• Police de caractère : Une police de caractère est un ensemble de caractères qui détermine la forme des lettres et donc la lisibilité du texte.
• Antique : L’Antique est une famille de caractères aux formes simples et très fonctionnelles, généralement sans empattement.
• Elzévir : L’Elzévir est une famille à empattement triangulaire inspirée de la calligraphie, née au XVème siècle.
• Didot : Le Didot est une famille à empattement filiforme, au style classique et rigoureux, associée à l’art grec et au siècle de Louis XIV.
• Bas de casse : Le bas de casse désigne la police de corps de texte, c’est-à-dire l’écriture en minuscules pour le texte courant.

📝 Points essentiels

• Une police de caractère doit être choisie pour sa lisibilité, car une police peu lisible fatigue la lecture.
• Une police n’a pas besoin d’être compliquée pour produire un impact : la lisibilité et le confort priment.
• Ne jamais imprimer le gros du texte en capitales ralentit la lecture, avec une vitesse annoncée environ trois fois plus faible.
• Chaque famille typographique correspond à une époque et un style, et il vaut mieux éviter de mélanger les familles.
• Exception : les caractères bâtons (sans empattements) peuvent se marier avec moins de risque.
• Pour le texte courant, une hiérarchie se crée avec des variantes d’une même famille (romaine, italique, gras, etc.).

💡 Astuce mémo

Lisibilité d’abord : « pas de capitales pour le gros du texte » (≈ 3× plus lent).

📖 4. Calibrage du texte et comptage des signes

🔑 Notions clés & Définitions

• Calibrage du texte : Le calibrage du texte est l’ajustement de la quantité de contenu (signes) pour obtenir un rendu équilibré dans une surface donnée.
• Force de corps : La force de corps désigne la taille d’un caractère, qui peut varier même si le caractère reste le même.
• Justification : La justification est le réglage de l’alignement du texte dans une largeur déterminée pour maîtriser le rendu visuel.
• Hiérarchie typographique : La hiérarchie typographique est l’organisation visuelle des éléments d’une page pour créer de l’ordre et de la clarté.
• Typographie de texte : La typographie de texte regroupe les choix de police et de mise en forme pensés pour une lecture confortable du contenu.

📝 Points essentiels

• On ne lit pas mot à mot : la lecture se fait souvent par groupes de mots et par mots reconnaissables.
• Le comptage des signes sert à estimer le calibrage d’un texte dans une surface donnée.
• Pour compter, on retient comme signes chaque lettre, chaque chiffre, chaque ponctuation et chaque espace entre deux mots.
• Le total s’obtient en multipliant le nombre de signes d’une ligne pleine par le nombre de lignes de l’article.
• Exemple : 68 signes par ligne en moyenne et 74 lignes donnent 5032 signes pour l’article.
• Le calibrage vise un équilibre visuel : on ajuste pour que le rendu global reste harmonieux.

💡 Astuce mémo

Signes = (ligne pleine) × (nombre de lignes) : pour calibrer, on additionne ce que “voit” la page.

📖 5. Hiérarchie typographique et titrage

🔑 Notions clés & Définitions

• Hiérarchie de l’information : La hiérarchie de l’information est l’organisation visuelle qui classe les contenus pour guider la lecture du plus important vers le moins important.
• Titrage : Le titrage regroupe les choix typographiques des titres et intertitres pour assurer une lecture claire et cohérente à l’échelle de la page.
• Espacement des lettres : L’espacement des lettres est l’ajustement de la distance entre caractères, utilisé pour conserver un rendu équilibré quand la taille du texte change.
• Espacement des mots : L’espacement des mots est l’ajustement de la distance entre mots, déterminant la densité visuelle du titrage et la perception de la taille.
• Couple texte image : Le couple texte/image désigne l’association entre contenu textuel et visuel, dont l’équilibre influence le message perçu par le lecteur.

📝 Points essentiels

• Même si les accroches sont libres, il faut garder un bon équilibre de structure et de hiérarchie pour que la mise en page reste lisible.
• Quand on augmente la taille d’une police de titrage, les lignes doivent tenir compte à la fois de l’espacement des lettres et de celui des mots pour éviter un rendu trop «grand».
• Le titrage peut être très libre, y compris en s’appuyant sur des mises en valeur originales de la typographie.
• Le couple texte/image fonctionne comme une logique de domination de surface : plus de texte renvoie à une posture sérieuse, plus d’image renvoie à la sensation.
• Un partage plus équitable texte/image vise une impression d’objectivité.
• En architecture, les images sont traitées comme informations spécialisées et sont mises en avant par rapport au texte.

💡 Astuce mémo

Titrage = Ajuste lettres + mots : si tu grossis, tu resserres/compenses pour garder la même «taille perçue».

📖 6. Rapports texte image et mosaïque d’informations

🔑 Notions clés & Définitions

• Code texte : Le code texte regroupe l’information transmise par le contenu écrit (titres, paragraphes, résumés) sur la page imprimée.
• Code image : Le code image regroupe l’information transmise par les visuels (illustrations, photos, plans) sur la même page imprimée.
• Mosaïque d’informations : La mosaïque d’informations est une organisation qui combine plusieurs niveaux de textes pour guider la lecture autour du texte principal.
• Textes repères : Les textes repères sont des éléments typographiques (titres, sous-titres, intertitres) qui orientent l’œil et signalent le contenu.
• Textes résumés : Les textes résumés sont des formulations condensées qui donnent l’essentiel de l’information en quelques lignes.

📝 Points essentiels

• Texte et image doivent véhiculer le même contenu sur la même page, même si le texte est réduit.
• La mosaïque d’informations comprend des textes repères, des textes résumés et des textes-incidents.
• Les textes repères guident le lecteur, l’avertissent des contenus et permettent de sauter des passages ciblés.
• Les textes résumés condensent l’essentiel en quelques lignes pour accélérer la compréhension.
• Les textes-incidents (en marge ou dans le corps) expriment des thèses saillantes via un encart ou un encadré.
• Le plan de page (chemin de fer) sert à anticiper le nombre et l’ordre des pages, la composition (marges, images, orientation) et le regroupement des idées par rubriques ou chapitres.

💡 Astuce mémo

Texte + image = même message; Mosaïque = Repères → Résumés → Incidents.

📖 7. Plan de page et chemin de fer graphique

🔑 Notions clés & Définitions

• Police de caractère : La police de caractère regroupe la forme des lettres et leurs variantes, qui structurent la lecture par la manière dont le texte est perçu.
• Corps de caractère : Le corps de caractère correspond à la taille typographique des lettres, qui influence directement la facilité de lecture et la perception visuelle.
• Invariants typographiques : Les invariants typographiques sont les règles de casse (majuscules et bas de casse) qui aident le lecteur à organiser son système de lecture.
• Justification du texte : La justification du texte décrit l’alignement des lignes, qui modifie la régularité du “chemin” visuel suivi par l’œil.
• Styles de paragraphes : Les styles de paragraphes sont des réglages enregistrés dans un logiciel de mise en page pour appliquer automatiquement une mise en forme cohérente.

📝 Points essentiels

• Au-dessus du corps 12, on passe dans des textes plutôt destinés à être lus, tandis qu’en dessous du corps 6 les difficultés viennent surtout de la dimension.
• Jusqu’au corps 14, il s’agit de lettres à lire, et au-dessus du corps 16 de lettres à voir.
• Les notes et légendes sont traditionnellement réglées avec une taille inférieure de 2 corps par rapport au texte courant.
• Le choix de la fonte (type de caractère) et de l’espacement, taille, graisse et genre modifie la lecture.
• Une typographie efficace cherche un équilibre entre objectif de communication et sensibilités esthétiques du moment.
• Vérifiez l’adéquation entre le sujet et la police choisie (ex. éviter une police de livre pour enfant pour un courrier administratif).

💡 Astuce mémo

Taille→usage : 12 (lecture) / 6 (dimension) ; 14 (lire) / 16 (voir).

📖 8. Charte graphique : styles, alignements et couleur

🔑 Notions clés & Définitions

• Styles de paragraphes : En mise en page, un style de paragraphe regroupe des réglages de texte (taille, couleur, césure, justification, alignement) appliqués à des blocs entiers.
• Styles de caractères : En mise en page, un style de caractères regroupe des réglages typographiques appliqués à des portions de texte pour garder une cohérence rapide.
• Alignements : En typographie, l’alignement détermine la façon dont les lignes de texte se positionnent par rapport aux marges ou à une grille.
• Trame de composition : En design de page, la trame de composition est une structure qui organise la mise en page à partir de marges, blancs et espaces entre éléments.
• Chemin de fer graphique : En mise en page, le chemin de fer graphique est le plan visuel qui anticipe la répartition des rubriques et des éléments sur la page.

📝 Points essentiels

• Après avoir défini polices, tailles, couleurs, césures, justifications et alignements par niveau (titre, sous-titre, paragraphe), on crée des styles pour standardiser la mise en forme.
• Une fois les styles enregistrés, on peut appliquer les modifications en un clic à tout le texte associé au style, ce qui améliore à la fois la précision et le temps de travail.
• Le format final du document impose des contraintes d’impression et influence l’efficacité de lecture, donc l’esthétique et la quantité de déchets.
• La trame doit intégrer marges et blancs, ainsi que les espaces entre colonnes, entre images, entre lettres et entre lignes pour préserver l’aération.
• La grille sert à positionner texte et images : elle inclut marges et gouttières et se compose de colonnes pour organiser la page.
• La charte peut inclure des éléments de renfort (1 ou 2 couleurs, filets, points) pour baliser les titres et aider au repérage, ainsi que des encadrés pour isoler des commentaires ou séries de schémas.

💡 Astuce mémo

Styles = “une définition, partout” ; Grille = “colonnes + marges + gouttières” ; Couleur = “balisage et repérage”.

📖 9. Trame de composition, gabarits et renforts

🔑 Notions clés & Définitions

• Filets et points : Éléments graphiques décoratifs qui servent à guider le regard et à renforcer le balisage d’un titre ou d’une mise en page.
• Encadrés : Blocs visuels utilisés pour isoler et identifier un commentaire ou une série de schémas mis en exergue.
• Papier couché : Type de papier enduit qui donne un aspect plus opaque grâce à une colle à base de kaolin.
• CMJN : Mode de couleurs basé sur cyan, magenta, jaune et noir pour décrire les teintes en impression.
• Pantone : Système de couleurs spécifiques qui doit être indiqué quand on vise un ton direct non reproductible uniquement en quadrichromie.

📝 Points essentiels

• Des filets et points peuvent être intégrés à une charte pour faciliter le repérage et augmenter la puissance plastique d’un titre.
• Des encadrés servent à isoler un commentaire ou une série de schémas afin de les mettre en évidence.
• Le choix du papier conditionne directement l’aspect final du livret, même si on n’y pense pas au départ.
• Le papier se caractérise aussi par son grammage (g/m²), qui influence fortement le rendu perçu.
• Les encres numériques (laser ou à encre) sont rapides et peu coûteuses, mais l’écran et l’impression peuvent différer, notamment sur les aplats.
• Les couleurs sont indiquées en CMJN, et les couleurs spécifiques doivent être précisées (ex. ton Pantone) pour des tirages en nombre confiés à un imprimeur.

💡 Astuce mémo

Balisage = Filets/Points + Encadrés ; Impression = Papier (aspect + grammage) + Couleurs (CMJN vs Pantone).

📖 10. Papier, encres, couleurs et procédés d’impression

🔑 Notions clés & Définitions

• Quadrichromie : La quadrichromie est un procédé d’impression en couleurs basé sur quatre encres pour reproduire une large gamme de teintes.
• Design bicolore : Un design bicolore est une mise en page utilisant deux couleurs, souvent un ton direct plus du noir, pour réduire le coût.
• Reliure cousue ou agrafée : La reliure cousue ou agrafée est un type de reliure qui assemble les pages sans dos, adapté aux livrets courts.
• Reliure à spirale : La reliure à spirale (ou à bande, ou par piqûre à plat) est un mode d’assemblage où les pages sont maintenues par un élément en spirale ou équivalent.
• Dos carré collé : Le dos carré collé est une reliure où le dos est collé, avec une couverture en carton léger, utilisée notamment pour brochures et portefolios.

📝 Points essentiels

• La quadrichromie est utilisée pour l’impression en couleurs, tandis qu’un design bicolore peut être plus efficace et moins coûteux avec un ton direct plus du noir.
• Avant de produire, vous devez anticiper le coût et l’efficacité de votre travail pour choisir la meilleure combinaison d’encres et de couleurs.
• La reliure consiste à rassembler et fixer les pages dans le bon ordre, avec souvent une page de couverture intérieure et extérieure pour protéger le contenu.
• La reliure cousue ou agrafée permet de fabriquer des livrets jusqu’à 80 pages et ne comporte pas de dos.
• La reliure à spirale (ou à bande, ou par piqûre à plat) constitue une autre option de reliure simple.
• La reliure en dos carré collé avec couverture en carton léger convient aux brochures et portefolios, avec un dos collé et une couverture rigide légère.

💡 Astuce mémo

Coût→couleurs : quadrichromie = riche, bicolore = économique (ton direct + noir).

📊 Tableaux de synthèse

Familles typographiques (repères de classification)

⚠️ Pièges & confusions fréquents

1. Croire que «équilibrer» veut dire centrer parfaitement : le cours insiste sur le déséquilibre de surface possible, puis le rééquilibrage par les valeurs.
2. Laisser une photo seule sans légende ou ne pas la positionner à l’aplomb du texte : c’est explicitement jugé inimaginable dans le cours.
3. Ignorer la pliure : ne pas éviter la zone de pliure pour le texte (et s’approcher trop près) rendrait la lecture illisible.
4. Mélanger plusieurs familles de caractères sans raison : le cours recommande d’éviter, sauf exception des caractères bâtons sans empattements.
5. Imprimer le «gros du texte» en capitales : la lecture est annoncée comme ralentie (trois fois moins rapide).
6. Confondre calibrage et simple mise en forme : le cours relie calibrage à la quantité de signes, à la justification et à la surface.
7. Oublier que la couleur peut devenir illisible (et la déficience rouge/vert) : on doit tester les combinaisons, pas seulement choisir «joli».

✅ Checklist Examen

1. Définir et appliquer : lignes de forces, architecturer la surface, regrouper, justifier, et expliquer le rôle du gris typographique et de la dominante des valeurs.
2. Expliquer comment une grille invisible organise marges, colonnes et gouttières, et distinguer grilles symétriques vs asymétriques selon la réflexion des marges.
3. Nommer les marges : marge intérieur (petit fond), haut (tête), marge extérieur (grand fond), bas (pied), et relier l’unité de mise en page à la réussite.
4. Décrire le rythme de lecture : proportions régulières/irrégulières des rectangles texte/photo, équilibre noir/gris vs blanc, et l’objectif de lecture plus rapide et moins fatigante.
5. Donner les repères de classification : Antique, Elzévir, Didot, Egyptiennes, Fantaisie, et rappeler la règle de ne pas mélanger les familles (sauf bâtons).
6. Rappeler les règles de titrage : typographie de titrage attire et peut être libre, mais doit conserver bon goût via équilibre, disposition, structure et hiérarchie.
7. Calculer un calibrage à partir du comptage des signes : compter lettres/chiffres/ponctuation/espaces, puis multiplier signes d’une ligne pleine par le nombre de lignes.
8. Lister les éléments classiques de hiérarchie typographique : titre, sous-titre, chapeau, corps de texte, légende, en tête, numéro de page, exergue, pied de page.
9. Expliquer le couple texte/image comme domination de surface (plus de texte = sérieux, plus d’image = sensation) et rappeler l’objectif de même contenu via deux codes.
10. Décrire la mosaïque d’informations : textes repères, textes résumés, textes-incidents, et le rôle du plan de page (chemin de fer) pour anticiper ordre, pages et regroupements.
11. Expliquer le chemin de fer graphique : anticiper nombre/ordre des pages, composition (marges, images, orientation, symétrie), et regroupement par rubriques/chapitres.
12. Décrire la charte graphique : choix des polices et invariants typographiques, règles de taille (au-dessus corps 12/14/16, notes et légendes -2 corps), styles de paragraphes/caractères, et contraintes de format, papier, d
13. encres et couleurs (CMJN vs Pantone).