Neurotic Design.

Sunday 15 June, 2008

I was recently given a tough challenge. Design a layout — something I am still quite unskilled at — for my partners brand new blog. I was given a rough sketch, a moderately simple brief (two column layout) and a degree of flexibility in how I interpreted it.

First hurdle? Typography. My partner is a budding author and as such I wanted the design to focus attention on the content. San-serifs were out, which meant finding a good serif that was easy on the eye. It eventually came down to a choice between Palatino and Georgia, neither of which are particularly stunning when viewed at 9, 10 or even 12 pixels.

Solution? Make it bigger. Much bigger. Typically that isn’t the first (or best) answer to a styling issue and yet, somehow, it just works. Sizes are defined in EMs, but body text is equivalent to ~14px and post headings a whopping 19px. Both give the body text a clear, carefree feel with a moderate amount of typeface styling actually being visible, making it a bit of a joy to build.

The design is comment free, yet there is easy access to the feedback form — encouraging more thoughtful responses — and, overall, I am pretty happy with the result. It’s also pleasing in that the final result matches the original sketch quite closely. Perhaps I have indeed remained true to my partners simple, yet elegant request. The comments so far is that I have.

Amusingly, my partner is as nervous about her re-invigorated launch into the blogosphere as I am in how well the design will be received in return. Design really isn’t my forte, but I am pleased on how it all turned out (it validated on first pass, no less) and how much I learned in the process.