Composition et mise en page : exercices corrigés de CAP

Les trois supports sont des espaces donnés dans lesquels on dispose un contenu : c'est la définition de la mise en page, qui s'applique aussi bien à une feuille, à une planche de bande dessinée qu'à des pages web ².

Sur la page de magazine, on place par exemple un titre et une photographie. On peut aussi citer le texte principal, les marges ou une légende.

La mise en page vient après la collecte et la composition du contenu, et elle précède souvent l'impression ². Elle peut toutefois être prévue avant la composition si le cadre est prédéfini : dimensions des colonnes, styles de texte, place des illustrations ².

Largeur utile : $210 - 2\times 20 = 170$ mm.

Hauteur utile : $297 - 2\times 20 = 257$ mm.

Aire de la zone utile : $170\times 257 = 43\,690$ mm².

Largeur utile : $210 - 2\times 18 = 174$ mm.

Trois colonnes, donc deux gouttières : $2\times 6 = 12$ mm.

Largeur restante pour les colonnes : $174 - 12 = 162$ mm.

Largeur d'une colonne : $162 \div 3 = 54$ mm.

Signes par colonne : $50\times 30 = 1\,500$.

Signes par page : $2\times 1\,500 = 3\,000$.

Nombre de pages : $6\,000 \div 3\,000 = 2$.

Trois blocs empilés sont séparés par deux espaces : $2\times 10 = 20$ mm.

Hauteur déjà occupée : $30 + 90 + 20 = 140$ mm.

Hauteur restante pour le texte : $240 - 140 = 100$ mm.

Classement possible : le nom du groupe, la photographie, la date et le lieu, le logo. Ce classement dépend de ce que l'affiche doit faire passer en premier ; l'important est qu'il soit assumé.

Croquis : nom du groupe en grand dans le tiers haut ; photographie dessous, sur la largeur de la zone utile ; date et lieu regroupés en un bloc sous la photographie ; logo petit, en bas, dans un angle. Les repères de ton gabarit alignent ces blocs.

Choix de taille : le nom du groupe est le plus grand, pour être lu de loin et donner l'entrée de lecture. Choix d'espace : un vide autour du bloc date et lieu le détache du reste et évite que l'œil le confonde avec le logo.

Aire de l'image : $120\times 80 = 9\,600$ mm².

Aire de la zone utile : $170\times 257 = 43\,690$ mm².

Part occupée : $\dfrac{9\,600}{43\,690}\times 100 \approx 21{,}97$ %.

Interprétation : l'image couvre un peu plus d'un cinquième de la zone utile. Elle est visible mais ne domine pas : pour en faire l'élément principal, il faudrait l'agrandir ou la placer seule dans une grande partie de la page.

Le rouleau de papyrus est resté longtemps la forme la plus répandue pour les textes longs ². Avec le parchemin, plus souple et résistant, apparaît le codex, ancêtre du livre : les feuilles sont pliées et assemblées en cahiers reliés, et l'on peut écrire sur les deux faces ². Il s'impose pleinement à partir du Ve siècle ².

À l'époque des copistes, la mise en page se faisait à la main, avec enluminures, marges, titres et notes ². L'imprimerie apporte de nouvelles méthodes et règles : la composition en plomb perd en fantaisie et en liberté, mais gagne en rigueur et en lisibilité ².

Au XXe siècle, avec les théoriciens du Bauhaus et ceux qui s'en inspirent, comme Jan Tschichold, la mise en page devient l'objet d'une étude spécifique ². Des tendances apparaissent, par exemple la typographie suisse des années 1960, qui privilégie rigueur, clarté et colonnes alignées ².

Le passage au numérique a modifié sensiblement la manière d'organiser l'information sur un document, et les logiciels offrent des possibilités différentes de celles du travail manuel ². La page web fait d'ailleurs partie des espaces que la mise en page doit organiser ².

Sur un écran étroit, trois colonnes seraient illisibles : on les empile en une seule colonne. L'ordre de lecture reste identique : titre, image, texte principal, informations pratiques, logo. Les espaces verticaux séparent les groupes.

Pour préparer la proposition, tu peux utiliser des crayons et feutres pour le croquis, puis un logiciel de mise en page ou de dessin pour la version propre ¹.