DirJournal

Magazine Layout for Blogs: Inspiration and Caveats

Blogs designed with a magazine layout are a pretty hot design trend. This design approach also has long-term prospects as a viable layout and user interface strategy, particularly as mammoth, older blogs require new ways to better present and organize their arsenal of content, and as other blog owners incorporate new models of content into their sites.

But not all blogs are created equal, and not all blogs are great candidates for a magazine layout style. In fact, a vast majority of blogs, particularly personal blogs, and those that aren’t updated frequently, are best served by the traditional, 2 or 3-column scroll down approach. When considering a new layout approach for your blog, your content should really drive the form (layout methodology) you choose.

Pros and Cons of Magazine Style Layouts

One of the driving forces behind the magazine layout approach on a blog is evolving technology. This ranges from new ways of delivering content such as video, photo streams or widgets onto a site, to the injection of flexible, modular theme systems such as the Revolution magazine theme series and Gridline magazine theme series (for WordPress as a platform). Other content management systems, such as ExpressionEngine, make it increasingly easy for a blog to embrace a more modular, magazine style approach instead of the traditional, two-column-content-on-left-sidebar-on-right standby.

Pros of magazine layouts

Cons to consider

Blogs and sites rocking the magazine layout trend

Some of the blogs listed below use a hybrid of magazine style and ‘newspaper’ (similar to New York Times) style approach, but for the sake of this article, we’ll throw them in the mixer together and comment accordingly.

Anderson Cooper 360

A hybrid blog and news portal for CNN commentator Anderson Cooper, his 360 blog uses effective magazine/editorial style grouping for easy scanning and injection of lots of info onto the main page. What’s relevant about 360, from both a design and SEO perspective, is the balance of blurbs of content along with lists of links. The design could be kicked up a notch by offering a featured video near the top of the page that can play directly on the page without requiring the user to navigate elsewhere. Cooper’s reporting often features compelling visuals, and some of these could be turned into still shots in a gallery on the front page to help further add balance against the text and links.

TruthDig

Truthdig puts a huge chunk of change of content on its front page, but its visuals and color blocking help create a more structured approach. The use of varying sizes of pictures helps move the eye down the page, and each section of the magazine is easily deciphered. More padding and breathing room would help the design feel less chaotic, but Truthdig’s designers may have purposely chosen a tight approach, with little white space, to convey a sense of urgency.

Macalicious

Macalicious positions itself as a news site, but any blog with a rich amount of content can take cues from its approach. Macalicious is more a true magazine layout approach than Problogger and Truthdig, and it packs a lot of info on the front page without requiring us to move the mouse around much to see it. If you have a blog with a small amount of very distinct categories, you might consider emulating Macalicious’ top content, where they highlight recent news, then content from two other main sections. The photos below the content point to a Flickr feed, and if you run, say, a travel blog, a similar solution could add great visuals to your page and enrich your entries with parallel visuals that make your readers experience more comprehensive.

Macalicious is a prime example of the content dictating the direction of the design. Macs, as a topic, are fairly narrow, but within that are several primary areas of interest. It’s a big enough topic to require a strong organizational approach that the magazine layout provides, but it’s narrow enough that it doesn’t suffer some of the scrolling issues that TruthDig presented.

Follow the Winds

This topical blog and lifestyle magazine dedicated to windsurfing is interactive as all get out, and pushes visuals and graphics in a way that really leverages the strength of a magazine layout design. Although a fair amount of scrolling downward is required on the front page, the content is blocked so effectively that it mimics the way a magazine’s table of contents might feel. This is magazine style taken to its true potential. A cooking blog could take this site as inspiration for injecting lots of food visuals, some tutorial videos and organization by theme/category. A fashion-oriented blog could also blow competitors out of the water visually by utilizing this kind of structure. Just make sure you have enough interesting imagery and some micro content to support a framework this robust.

Hopefully these varied approaches to magazine style get your own creative juices flowing when it comes to potential for your own blog. Although a magazine layout approach can be overwhelming, it also offers an opportunity to expand possibilities for your blog and inspire ways to use new social media and interactive technologies that will better engage your readers and help your site look more rich in content and style.

If you’ve seen any great blogs designed in magazine style, we’d love to hear about them, and your thoughts about the blog’s design and organization.

Exit mobile version