{"product_id":"layout-essentials-revised-and-updated-100-design-principles-for-using-grids","title":"Layout Essentials Revised and Updated: 100 Design Principles for Using Grids","description":"Product Description\n\nA classic and essential text for designers since 2009, Layout Essentials: 100 Design Principles for Using Grids just got better with a fresh exploration of its design principles, updated text, and new photos and international graphics.\n\nGrids are the basis for all design projects, and learning how to work with them is fundamental for all graphic designers. From working with multi-column formats to using type, color, images, and more, Layout Essentials not only demonstrates, using real world examples, how to use grids effectively, but shows you how to break the rules to use them effectively, too.\n\nThis revised and updated version of Layout Essentials is your one-stop reference and resource for all layout design projects.\n\nAbout the Author\n\nBeth Tondreau\n\nExcerpt. © Reprinted by permission. All rights reserved.\n\nLayout Essentials\n\n\n100 Design Principles for Using Grids\nBy Beth Tondreau The Quarto GroupCopyright © 2019 Quarto Publishing Group USA Inc.\nAll rights reserved.\nISBN: 978-1-63159-631-5\n\n\nContents\nIntroduction, 8,\nGETTING STARTED,\nElements of a Grid, 10,\nBasic Grid Diagrams, 11,\nDetermine the Appropriate Grid, 12,\nFormatting Text, 13,\nHierarchy of Information, 14,\nGrid and Image, 15,\nCombining Grid, Type, and Image, 16,\nColor, 17,\nSpace, 18,\nRhythm and Flow, 19,\nGRIDS AT WORK,\nSingle column, 22,\nTwo column, 28,\nThree column, 42,\nMulticolumn, 52,\nModular, 62,\nTables, Charts, and Infographics, 72,\nColor as Key Component, 82,\nColor as Organizing Element, 90,\nHorizontal Hierarchy, 102,\nType and Grids, 112,\nDense Information, 122,\nBreathing Space, 134,\nImperceptible Grid, 140,\nOrganic Shapes, 148,\nSwiss Grid, 156,\nGrid, Disrupted, 166,\nGrid, Refashioned, 174,\nLayered Grid, 180,\nGrids and Motion, 186,\nBreaking the Grid, 194,\nGlossary, 202,\nRecommended Reading and Listening, 203,\nContributors, 204,\nQuick Start Guide, 206,\nAcknowledgments, 208,\n\nCHAPTER 1\nGETTING STARTED\nELEMENTS OF A GRID\n1. Know the Components\nThe main components of a grid are margins, columns, markers, flowlines, spatial zones, and modules. Starting a new project can be hard. Begin with your content, then set up your margins and columns. You'll need to make adjustments. Just start.\nCOLUMNS [A] are vertical containers that hold type or images. The width and number of columns on a page or screen can vary, depending on the content.\nMODULES [B] are individual divisions separated by consistent space, providing a repeating, ordered grid. Combining modules can create columns and rows of varying sizes.\nMARGINS [C] are buffer zones. They represent the amount of space between the trim size, including gutter, and the page content. Margins can also house secondary information, such as notes and captions.\nSPATIAL ZONES [D] are groups of modules or columns that can form specific areas for type, ads, images, or other information.\nFLOWLINES [E] are alignments that break space into horizontal bands. Not actual lines, flowlines are a method for using space and elements to guide a reader across a page.\nMARKERS [X] help a reader navigate a document. Indicating placement for material that appears in the same location, markers include page numbers, running heads and feet (headers and footers), and icons.\n\nBASIC GRID DIAGRAMS\n2. Learn the Basic Structures\nAlthough the diagrams below show common structures, there are additional variations on the basic configurations. The multicolumn grids of newspapers and their sites extend beyond three columns to five or more.\nA SINGLE-COLUMN GRID is generally used for continuous running text, such as essays, reports, or books. The block of text is the main feature on the page, spread, or device screen.\nA TWO-COLUMN GRID can be used to control a lot of text or to present different kinds of information in separate columns. A double- column grid can be arranged with columns of equal or unequal width. In ideal proportions, when one column is wider than the other, the wider column is double the width of the narrow column.\nMULTICOL","brand":"Rockport Publishers","offers":[{"title":"Default Title","offer_id":40331724095573,"sku":"9781631596315N","price":21.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2481\/5790\/products\/3d444c2a-4a39-4d9b-87aa-77983a3e56f5.jpg?v=1663601684","url":"https:\/\/smeikalbooks.co.uk\/en-us\/products\/layout-essentials-revised-and-updated-100-design-principles-for-using-grids","provider":"smeikalbooks","version":"1.0","type":"link"}