{"id":629,"date":"2022-10-03T06:45:11","date_gmt":"2022-10-03T06:45:11","guid":{"rendered":"https:\/\/ressources.antichambre.net\/?p=629"},"modified":"2022-10-03T11:00:35","modified_gmt":"2022-10-03T11:00:35","slug":"mise-en-page","status":"publish","type":"post","link":"https:\/\/ressources.antichambre.net\/index.php\/2022\/10\/03\/mise-en-page\/","title":{"rendered":"Mise en page"},"content":{"rendered":"<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-x-large-font-size has-system-font-font-family\">Mise en page<\/h2>\n\n\n<p><\/p>\n\n\n\n<p><strong>Blanc tournant<\/strong><br>C\u2019est le blanc que l\u2019on laisse autour de la partie imprim\u00e9e et le bord de la page, ce sont les marges autour de la mise en pages du texte et des illustrations.<\/p>\n\n\n\n<p><strong>Les petits fonds et grands fonds<br><\/strong>Le petit fond correspond \u00e0 la marge int\u00e9rieure des pages. Il est \u00e0 gauche sur les pages impaires et \u00e0 droite sur les pages paires. Il est toujours plus petit que le grand fond, qui lui est la marge ext\u00e9rieure des pages. Cette r\u00e8gle vise \u00e0 centrer le regard du lecteur \u00e0 l\u2019int\u00e9rieur du livre.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/petits-grands-fonds.jpg\" alt=\"\" class=\"wp-image-630\" srcset=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/petits-grands-fonds.jpg 960w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/petits-grands-fonds-300x169.jpg 300w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/petits-grands-fonds-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Si vous voulez scrupuleusement respecter les r\u00e8gles de la mise en page, la justification de votre texte devra occuper les deux tiers de la largeur du livre. C\u2019est ce que pr\u00e9conise le&nbsp;<em>Canon des ateliers<\/em>&nbsp;dans la version dite&nbsp;<em>de luxe<\/em>&nbsp;c\u2019est-\u00e0-dire celle qui comporte les plus beaux blancs. Avec la reliure allemande, il est pr\u00e9f\u00e9rable de privil\u00e9gier cette version pour les raisons expliqu\u00e9es ci-dessus. Si la largeur du livre mesure 5,25 pouces, le texte sera justifi\u00e9 sur 3,5 pouces. Si vous voulez gagner de la place pour que votre livre comporte moins de pages, vous pourrez toutefois utiliser la version dite&nbsp;<em>Imprim\u00e9 courant<\/em>o\u00f9 la justification occupera les trois quarts de la largeur du livre. Nous ne vous pr\u00e9senterons ici que les calculs de la version&nbsp;<em>de luxe<\/em>&nbsp;qui est incontestablement la plus \u00e9l\u00e9gante.<\/p>\n\n\n\n<p>En ce qui concerne la r\u00e9partition entre petit fond et grand fond, vous trouverez toutes sortes de m\u00e9thodes. Elles se basent en g\u00e9n\u00e9ral sur des suites de chiffres de type 1, 1, 2, 3, 5, 8 o\u00f9 les chiffres s\u2019additionnent deux \u00e0 deux pour produire le chiffre suivant (1+1=2, 1+2=3, 2+3=5 et 3+5=8). Dans ce cas, le petit fond sera \u00e9gal \u00e0 2, le blanc de t\u00eate \u00e0 3, le grand fond \u00e0 5 et le blanc de pied \u00e0 8. D\u2019autres pr\u00e9f\u00e9reront la s\u00e9rie 2, 3, 4, 5 ou 2, 3, 4, 6.<\/p>\n\n\n\n<p>En ce qui nous concerne, nous avons choisi la s\u00e9rie 4, 5, 6, 7. Les chiffres 4 et 6 \u00e9tant r\u00e9serv\u00e9s pour le calcul du petit et du grand fond, 5 et 7 pour le calcul des blancs de pied et de t\u00eate. Cette m\u00e9thode est inspir\u00e9e de l\u2019ouvrage de Pierre DUPLAN &amp; Roger JAUNEAU,\u00a0<em>Maquette et mise en page<\/em>, \u00c9ditions du Moniteur, Paris, 1986.<\/p>\n\n\n\n<p>Voici la r\u00e8gle de calcul que nous pr\u00e9conisons :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Justification\u00b2 du texte = largeur du livre x\u00a0(2\/3)<\/li><li>Le blanc restant \u00e0 r\u00e9partir = largeur du livre x (1\/3)<\/li><li>Petit fond = blanc \u00e0 r\u00e9partir x (4\/10)<\/li><li>Grand fond = blanc \u00e0 r\u00e9partir x (6\/10)<\/li><\/ul>\n\n\n\n<p><strong>Une m\u00e9thode plus souple : la construction en lignes<\/strong><br>Vous pouvez aussi dessiner les diagonales comme sur le dessin ci-dessous. Cette m\u00e9thode vous donnera plus de latitude pour r\u00e9partir vos blancs de fa\u00e7on diff\u00e9rente, mais il est probable que vous ne vous \u00e9loignerez pas tellement des r\u00e8gles indiqu\u00e9es ci-dessus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/rapido-point-de-depart.jpg\" alt=\"\" class=\"wp-image-631\" srcset=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/rapido-point-de-depart.jpg 960w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/rapido-point-de-depart-300x169.jpg 300w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/rapido-point-de-depart-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p><strong>La grille de mise en page<br><\/strong>La grille de mise en page a \u00e9t\u00e9 th\u00e9oris\u00e9e par le graphiste suisse Joseph Muller Brockmann dans les ann\u00e9es 1960, notamment dans son ouvrage Grid Systems in Graphic Design. Elle permet de d\u00e9couper le format dans sa largeur (et plus tard dans sa hauteur) en plusieurs parties \u00e9gales, s\u00e9par\u00e9es par des espaces verticaux. L\u2019usage des colonnes ainsi cr\u00e9\u00e9es permet de travailler avec des \u00ab\u00a0zones\u00a0\u00bb, proportionnelles entre elles, ce que l\u2019\u0153il du lecteur per\u00e7oit imm\u00e9diatement.<\/p>\n\n\n\n<p>Pour consulter l\u2019ouvrage, c\u2019est ici :\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.nundesign.fr\/wp-content\/uploads\/2018\/07\/grid_systems_in_graphic_design.pdf?x62410\" target=\"_blank\">Grid Systems in Graphic Design<\/a><\/p>\n\n\n\n<p>Primordialement, il faut consid\u00e9rer la lisibilit\u00e9 du texte. Une ligne est constitu\u00e9e d\u2019un certain nombre de signes, espace compris. Si la longueur de la ligne (on parle de sa \u00ab\u00a0justification\u00a0\u00bb) est trop longue, l\u2019\u0153il se fatigue beaucoup plus vite.\u00a0<strong>Au-del\u00e0 de 60 \u00e0 80 signes<\/strong>, la longueur devient trop importante et l\u2019\u0153il se d\u00e9courage. Bien qu\u2019elle ne soit pas la seule composante de la lisibilit\u00e9, la grille, et donc l\u2019agencement dans la page qu\u2019elle sous-tend,\u00a0<strong>contribue grandement \u00e0 la lisibilit\u00e9<\/strong>. Le retour \u00e0 la ligne imprime un rythme \u00e0 la lecture. Il op\u00e8re des relances naturelles qui permettent de garder la concentration du lecteur. Mais ce n\u2019est pas tout. Un pav\u00e9 de texte compos\u00e9 en justification courte semble plus \u00ab\u00a0digeste\u00a0\u00bb que le m\u00eame texte compos\u00e9 en justification longue. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"240\" src=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/signeparligne-1024x240.jpg\" alt=\"\" class=\"wp-image-632\" srcset=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/signeparligne-1024x240.jpg 1024w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/signeparligne-300x70.jpg 300w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/signeparligne-768x180.jpg 768w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/signeparligne.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Goutti\u00e8res<br><\/strong>La grille permet, par ses goutti\u00e8res (espace entre chaque colonne), de faire circuler les blancs dans la page. Et cette respiration est cruciale, notamment lorsque la quantit\u00e9 de texte mise en page est importante. Pourquoi\u00a0? Tout simplement parce que\u00a0<strong>les blancs segmentent l\u2019information et permettent de faire respirer la page<\/strong>. Si l\u2019on ajoute aux goutti\u00e8res qui s\u00e9parent les colonnes les sauts de lignes et sauts de paragraphes, on obtient naturellement une circulation des blancs qui rythme la page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"413\" src=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/circulationdesblancs-1024x413.jpg\" alt=\"\" class=\"wp-image-633\" srcset=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/circulationdesblancs-1024x413.jpg 1024w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/circulationdesblancs-300x121.jpg 300w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/circulationdesblancs-768x310.jpg 768w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/circulationdesblancs.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Le rythme<\/strong><br>Comme en musique, le rythme est un \u00e9l\u00e9ment constitutif de la mise en page. L\u2019une de ses particules \u00e9l\u00e9mentaires, au m\u00eame titre que le contraste ou la perception color\u00e9e. Mais le contraste est la notion qui am\u00e8ne le rythme. Car comment rythmer sans faire dialoguer les oppos\u00e9s. Noir \/ blanc, ombre \/ lumi\u00e8re, chaud \/ froid, rapide \/ lent, etc.<strong>\u00a0Mais qui dit rythme, dit aussi r\u00e9p\u00e9tition, cycle et, partant, ordre.<\/strong>\u00a0Car comme l\u2019\u00e9crit si bien Adrien Frutiger, dans \u00ab\u00a0l\u2019Homme et ses signes\u00a0\u00bb, l\u2019ordre est partout de l\u2019infiniment petit \u00e0 l\u2019infiniment grand. Aussi convient-il de s\u2019en pr\u00e9occuper, au minimum, voire de chercher \u00e0 le ma\u00eetriser.<\/p>\n\n\n\n<p><strong>Or qu\u2019est-ce que le rythme si ce n\u2019est le rapport entre le fragment et le tout<\/strong>, entre la partie et totalit\u00e9\u00a0? On n\u2019imagine pas une musique qui changerait huit\u00a0fois de rythme.\u00a0La m\u00eame r\u00e8gle est vraie pour la mise en page\u00a0: la grille qui est la trame du rythme ne doit pas \u00eatre chang\u00e9e au gr\u00e9 de la mise en page, au risque que l\u2019ensemble ne devienne \u00e9pileptique. Mais allons plus loin\u00a0: la grille, comme le tempo, est le cycle invisible qui sous-tend l\u2019ensemble de la structure. Elle se divise proportionnellement, se marque ou ne se marque pas, se fusionne, se syncope, etc. Il est important de s\u2019en souvenir lorsque l\u2019on compose.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"351\" src=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/rythme-1024x351.jpg\" alt=\"\" class=\"wp-image-634\" srcset=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/rythme-1024x351.jpg 1024w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/rythme-300x103.jpg 300w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/rythme-768x263.jpg 768w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/rythme.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"387\" src=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/exempleMEP-1024x387.jpg\" alt=\"\" class=\"wp-image-635\" srcset=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/exempleMEP-1024x387.jpg 1024w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/exempleMEP-300x113.jpg 300w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/exempleMEP-768x290.jpg 768w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/exempleMEP.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Grille multi-colonnes<\/strong><br>Simple grille qui divise dans sa largeur. On trouve r\u00e9guli\u00e8rement des grilles de deux \u00e0 douze colonnes. Quelques fois, seize colonnes, et plus rarement vingt-quatre.\u00a0Voici une cinq colonnes qui permet de positionner les contenus en gardant un rapport asym\u00e9trique de la page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"800\" src=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/grille-multicolonne.jpg\" alt=\"\" class=\"wp-image-636\" srcset=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/grille-multicolonne.jpg 750w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/grille-multicolonne-281x300.jpg 281w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Grille modulaire<\/strong><br>La grille modulaire est un d\u00e9coupage du format en plusieurs modules, en g\u00e9n\u00e9ral rectangulaires. Ces modules sont ensuite utilis\u00e9s par 1, 2, 3, 4 etc. Cette grille permet non seulement de segmenter le contenu dans la largeur mais aussi d\u2019avoir des points de rep\u00e8res dans la hauteur de la page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"800\" src=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/grille-modulaire.jpg\" alt=\"\" class=\"wp-image-637\" srcset=\"https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/grille-modulaire.jpg 750w, https:\/\/ressources.antichambre.net\/wp-content\/uploads\/2022\/10\/grille-modulaire-281x300.jpg 281w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Blanc tournantC\u2019est le blanc que l\u2019on laisse autour de la partie imprim\u00e9e et le bord de la page, ce sont les marges autour de la mise en pages du texte et des illustrations. Les petits fonds et grands fondsLe petit fond correspond \u00e0 la marge int\u00e9rieure des pages. Il est \u00e0 gauche sur les pages [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[38,37,44,31,43,39],"class_list":["post-629","post","type-post","status-publish","format-standard","hentry","category-techniques","tag-couleur","tag-encre","tag-format","tag-imprimerie","tag-profil-couleur","tag-technique"],"_links":{"self":[{"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/posts\/629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/comments?post=629"}],"version-history":[{"count":1,"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/posts\/629\/revisions"}],"predecessor-version":[{"id":638,"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/posts\/629\/revisions\/638"}],"wp:attachment":[{"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/media?parent=629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/categories?post=629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ressources.antichambre.net\/index.php\/wp-json\/wp\/v2\/tags?post=629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}