9 Amazing Examples of Grid-Based Editorial Design 

If you’re looking to start a blog, then you should opt to design with a grid. The reason why more designers are moving towards grid-based designs is because it just look cleaner. Users want a presentation that’s symmetric, aligned and falls into a pattern that’s easy to understand. To help you show you what’s possible, here is quick collection of some of the best grid-based editorial designs you can learn from.

Image result for Grid-Based Editorial Design 
1. Voces

This beautiful example is for a Spanish art magazine that uses a combination of photography and long editorials. You can see how aligned everything is based on the second page. The timeline on the bottom matches up with the editorial layout. The images that are used are cropped neatly and centered in the columns to keep the look clean and create easy-to-read content blocks throughout the whole magazine.

2. Capital Magazine

Financial magazines usually fall short when it comes to design but Capital changes this perspective with their beautifully designed newsletter. The design is pretty much driven by typography which shows how important it is for designers to hone their typography skills. One thing that you’ll notice is that Capital uses different grid layouts on each page. This ensures that the design doesn’t fall into a pattern and constantly keeps things interesting.

3. We Are The Rhoads

We Are The Rhoads is a photography collection that uses grid design to showcase candid shots as well as black and white shots. They use a wide assortment of minimalist grid patterns to make this collection artistic. They also use typography differently than other designs. In many cases part of the type is cut away by the edges of the book. This creates a presentation that helps you transition into the book a little bit better.

4. Formula Magazine

Formula is a motorsports magazine, so you know you should expecting a sleek presentation and that’s exactly what you find when you start shifting through the pages. Unlike the previous examples, everything is neatly organized in a grid layout with predictable arrangement. This creates a balance between the content and the photography. Part of what makes this example so successful is the fact that there’s always enough negative space used to separate all the elements on the pages.

5. Mint Magazine

Mint magazine is a lifestyle magazine that incorporates bright photos, a variety of pastel colors and big headline driven editorials. Many lifestyle magazines like Mint can really be overwhelming. There tends to be multiple content blocks that are arranged randomly with each block competing with another. Mint does away with this with a very minimalist and clean grid design. They’re also not afraid of using their photos to serve as the background and arranging their content on top of it.

6. 10 Secrets to Designing a Magazine

This example is showcased in an article by Design Reviver. The article in question is called “The Top 10 Secrets to Designing a Magazine.” This is a great example because this page does not contain any images at all. It uses grids, drop caps, headlines, typography and other text elements to draw the reader into the content. Teasers in quotes are used but it doesn’t take away from the flow of reading the article as you often experience when reading many magazine editorials.

7. Travel Magazine

Grid-based editorial design doesn’t have to be as rigid as you think. This travel magazine was created by a design student. This design incorporates eye catching cut away images that often bleed into the grid next to it. The layout is quite unconventional but the design and presentation still looks clean. The reason why is because the pages do not have too many elements competing with each other. Each page only uses one quote box and the layout doesn’t take away from the content.

8. Revista Dale

This magazine seems to have the same sentiments as the travel magazine in the last example. However, this one seems to be less about making a dramatic statement through the layout and more about doing it through the visual cues. The main color used in this design is a slightly transparent yellow. You’ll see it used to highlight various sections, create patterns, add page accents and integrate overtones. These designs succeed in making the content pop and lead the reader throughout the pages.

9. Bilan Luxe

Bilan Luxe is a luxury magazine that stands out from previous examples. They use a wide variety of grid-based layouts. Some of their pages even seem to nest smaller grids into larger grids. Their layouts seem to be closer to the traditional magazine style layouts as opposed to cleaner grid-based layouts. However, their layouts often succeed because they use a healthy amount of space in their pages. Very few of the pages seem to be overly busy and the ones that have a lot content seems to be dialed back a little more than usual.

These examples should give you enough ideas to start a blog using grid-based design. Start out with clean and neat layouts as that helps you get used to this design approach. But don’t think that you can’t go outside the box. You’ve seen how some of these examples break away from the safe approach and still manage to get readers fixed on the photos and content. Given that you put the same kind of conviction as these designers have, there’s no reason why you can achieve the same effect.

Leave a Reply