Lupton: Grid

As you can observe from the two images above, the first image is of an article from NYLON the magazine whereas the bottom image is of NYLON's website.

Both the print magazine and the website use multi-column grids which allow the designers to fit in a ton of things in an interesting manner. However, both the website and print magazine do not make use of big margin space at the sides. Although the tight margin space may cause the pages to look crammed with stuff, it actually goes well with the theme of the magazine which is edgy, funky and different.

Despite having such tight margin space, the grid set-ups for both the print magazine and the website is still easy on the eyes of a user to read and navigate his or her way around the contents of the page. NYLON uses the grid set-up differently for both its magazine and website although both of them are essentially using multi-column grids to fulfill different purposes. The design of the print magazine doesn't stick strictly to the grid set up as the pictures are arranged to slightly overlap each other whereas for its website, NYLON kept its design strictly to the grid set-up. This is because the design of the magazine intends to create a more dramatic feel to it while the design of the website needs to be clean and structured to make it easier for a user to navigate as the website will usually contain more information than the printed issue.

Overall, I think NYLON did a great job with the grid system as they know how to use it and play around with it to fit the theme and purpose of their magazine.

image source; here and here