{"product_id":"161381","title":"100 Invariant Laws of Layout ","description":"\u003ccenter\u003e\u003cdiv style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/tmgdisk01.cafe24.com\/images\/vs\/4172\/sv\/3jYFs06eL5fIgqvu82TJ3nGJUNJofX.png?v=1765006311\" style=\"max-width:100%;max-height:10px\"\u003e\u003c\/div\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\n\n\u003cdiv style=\"width:95%\"\u003e\n\n\u003cdiv style=\"text-align:center;font-size:30px;font-weight:bolder;line-height:1.6em\"\u003e 100 Invariant Laws of Layout \u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"border-bottom:1px;border-bottom-style:dotted;border-color:;padding-bottom:20px\"\u003e\u003ccenter\u003e\u003ctable align=\"center\" width=\"100%\"\u003e\u003ctbody style=\"border:0px\"\u003e\n\n\u003ctr\u003e\u003ctd align=\"center\" style=\"line-height:1.2em;text-align:center;font-size:18px;color:black;font-weight:bold;padding-bottom:20px;\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\n\u003ctr\u003e\u003ctd style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/image.yes24.com\/goods\/165259354\/XL\" style=\"max-width:100%;height:auto\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/center\u003e\u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"width:95%;{split_style6}padding-top:20px;padding-bottom:20px\"\u003e\n\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003e Description \u003c\/div\u003e\n\n\u003cdiv style=\"text-align:left;word-break:break-all;font-size:14px;line-height:1.6em;\"\u003e\n\n\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eBook Introduction\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e \u003cb\u003eGrid, the beginning and end of design\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e A grid is a tool that organizes space and information and presents it to the reader, acting like a map that serves as the basis for the entire design work. \u003cbr\u003eGrids have been around for hundreds of years, but over time they have become seen as outdated and outdated.\u003cbr\u003e “A grid is a layout, not a prison,” says author Beth Tondro, offering 100 core rules for layout.\u003cbr\u003e\u003cbr\u003e \"100 Invariant Rules of Layout\" consists of \"Grid Basics\" and \"Practical Grids.\"\u003cbr\u003e In the basics of grids, we start with a brief explanation of the elements that make up a grid, such as columns, modules, margins, flow lines, and markers. We then introduce the structure of the grid and the grid that is appropriate for the information you want to convey, and we suggest ways to organize information within the grid and give it personality.\u003cbr\u003e In the practical grid, we will teach you how to use various grids and how to effectively convey information by taking advantage of the grid's advantages. \u003cbr\u003eWe'll also talk about how to create beautiful and useful grids by mixing and matching charts, graphs, colors, images, and margins, and the attitudes designers should have.\u003cbr\u003e\u003cbr\u003e The greatest strength of this book is its wealth of work from outstanding designers active around the world.\u003cbr\u003e We demonstrate how key concepts are applied through real-world examples.\u003cbr\u003e Readers will follow this process to gain a deeper understanding of the laws and find inspiration for their own.\u003cbr\u003e You'll explore practical grid design used in the field, from various printed materials like posters, ballots, timetables, signs, shopping bags, and receipts, to web design and mobile devices.\u003cbr\u003e The case studies in this book provide readers with information, insight, and new perspectives.\u003cbr\u003e\u003cbr\u003e \u003cb\u003eA grid guide to help you navigate design challenges\u003c\/b\u003e\u003cbr\u003e \u003cbr\u003eFundamentals like the grid are often overlooked because they are so obvious and unseen.\u003cbr\u003e It's hard to put into words, but designs that give off a weird feeling are often the result of a fundamental flaw.\u003cbr\u003e Even experienced designers sometimes forget the basics when dealing with various design elements.\u003cbr\u003e This is why the subtitle of \"100 Immutable Rules of Layout\" is \"A Grid Guide to Use When You're Stuck on a Design\".\u003cbr\u003e The author demonstrates the fundamentals of grid usage, reminding readers of the feeling of being a beginner and finding inspiration.\u003cbr\u003e For new designers, it will provide the joy of experimenting with various grid design theories and practices, while for experienced designers, it will provide clues for solving problems when they get stuck.\u003cbr\u003e\n\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cul\u003e\u003cli\u003e You can preview some of the book's contents.\u003cbr\u003e \u003cspan\u003ePreview\u003c\/span\u003e\n\n\u003c\/li\u003e\u003c\/ul\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eindex\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e  \u003cdiv\u003e8 Introduction\u003cbr\u003e Grid Basics\u003cbr\u003e 10 grid configuration\u003cbr\u003e 11 Basic Grid\u003cbr\u003e 12 grid selection\u003cbr\u003e 13 Decide on the text format\u003cbr\u003e 14. Structure of information\u003cbr\u003e 15 Grids and Images\u003cbr\u003e 16 Combination of grid, text, and images\u003cbr\u003e 17 colors\u003cbr\u003e 18 Margins\u003cbr\u003e 19 Rhythm and Flow\u003cbr\u003e\u003cbr\u003e Real-world grid\u003cbr\u003e 22 1-stage grid\u003cbr\u003e 28 2-stage grid\u003cbr\u003e 42 3-stage grid\u003cbr\u003e 52 multi-level grid\u003cbr\u003e 62 module grid\u003cbr\u003e 72 Charts and Graphs\u003cbr\u003e 82 Color as a primary element\u003cbr\u003e 90 Color as a structural element\u003cbr\u003e 102 Horizontal Hierarchical Grid\u003cbr\u003e 112 Typography Grid\u003cbr\u003e 122 Highly functional and economical grid\u003cbr\u003e 134 Rich sense of space\u003cbr\u003e 140 Invisible Grid\u003cbr\u003e 148 Organic Grid\u003cbr\u003e 156 Swiss grid\u003cbr\u003e Grid beyond 166 grid\u003cbr\u003e Reconstruction of the 174 grid\u003cbr\u003e 180 multi-layer grid\u003cbr\u003e 186 Moving Grid\u003cbr\u003e Beyond Rule 194\u003cbr\u003e 202 Glossary of Terms\u003cbr\u003e 203 Recommended Books and Audio Materials\u003cbr\u003e 204 People and organizations that helped\u003cbr\u003e 206 Grid Design at a Glance\u003cbr\u003e 208 About the Author, Acknowledgments, and Translator\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv\u003e\u003ch5\u003e \u003cb\u003ePublisher's Review\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e \u003cb\u003eIn the layout\u003c\/b\u003e \u003cbr\u003e100 Key Rules of the Law\u003cbr\u003e\u003cbr\u003e 1.\u003cbr\u003e Identify the elements\u003cbr\u003e 2.\u003cbr\u003e Learn the basic structure\u003cbr\u003e 3.\u003cbr\u003e Understand the content\u003cbr\u003e 4.\u003cbr\u003e Calculate\u003cbr\u003e 5.\u003cbr\u003e Improve readability\u003cbr\u003e 6.\u003cbr\u003e Set the order\u003cbr\u003e 7.\u003cbr\u003e Consider all factors simultaneously\u003cbr\u003e 8.\u003cbr\u003e Define space with color\u003cbr\u003e 9.\u003cbr\u003e Use white space as a graphic element\u003cbr\u003e 10.\u003cbr\u003e Keep your interest by adjusting your pace.\u003cbr\u003e 11.\u003cbr\u003e Use a font that suits the subject matter.\u003cbr\u003e 12.\u003cbr\u003e Set the margin\u003cbr\u003e 13.\u003cbr\u003e Think proportionally\u003cbr\u003e 14.\u003cbr\u003e Think equality\u003cbr\u003e 15.\u003cbr\u003e Design for function\u003cbr\u003e 16.\u003cbr\u003e Adjust with a ruler\u003cbr\u003e 17.\u003cbr\u003e Maintain order but be flexible.\u003cbr\u003e 18.\u003cbr\u003e Divide the area into easy-to-understand areas\u003cbr\u003e 19.\u003cbr\u003e Make changes consistent\u003cbr\u003e 20.\u003cbr\u003e Vary the structure\u003cbr\u003e 21.\u003cbr\u003e Keep it simple\u003cbr\u003e 22.\u003cbr\u003e Distinguish sections with typography\u003cbr\u003e 23.\u003cbr\u003e Overcrowding is a no-no\u003cbr\u003e 24.\u003cbr\u003e Lower the height of the stage\u003cbr\u003e 25.\u003cbr\u003e Cook the shape\u003cbr\u003e 26.\u003cbr\u003e Keep the rhythm alive\u003cbr\u003e 27.\u003cbr\u003e Mix it up\u003cbr\u003e 28.\u003cbr\u003e Simplify complex elements\u003cbr\u003e 29. Make DIY easy.\u003cbr\u003e 30.\u003cbr\u003e Familiarize yourself with the basic principles of websites.\u003cbr\u003e 31.\u003cbr\u003e Break down the content\u003cbr\u003e 32. \u003cbr\u003eLeave room to breathe\u003cbr\u003e 33.\u003cbr\u003e Combine modules\u003cbr\u003e 34.\u003cbr\u003e Use space meaningfully\u003cbr\u003e 35.\u003cbr\u003e Consider the organic nature between modules.\u003cbr\u003e 36.\u003cbr\u003e A diagram is a picture\u003cbr\u003e 37.\u003cbr\u003e Strengthen the diagram\u003cbr\u003e 38.\u003cbr\u003e Leverage successful outcomes effectively\u003cbr\u003e 39.\u003cbr\u003e Use borders wisely\u003cbr\u003e 40.\u003cbr\u003e Think outside the box\u003cbr\u003e 41.\u003cbr\u003e Draw attention with color\u003cbr\u003e 42.\u003cbr\u003e Control the color\u003cbr\u003e 43.\u003cbr\u003e Express it in color\u003cbr\u003e 44.\u003cbr\u003e Harmonize typography and color\u003cbr\u003e 45.\u003cbr\u003e Color it and make it clear\u003cbr\u003e 46.\u003cbr\u003e Emphasize information with color typography.\u003cbr\u003e 47.\u003cbr\u003e Bring your modules to life with color\u003cbr\u003e 48.\u003cbr\u003e Sort information by color\u003cbr\u003e 49.\u003cbr\u003e Separate items by color\u003cbr\u003e 50.\u003cbr\u003e Create color using weight, size, and shape\u003cbr\u003e 51.\u003cbr\u003e Divide the signs into areas.\u003cbr\u003e 52.\u003cbr\u003e Use bands to organize\u003cbr\u003e 53.\u003cbr\u003e Define horizontal areas with margins\u003cbr\u003e 54.\u003cbr\u003e Add Light to the Timeline\u003cbr\u003e 55.\u003cbr\u003e Use the navigation bar as a flag\u003cbr\u003e 56.\u003cbr\u003e Kill two birds with one stone: clarity and fun.\u003cbr\u003e 57.\u003cbr\u003e Flip it over\u003cbr\u003e 58. \u003cbr\u003eKeep it perfect\u003cbr\u003e 59.\u003cbr\u003e Play the grid\u003cbr\u003e 60.\u003cbr\u003e Take a different perspective\u003cbr\u003e 61.\u003cbr\u003e Use narrow margins effectively\u003cbr\u003e 62.\u003cbr\u003e Use devices that emphasize the main point\u003cbr\u003e 63.\u003cbr\u003e Give it some breathing room\u003cbr\u003e 64.\u003cbr\u003e Get maximum impact with minimum footprint\u003cbr\u003e 65.\u003cbr\u003e Combine density and dynamism\u003cbr\u003e 66.\u003cbr\u003e Draw attention\u003cbr\u003e 67.\u003cbr\u003e Tell the story\u003cbr\u003e 68.\u003cbr\u003e Create an oasis\u003cbr\u003e 69.\u003cbr\u003e Let the image breathe\u003cbr\u003e 70.\u003cbr\u003e Start with a sketch\u003cbr\u003e 71.\u003cbr\u003e Fight chaos with hierarchy\u003cbr\u003e 72.\u003cbr\u003e Apply principles instinctively\u003cbr\u003e 73.\u003cbr\u003e Pursue elegance\u003cbr\u003e 74.\u003cbr\u003e Plan the destruction\u003cbr\u003e 75.\u003cbr\u003e Aim for dramatic effect\u003cbr\u003e 76.\u003cbr\u003e Create a vivid screen with silhouettes\u003cbr\u003e 77.\u003cbr\u003e Embrace the culture\u003cbr\u003e 78.\u003cbr\u003e Develop a flexible system\u003cbr\u003e 79.\u003cbr\u003e Control with typography\u003cbr\u003e 80.\u003cbr\u003e Use the Helvetica font\u003cbr\u003e 81.\u003cbr\u003e Vary the thickness of the lines\u003cbr\u003e 82.\u003cbr\u003e Use horizontal and vertical grids together\u003cbr\u003e 83.\u003cbr\u003e Plan a getaway\u003cbr\u003e 84.\u003cbr\u003e Change the size\u003cbr\u003e 85.\u003cbr\u003e Think about what you can leave out\u003cbr\u003e 86. \u003cbr\u003eSpeak to the sidebar\u003cbr\u003e 87.\u003cbr\u003e Follow the master\u003cbr\u003e 88.\u003cbr\u003e Come closer and cut it\u003cbr\u003e 89.\u003cbr\u003e Break down the boundaries\u003cbr\u003e 90.\u003cbr\u003e Create a module\u003cbr\u003e 91.\u003cbr\u003e Work multidimensionally\u003cbr\u003e 92.\u003cbr\u003e Think multi-layered\u003cbr\u003e 93.\u003cbr\u003e Support all platforms\u003cbr\u003e 94.\u003cbr\u003e Tilt it\u003cbr\u003e 95.\u003cbr\u003e Grow to super size\u003cbr\u003e 96.\u003cbr\u003e Move the module\u003cbr\u003e 97.\u003cbr\u003e Focus on your strengths\u003cbr\u003e 98.\u003cbr\u003e Be flexible\u003cbr\u003e 99.\u003cbr\u003e Design with your heart\u003cbr\u003e 100.\u003cbr\u003e Ignore the rules \u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"width:95%;padding-top:20px;padding-bottom:20px\"\u003e\n\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003e GOODS SPECIFICS \u003c\/div\u003e\n\n\u003cdiv style=\"text-align:left;font-size:14px;line-height:1.6em;\"\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eDate of issue:\u003c\/strong\u003e December 10, 2025\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003ePage count, weight, size:\u003c\/strong\u003e 208 pages | 818g | 216*254*20mm\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eISBN13:\u003c\/strong\u003e 9791189375089\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eISBN10:\u003c\/strong\u003e 1189375087 \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003ccenter\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003c\/center\u003e\n\n\n\u003c\/center\u003e","brand":"LIBRAIRIE COREENNE","offers":[{"title":"Default Title","offer_id":43889878138922,"sku":"161381","price":43.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2750\/5962\/files\/3e3b12bda8605b79488730316cf3e1e7.jpg?v=1765274688","url":"https:\/\/librairie.coreenne.fr\/en\/products\/161381","provider":"LIBRAIRIE COREENNE","version":"1.0","type":"link"}