{"id":1157,"date":"2017-06-27T04:12:02","date_gmt":"2017-06-27T08:12:02","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/part\/chapter-13-multiple-pages-unity\/"},"modified":"2020-09-02T15:25:03","modified_gmt":"2020-09-02T19:25:03","slug":"chapter-13-multiple-pages-unity","status":"publish","type":"part","link":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/part\/chapter-13-multiple-pages-unity\/","title":{"raw":"ACC Chapter 13: Multiple Pages: Unity","rendered":"ACC Chapter 13: Multiple Pages: Unity"},"content":{"raw":"<div class=\"textbox\">\r\n<h2>Download Materials for Chapter 13<\/h2>\r\nThere are no files needed to complete this chapter.\r\n\r\nThe results of the exercises are shown below.\r\n\r\n<\/div>\r\n<h2>\u00a0Results of Chapter 13 Exercises<\/h2>\r\nWhen you complete all of the Chapter 13 Exercises, you will have an INDD (InDesign) document and a PDF document. The two pages in the documents are illustrated here.\r\n\r\n[caption id=\"attachment_1154\" align=\"alignnone\" width=\"400\"]<img class=\"wp-image-1154 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Fig13-finalresults-spread.jpg\" alt=\"Two page layouts, the result of this chapter's exercises.\" width=\"400\" height=\"267\" \/> Two single-page layouts, the result of this chapter's exercises.[\/caption]\r\n<h2 id=\"h.q28ij182an7f\" class=\"c12\"><span class=\"c21\">Multiples: Creating Unity<\/span><\/h2>\r\n<p class=\"c1\"><span class=\"c5\">When creating multi-page documents, the grid is the principle way of organizing page elements. A grid divides a page into columns. An artist can follow the columns strictly, or use them as a rough guide to work within. The Gutenberg Bible visual example follows a very rigid grid structure: the two columns of text have the same line length, which is a measurement of how long a line of text is before it breaks to a new line (Fig 13.#) The two columns of text also have the same vertical length. When two pages are viewed together in an open book such as this, the pages are read together as a spread. The pages in this spread follow the grid in exactly the same manner.<\/span><\/p>\r\n<p class=\"c1\"><span class=\"c5\">However, the grid can also be used with much flexibility. In the visual reference example of the New York Times layout from 1918, the grid is more complex and versatile. This grid divides the page into eight columns.<\/span><\/p>\r\n<p class=\"c1\"><span class=\"c5\">Counting the columns on the page is easy: find the smallest column and measure its width. Then divide the width of the page with the width of the smallest column. An eight-column grid creates a very flexible layout. Instead of eight even columns of text flowing down the front page of the newspaper, some larger graphic elements like the headline at the top of the page expand across all eight columns. Other text blocks are given visual emphasis, or create visual hierarchy on the page by spanning multiple columns. Also notice the distribution of negative space on the page. Since there is a lot of text on this front page, contrast is created by increasing the leading in some areas of the page and by allowing some of the text blocks to expand beyond one column.<\/span><\/p>\r\n\r\n<h2 id=\"h.byechdaa4g6u\" class=\"c12\"><span class=\"c21\">Visual References<\/span><\/h2>\r\n[caption id=\"attachment_1154\" align=\"alignnone\" width=\"400\"]<img class=\"wp-image-543 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Fig13_Gutenbert-Bible-1.jpg\" alt=\"Photograph of a copy of the Gutenberg Bible\" width=\"400\" height=\"270\" \/> A copy of the Gutenberg Bible by Johannes Gutenberg, owned by the U.S. Library of Congress. 180 copies of the Bible were printed in Mainz, Germany in the fifteenth century. <a href=\"https:\/\/www.flickr.com\/photos\/digitalfoundations\/2955941152\/\">https:\/\/www.flickr.com\/photos\/digitalfoundations\/2955941152\/<\/a>[\/caption]\r\n\r\n[caption id=\"attachment_1154\" align=\"alignnone\" width=\"400\"]<img class=\"wp-image-544 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Fig13_NYT-1.jpg\" alt=\"The front page of the NY Times, 1918.\" width=\"400\" height=\"506\" \/> The front page of the NY Times, 1918. <a href=\"https:\/\/www.flickr.com\/photos\/digitalfoundations\/2955097421\/\">https:\/\/www.flickr.com\/photos\/digitalfoundations\/2955097421\/<\/a>[\/caption]","rendered":"<div class=\"textbox\">\n<h2>Download Materials for Chapter 13<\/h2>\n<p>There are no files needed to complete this chapter.<\/p>\n<p>The results of the exercises are shown below.<\/p>\n<\/div>\n<h2>\u00a0Results of Chapter 13 Exercises<\/h2>\n<p>When you complete all of the Chapter 13 Exercises, you will have an INDD (InDesign) document and a PDF document. The two pages in the documents are illustrated here.<\/p>\n<figure id=\"attachment_1154\" aria-describedby=\"caption-attachment-1154\" style=\"width: 400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1154 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Fig13-finalresults-spread.jpg\" alt=\"Two page layouts, the result of this chapter's exercises.\" width=\"400\" height=\"267\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Fig13-finalresults-spread.jpg 400w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Fig13-finalresults-spread-300x200.jpg 300w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Fig13-finalresults-spread-65x43.jpg 65w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Fig13-finalresults-spread-225x150.jpg 225w, https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2017\/06\/Fig13-finalresults-spread-350x234.jpg 350w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><figcaption id=\"caption-attachment-1154\" class=\"wp-caption-text\">Two single-page layouts, the result of this chapter&#8217;s exercises.<\/figcaption><\/figure>\n<h2 id=\"h.q28ij182an7f\" class=\"c12\"><span class=\"c21\">Multiples: Creating Unity<\/span><\/h2>\n<p class=\"c1\"><span class=\"c5\">When creating multi-page documents, the grid is the principle way of organizing page elements. A grid divides a page into columns. An artist can follow the columns strictly, or use them as a rough guide to work within. The Gutenberg Bible visual example follows a very rigid grid structure: the two columns of text have the same line length, which is a measurement of how long a line of text is before it breaks to a new line (Fig 13.#) The two columns of text also have the same vertical length. When two pages are viewed together in an open book such as this, the pages are read together as a spread. The pages in this spread follow the grid in exactly the same manner.<\/span><\/p>\n<p class=\"c1\"><span class=\"c5\">However, the grid can also be used with much flexibility. In the visual reference example of the New York Times layout from 1918, the grid is more complex and versatile. This grid divides the page into eight columns.<\/span><\/p>\n<p class=\"c1\"><span class=\"c5\">Counting the columns on the page is easy: find the smallest column and measure its width. Then divide the width of the page with the width of the smallest column. An eight-column grid creates a very flexible layout. Instead of eight even columns of text flowing down the front page of the newspaper, some larger graphic elements like the headline at the top of the page expand across all eight columns. Other text blocks are given visual emphasis, or create visual hierarchy on the page by spanning multiple columns. Also notice the distribution of negative space on the page. Since there is a lot of text on this front page, contrast is created by increasing the leading in some areas of the page and by allowing some of the text blocks to expand beyond one column.<\/span><\/p>\n<h2 id=\"h.byechdaa4g6u\" class=\"c12\"><span class=\"c21\">Visual References<\/span><\/h2>\n<figure id=\"attachment_1154\" aria-describedby=\"caption-attachment-1154\" style=\"width: 400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-543 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Fig13_Gutenbert-Bible-1.jpg\" alt=\"Photograph of a copy of the Gutenberg Bible\" width=\"400\" height=\"270\" \/><figcaption id=\"caption-attachment-1154\" class=\"wp-caption-text\">A copy of the Gutenberg Bible by Johannes Gutenberg, owned by the U.S. Library of Congress. 180 copies of the Bible were printed in Mainz, Germany in the fifteenth century. <a href=\"https:\/\/www.flickr.com\/photos\/digitalfoundations\/2955941152\/\">https:\/\/www.flickr.com\/photos\/digitalfoundations\/2955941152\/<\/a><\/figcaption><\/figure>\n<figure id=\"attachment_1154\" aria-describedby=\"caption-attachment-1154\" style=\"width: 400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-544 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-content\/uploads\/sites\/1096\/2020\/08\/Fig13_NYT-1.jpg\" alt=\"The front page of the NY Times, 1918.\" width=\"400\" height=\"506\" \/><figcaption id=\"caption-attachment-1154\" class=\"wp-caption-text\">The front page of the NY Times, 1918. <a href=\"https:\/\/www.flickr.com\/photos\/digitalfoundations\/2955097421\/\">https:\/\/www.flickr.com\/photos\/digitalfoundations\/2955097421\/<\/a><\/figcaption><\/figure>\n","protected":false},"parent":0,"menu_order":17,"template":"","meta":{"pb_part_invisible":false,"pb_part_invisible_string":""},"contributor":[],"license":[],"class_list":["post-1157","part","type-part","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/1157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/types\/part"}],"version-history":[{"count":3,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/1157\/revisions"}],"predecessor-version":[{"id":1395,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/pressbooks\/v2\/parts\/1157\/revisions\/1395"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/media?parent=1157"}],"wp:term":[{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/contributor?post=1157"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designandproductionforpr\/wp-json\/wp\/v2\/license?post=1157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}