grid system - the combine · 2010. 5. 19. · the grid system is an aid, not a guarantee. it...
TRANSCRIPT
![Page 1: Grid System - The Combine · 2010. 5. 19. · The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate](https://reader036.vdocument.in/reader036/viewer/2022071504/6123f6699c8b7323ad54ecbc/html5/thumbnails/1.jpg)
Graphic Design Grid Systems1
A grid system is a two-dimensional structure made up of a
series of intersecting vertical and horizontal axes, used to
structure content. The grid serves as an armature on which a
designer can organize text and images in a rational and easy
to absorb manner.
The grid system is an aid, not a guarantee. It permits a number of
possible uses and each designer can look for a solution appropriate to
his personal style. But one must learn how to use the grid; it is an art
that requires practice. ”
Josef Müller-Brockmann
Grid System
![Page 2: Grid System - The Combine · 2010. 5. 19. · The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate](https://reader036.vdocument.in/reader036/viewer/2022071504/6123f6699c8b7323ad54ecbc/html5/thumbnails/2.jpg)
Graphic Design Grid Systems2
Column-based Module-based
![Page 3: Grid System - The Combine · 2010. 5. 19. · The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate](https://reader036.vdocument.in/reader036/viewer/2022071504/6123f6699c8b7323ad54ecbc/html5/thumbnails/3.jpg)
Graphic Design Grid Systems3
Example: A4 - 12 column grid
![Page 4: Grid System - The Combine · 2010. 5. 19. · The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate](https://reader036.vdocument.in/reader036/viewer/2022071504/6123f6699c8b7323ad54ecbc/html5/thumbnails/4.jpg)
Graphic Design Grid Systems4
12 column grid divided into 3 12 column grid divided into 4
![Page 5: Grid System - The Combine · 2010. 5. 19. · The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate](https://reader036.vdocument.in/reader036/viewer/2022071504/6123f6699c8b7323ad54ecbc/html5/thumbnails/5.jpg)
Graphic Design Grid Systems5
Column-based website grid Module-based website grid
![Page 6: Grid System - The Combine · 2010. 5. 19. · The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate](https://reader036.vdocument.in/reader036/viewer/2022071504/6123f6699c8b7323ad54ecbc/html5/thumbnails/6.jpg)
Graphic Design Grid Systems6
960 pixels wide (fits 1024 / divisible in 3, 4, 5, 6, 8, 10, 12, 15, & 16 columns)
![Page 7: Grid System - The Combine · 2010. 5. 19. · The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate](https://reader036.vdocument.in/reader036/viewer/2022071504/6123f6699c8b7323ad54ecbc/html5/thumbnails/7.jpg)
Graphic Design Grid Systems7
Rows: horizontal thinking improve a site’s layout and information mapping
Information Mapping is a technique of dividing and labeling information for easy comprehension, use, and recall (also visually).