Map preview for Day 286

Taken on 24th October, 2009 in Granada, Nicaragua. Nikon D90, Exposure 1/40s at f/5.3, Focal Length 62mm, ISO Speed 1600. More details.

Clearly defined constraints set the stage for designers to flourish.

By 1946 Penguin Books had already asserted itself as a design-conscious publisher but Jan Tschichold's systematic approach was to redefine book design.

The enduring principles of Penguin’s design were defined by Allen Lane when he founded the company in the mid-1930s, but it was not until the late 1940s that it adopted a disciplined and coherent approach to design under Jan Tschichold. Already established as an eminent writer on typography and a famous practitioner by the time he arrived at Penguin in 1946, Tschichold was more assertive at imposing his design philosophy than his predecessors..

Design Museum London

Tschichold meticulously applied typographic principles to refine and unify the Penguin style. He created a rigid design template, outlined in a booklet of Composition Rules, which established strict style guidelines to be followed for all publications.

My edition of Kerouac's On The Road, photographed above, is a reissue as part of the Popular Penguins series of 2008, designed in adherence with Tschichold's instructions. The cover is the same format and printed on the same card stock as the early colour-coded Penguins.

The full potential of this kind of systematic approach came to fruition in later series, when designers were given leeway to produce artwork relevant to the themes and mood of the individual works, while still keeping to rigid layout constraints.

For Penguin Modern Poets Germano Facetti commissioned a series of photograms by Peter Barrett, Roger Mayne and Alan Spain between 1962 and 1965.

Here, under the Pelican Books imprint, the consistent use of the title grid prepares the way for illustration to take centre-stage. See Ministry of Type: Constructing The Grid.

More recently, illustrator M.S. Corley playfully reimagined a couple of popular series in the Penguin Classics vein.

M.S. Corley's redesigns of the Harry Potter and Lemony Snicket series were very well received online.

At its best, web design today is comparable to Tschichold's work at Penguin in the late 40s. Skilled designers leverage increasingly capable technologies (and an inversely proportional array of hacks) as they apply both established and innovative principles to construct templates which non-designers can effortlessly fill with content.

Generally the role of designer finishes soon after a site goes live, once any kinks are ironed out. Unlike in print, there is little art direction applied to individual articles or features. The Content Management System rigourously applies the design template to the text, photo, video, and audio content and everything runs (fairly) smoothly. For brochure sites, this can certainly suffice (if the designer has been working with the actual content throughout the process) but where new content is constantly being produced, we have to ask if the capability of design is being fully harnessed.

My edition of On The Road is a work of great design. I enjoy its tactile qualities every time I pick it up, just as I can aesthetically appreciate great web design when I read online. However, the full potential of the relationship between form and content can only be exploited once we start applying custom art direction to that content—because we do judge a book by its cover, a magazine spread by its layout, a blog post by its typeface.

There are exceptional online publications that promote design. Staff illustrator Kevin Cornell at A List Apart provides custom illustrations for each article, which certainly lends a more art directed feel than an accompanying photograph ever seems to do elsewhere.

Jason Santa Maria goes further with his personal site, where, within a consistent navigation system, each article is tailor-designed to fit its theme and content. This gives him ample opportunity to flex his design-muscles and illustrates for the rest of us a fuller potential for online design.

  • Jackpot
  • All Things Nice
  • Jackpot

If you know of any other sites that pay consistent attention to design I'd love to hear about them in the comments or on twitter.

It's time that art direction and design start to play a continuous role in online publication. Even where a great designer, like Jan Tschichold, has designed the bones of an elegant system, the creative work of illustrators, photographers, designers, and developers, within the constraints of that system, will keep it fresh, relevant, and engaging.

9 Comments here (and 2 more on flickr)

Penguin is definitely one of the greatest brands ever - although their current approach to contemporary fiction is probably a little conservative. I have a great book called "Penguin by Design" which discusses the whole history of their approach to cover design, feauturing hundreds of beautiful examples - highly recommended.

  • avatar
  • Oisin wrote:
  • 30th October, 2009

I read a great review for that while researching this post Phil, http://bit.ly/CR-penguin-by-designers — look forward to checking out your copy one day.

Also discovered a new book out this year that you might be interested in, Penguin by Illustrators. Extract here: http://bit.ly/CR-penguin-by-illustrators

  • avatar
  • Kevin wrote:
  • 2nd November, 2009

Snap! http://www.twitpic.com/nz51i I'm reading it the last month or so myself.

With regard the online content and form relationship, the two examples of ALA and JSM are definite standouts. For alot of readers it's half the enjoyment to see what font/image/colour JSM has chosen before they even get to the content. It's also bringing people back to websites and design rather than feedreaders.

Not to blow smoke but I feel this site has that quality. The solid structure is there yet each entry feels unique with it's own story to tell. I've purposely avoided your RSS as to view it in those bitesize chunks would take away from the entries IMO. The subtle orange line for example speaks volumes.

Great article, Oisin.

I agreed completely, and personally want to strive more towards both a rigidity in creating a firm grid foundation for designs, but also using that as a starting point for crafting beautiful, unique & interesting pages/layouts from.

I wonder how our designs might be influenced by other established design practices, from architecture, music, etc.?

  • avatar
  • Oisin wrote:
  • 3rd November, 2009

Cheers Kevin & John.

When I was designing this site my aim was to create a structure that would best serve the basic concept of "one photo for each day." It was critical that the individual picture would clearly take centre stage, with everything else supporting it in a balanced, harmonious, but understated way.

Over the course of the project I've taken liberty to sometimes let the daily content spill out of the photo area and in that respect put the focus back on design in some way.

Jason Santa Maria's project is on another level!

Kevin, what a great coincidence that you're reading the same issue of the book now… I'm on page 125, in Ritzy's Bar, New York, and completely hooked!

  • avatar
  • Kevin wrote:
  • 3rd November, 2009

"All kinds of evil plans are hatched in Ritzy's bar"

Yeah it's a funny coincidence alright. I'm back on the road, pg 142 and just crossed the Mississippi. Really enjoying it. Complementing it with alot of Tom Waits lately. It's a good cocktail.

  • avatar
  • Noel Prendiville wrote:
  • 8th November, 2009

Yeah!!!!! But did you actually read the book

  • avatar
  • Kevin wrote:
  • 19th November, 2009

Good post from Paddy Donnelly which touches on some of the above http://www.smashingmagazine.com/the-death-of-the-blog-post/

  • avatar
  • Oisin wrote:
  • 22nd November, 2009

I had just gotten sick of Smashing Magazine, and subsubscribed from their RSS. This article is a real gem. JSM definitely started the revolution, great to learn about others who've been following. Will have to put some serious creative thought into post-516 blogging!