Skip navigation
BLOG  |  MARCH, 2008

Print Design Does Not Equal Web Design

March 21, 2008 at 2:43 PM
by

I spent 10 years as a print designer before coming to Newfangled. I knew almost nothing about how to design for the web when I arrived but, over the past eight years, I've picked up a few things and I now understand why it's very different from designing for print.

For example, one of the keys of a successful website is its content. And one of the keys to good design is making sure your site's content is legible. Admittedly, since I've turned 40, I've had to increase the text size on a few of my favorite sites to reduce the strain on my eyes.

But the following example was clearly executed by a print designer who believes function follows form instead of the other way around. I had to hit command-plus on my keyboard three times before I could even make out what the text said.

very tiny type 

Designers who think the web is just an online version of the printed page may as well say there's no difference between Mozart and Van Halen; it's still music, right? I'm not saying that general design principles cannot be applied to the web; good design is still good design. But the medium of the web has unique characteristics that require sensitivity to elements of design that aren't considered (or necessary) in print design.

So if you're a print designer looking to break into the world of web design do yourself a favor – before you buy Photoshop, read some books, take a class or kidnap Jakob Nielsen for a weekend and force him to tell you all he knows about user interface design and usability.


Comments
steve | March 24, 2008 11:20 AM

Actually that screenshot understates the problem. You were probably using Safari which always anti-aliases the fonts. The other browsers don't at that size and the result is often malformed characters missing key features (like the horizontal crossing stroke of a "t" or one of the horizontal strokes in an "E")
Justin | March 27, 2008 8:03 AM

Actually, Steve, it's worse than that. The text that is shown in the screen grab is a graphic instead of HTML text. So not only is it too small to read, but it's hidden from all search engines!
Justin | August 27, 2010 2:13 PM

Update: the text has been converted to HTML but it's set to 9px Times Roman. And it renders the same size in Safari, Firefox, Opera and Chrome.