This is an example of the usage of a grid system in InStyle magazine.
This page uses a multi-column grid; it consists of five distinct columns with text and images. The multi-column grids allow publications to have a complex hierarchy of text and illustrations. The page includes vertical zones (left to right) and vertical divisions. It also has a considerable amount of margin space. Moreover, there is enough white space between each column so that the readers can almost visualize the vertical lines that separate each column. In addition, the top part of the page shows that it uses images and text to share column spaces; the pillow image and the box located below share two columns. Except for the dominant image on the top, all the other images fall within its column along with its text. In general, the design works very well within the boundaries.
I think the grid system used in this page is very effective in that it allows the audience to read easily. Our eyes naturally group the text under the same column together. Overall, the organization of the page is very simple and clean. The design and structure of the distinct columns show consistency. In addition to the grid system, the pink bold headings and the horizontal lines allow the readers to separate the different sections below the columns.
I think magazines typically do not use too many columns to prevent the design from looking too busy but I actually like how Instyle designs this page. I think that the use of big margin space helps make the page look less cluttered therefore making the layout easy to navigate and read.
ReplyDelete