{"product_id":"161276","title":"Layout \u0026amp; Grid to complete the design ","description":"\u003ccenter\u003e\u003cdiv style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/tmgdisk01.cafe24.com\/images\/vs\/4172\/sv\/WQt5W2T66yIkeQO8mXZ2BR.png?v=1764858220\" 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 Layout \u0026amp; Grid to complete the design \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\/119963628\/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\u003cdiv\u003e\u003cdiv\u003e This book is designed to be easily understood by anyone interested in design, design students, and even designers working in industrial settings.\u003cbr\u003e I hope that the many examples presented here will help you gain practical experience and inspire new designs.\u003cbr\u003e This book is broadly divided into two areas. \u003cbr\u003eOne part introduces the components and principles of layout, and the other covers layouts using grids and layouts that ignore grids.\u003cbr\u003e Layouts serve to facilitate smooth communication with the public, and grids can be said to be tools for appropriately arranging layout components and principles.\u003cbr\u003e\n\n\u003c\/div\u003e\u003c\/div\u003e\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\n\u003cdiv\u003e ■ Understanding the layout\u003cbr\u003e\u003cbr\u003e \u003cb\u003e■ Layout components\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e · Typography\u003cbr\u003e (1) Letters and words\u003cbr\u003e ① Self-destruction\u003cbr\u003e ② Letter spacing\u003cbr\u003e ③ Stem\u003cbr\u003e ④ Weight\u003cbr\u003e ⑤ Italics\u003cbr\u003e ⑥ Uppercase and lowercase letters\u003cbr\u003e ⑦ Serif and sans serif\u003cbr\u003e (2) Lines and paragraphs\u003cbr\u003e ① Font size\u003cbr\u003e ② Width\u003cbr\u003e ③ Line spacing\u003cbr\u003e ④ Paragraph\u003cbr\u003e (3) Sorting\u003cbr\u003e ① Align both ends\u003cbr\u003e ② Left-aligned\u003cbr\u003e ③ Right-aligned\u003cbr\u003e ④ Center alignment\u003cbr\u003e ⑤ Asymmetric alignment\u003cbr\u003e ⑥ Outline alignment\u003cbr\u003e\u003cbr\u003e · image\u003cbr\u003e (1) Photo\u003cbr\u003e ① Consignment photo\u003cbr\u003e ② Purchased photos\u003cbr\u003e ③ Rental photos\u003cbr\u003e (2) Illustration\u003cbr\u003e ① Commissioned illustration\u003cbr\u003e ② Purchase illustration \u003cbr\u003e③ Rental Illustration\u003cbr\u003e\u003cbr\u003e · color\u003cbr\u003e (1) Understanding color\u003cbr\u003e ① Color properties\u003cbr\u003e ② Color classification\u003cbr\u003e ③ Color wheel\u003cbr\u003e (2) Color system\u003cbr\u003e ① CMYK\u003cbr\u003e ② RGB\u003cbr\u003e ③ Special color\u003cbr\u003e ④ Fluorescent color\u003cbr\u003e ⑤ Metallic effect\u003cbr\u003e (3) Expression of color\u003cbr\u003e ① Red\u003cbr\u003e ② Orange\u003cbr\u003e ③ Yellow\u003cbr\u003e ④ Green\u003cbr\u003e ⑤ Blue\u003cbr\u003e ⑥ Bora\u003cbr\u003e ⑦ Brown\u003cbr\u003e ⑧ Gray\u003cbr\u003e ⑨ White\u003cbr\u003e ⑩ Black\u003cbr\u003e ⑪ Gold\u003cbr\u003e ⑫ Silver\u003cbr\u003e\u003cbr\u003e · Margin\u003cbr\u003e (1) Meaning of margin\u003cbr\u003e (2) Function of margins\u003cbr\u003e\u003cbr\u003e \u003cb\u003e■ Layout composition principles\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e · Unification\u003cbr\u003e (1) Harmony\u003cbr\u003e (2) Order\u003cbr\u003e\u003cbr\u003e · change\u003cbr\u003e (1) Proportionality\u003cbr\u003e (2) Transformation\u003cbr\u003e\u003cbr\u003e · Balance\u003cbr\u003e (1) Symmetry\u003cbr\u003e (2) Asymmetry\u003cbr\u003e\u003cbr\u003e · Rhythm\u003cbr\u003e (1) Repeat\u003cbr\u003e (2) Continuous\u003cbr\u003e (3) Point\u003cbr\u003e (4) Radiation\u003cbr\u003e (5) Shift\u003cbr\u003e\u003cbr\u003e · Emphasis\u003cbr\u003e (1) Contrast\u003cbr\u003e (2) Background\u003cbr\u003e\u003cbr\u003e \u003cb\u003e■ Understanding the Grid\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e · Golden ratio\u003cbr\u003e Fibonacci sequence\u003cbr\u003e · Modular\u003cbr\u003e\u003cbr\u003e \u003cb\u003e■ Grid components\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e · Column (short)\u003cbr\u003e · Module (unit)\u003cbr\u003e · Margin\u003cbr\u003e · Flow line\u003cbr\u003e · Zone (spatial area)\u003cbr\u003e · Marker\u003cbr\u003e · Spare printing lines\u003cbr\u003e · Column margins\u003cbr\u003e\u003cbr\u003e \u003cb\u003e■ Layout using grid\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e · Block grid\u003cbr\u003e · Column grid\u003cbr\u003e · Module grid\u003cbr\u003e · Hierarchical grid\u003cbr\u003e · Mixed grid\u003cbr\u003e · Flexible grid \u003cbr\u003e· Symmetric grid and asymmetric grid\u003cbr\u003e (1) Symmetric grid\u003cbr\u003e (2) Asymmetric grid\u003cbr\u003e · How to create a grid\u003cbr\u003e (1) Grid based on the text\u003cbr\u003e (2) Image-based grid\u003cbr\u003e\u003cbr\u003e \u003cb\u003e■ Layout that ignores the grid\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e · Deconstruction of typography\u003cbr\u003e · Design based on intuitive sense\u003cbr\u003e · Implications through expression of concepts\u003cbr\u003e · Effects according to unexpected variables\u003cbr\u003e · Integration of typography and images\u003cbr\u003e · Consistency and opposition of forms\u003cbr\u003e (1) Matching format\u003cbr\u003e (2) Opposition of forms\u003cbr\u003e\u003cbr\u003e Appendix: Color Chart\u003cbr\u003e · Color matching by color\u003cbr\u003e · Thematic color scheme\u003cbr\u003e\u003cbr\u003e References\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eDetailed image\u003c\/b\u003e \u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg src=\"https:\/\/image.yes24.com\/momo\/TopCate4233\/MidCate008\/423271019.jpg\" border=\"0\" alt=\"Detailed Image 1\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eInto the book\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e In general, in design, layout can be defined as a series of processes for arranging and organizing visual components in a given space in a pleasing manner. \u003cbr\u003eHere, visual components refer to typography, photography and illustration, color, and margins, which are the main topics covered in this book. Composition principles such as unity, variation, balance, rhythm, and emphasis are also important.\u003cbr\u003e In addition, basic conditions such as visibility, readability, clarity, formativeness, and creativity must also be considered.\u003cbr\u003e\u003cbr\u003e Layout is an important skill that should be focused on to entertain the audience and make them more immersed in the production.\u003cbr\u003e Therefore, a well-designed layout helps facilitate smooth communication with the public within the complex online and offline media information.\u003cbr\u003e There are two ways to organize layouts: the free method, which relies on the designer's sense, and the grid method, which relies on the structure of modules.\u003cbr\u003e\u003cbr\u003e A grid is a horizontal and vertical network used to harmoniously visualize elements of a layout. \u003cbr\u003eThis means that subjective and sensory elements are made objective and scientific and modularized into an invisible grid-like network.\u003cbr\u003e At this time, in order to systematically arrange the given space, it is calculated meticulously and divided into columns, leading, and margins (white space).\u003cbr\u003e This calculated grid gives the audience a sense of unity and stability.\u003cbr\u003e\u003cbr\u003e Grids are a great help in building consistency in your work and provide a basis for an organized system.\u003cbr\u003e The number and size of grid modules, which are the spatial units that divide the grid, are not necessarily fixed, but since grid modules are a tool that makes layout components shine with visual consistency, the more they are used, the greater the likelihood of good results.\u003cbr\u003e\n\n\u003c\/div\u003e\n\u003cdiv\u003e --- From the text\u003c\/div\u003e\n\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 I hope this guide will inspire designers' creative spirit...\u003cbr\u003e \u003cbr\u003eAlthough many publishers have published books on layout and grids, it is difficult to find textbooks that can be recommended to juniors or students working in related industries.\u003cbr\u003e Although a few design translations are recognized as high-quality books and are mainstream, many of them contain theories and examples that are somewhat distant from the realities of Korea, which makes them lack a sense of realism and a sense of disconnect.\u003cbr\u003e\u003cbr\u003e Many designers still rely on their own senses to create designs, avoiding a systematic theoretical foundation.\u003cbr\u003e However, the results of designers who rely on their senses are unsystematic and thus lack the power to persuade the public of their creations.\u003cbr\u003e It is important for designers to have a sense of humor, but it is important to remember that its foundation lies in a solid theoretical background.\u003cbr\u003e \u003cbr\u003eThis book is designed to be easily understood by anyone interested in design, design students, and even designers working in industrial settings.\u003cbr\u003e I hope that the many examples presented here will help you gain practical experience and inspire new designs.\u003cbr\u003e\u003cbr\u003e This book is broadly divided into two areas.\u003cbr\u003e One part introduces the components and principles of layout, and the other covers layouts using grids and layouts that ignore grids.\u003cbr\u003e Layouts serve to facilitate smooth communication with the public, and grids can be said to be tools for appropriately arranging layout components and principles.\u003cbr\u003e \u003cbr\u003eThe first section, Layout, provides a detailed approach to building a solid foundation by presenting appropriate example works related to the components of typography, photography and illustration, color, and margins.\u003cbr\u003e In addition, we attempted to provide practical assistance through a clear analysis of the layout principles of unity, change, balance, rhythm, and emphasis.\u003cbr\u003e\u003cbr\u003e The second section, Grid, divides layouts using grids into types such as blocks, columns, modules, hierarchies, mixed, and flexible, to make them easy and quick to understand.\u003cbr\u003e In layouts that ignore the grid, various application cases were shown, such as deconstruction of typography, design based on intuitive sense, suggestion through expression of concept, and effects according to unexpected variables.\u003cbr\u003e\u003cbr\u003e Now, with a heavy heart, I bear this small fruit and express my gratitude to everyone who helped me. \u003cbr\u003eI would like to express my gratitude to the professors at Hongik University who provided me with guidance and advice on my academic path, to Jo Ho-gun who worked with me on the design, to Yoo Young-hwa and Shin Jeong-ho who helped with the photographic materials, to the staff at The H who took charge of publishing, to my beloved family who have always been by my side and supported me, and to all the wonderful people who have given me continuous encouragement and love.\u003cbr\u003e\u003cbr\u003e Hong Young-il \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 July 1, 2023\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 272 pages | 205*255*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 9791196210014\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 1196210012 \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":43889680416810,"sku":"161276","price":39.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2750\/5962\/files\/5f6681a502f812d5e684b80990c69763.jpg?v=1765263541","url":"https:\/\/librairie.coreenne.fr\/en\/products\/161276","provider":"LIBRAIRIE COREENNE","version":"1.0","type":"link"}