Another infographic, this time for the FT

Just finished a collaborative design job with the lovely Sam (he deserves most of the credit for coming up with it all) for the FT, showing the use of their mobile HTML5 web app. There were some interesting stats that were missed out of this one too, such as they've seen 50% of native app users switch to the web app (a great case study for HTML5 web apps!). Anyway, here's the graphic, and here's the original blog post.

No points if you can spot my minor screw up...

FT Mobile Infographic

Playing with watercolour and sketch again...

I've never been good at drawing people. I can never seem to capture shadow correctly, or get the right colours. I've been playing with my tablet and tracing over photos, and now having a play with colour. I've thrown more colour on this one, but then stripped it back because it didn't look great.

Anyway, more playing needs to happen...
Image

Experiments in watercolour 2 - The Critter

I've been playing around with watercolour style painting again, but this time moving across into photoshop. The only thing I don't like about drawing in photoshop using the tablet is that I haven't yet found a way to smooth lines, so my unsteady hand shows more (anybody know a way to do smoother lines in photoshop?). This is part of a potential design for a project I'm working on for a client, Ubelly. I'm quite happy with the overall effect...

Image

Submarine style typography

Image

Today I mostly laid on the couch, struck down with illness. I threw on the Richard Ayoade film Submarine in the afternoon and I absolutely love the titles. The 60s (I think?) style typography, with massive kerning/tracking to fit it in lines and bold colour is gorgeous.

I did some research and it looks like it was a custom font that was made for the film, so I tried to do my own riff on the style. This is what one does when one is bored.

Submarineinspired

A great guide to CSS Typography

The_ultimate_guide_to_css_typo

Playing with websites and content for most of the day, I've come to appreciate the subtleties of a beautifully crafted paragraph. However, something that a lot of people don't understand is that the aesthetic elements of the paragraph are just as important in achieving a readable, balanced paragraph. There are some rules when it comes to line heights, paragraph widths and letter spacing, and I can never remember what they are, which is why I love this article.

three styles have done a handy guide on everything typography when it comes to web design. Check it out here.