Typography in Web Design

typedesign.jpg

It’s amazing how much detail goes into a website. Think of the functional components, programming technology, tags, site navigation and the personas. Phew! And that’s before we even touch the content.

Design is the glue that holds everything together. And with so much to think about when you’re a web developer, I’m now going to add another to the list: typography.

When I studied (as a print designer), typography was a huge part of my course. In the Internet Age, it seems to have taken a back seat to structure and image manipulation, even though it’s such an integral part of keeping web layout together. If you take a quick browse through some of your most visited sites, I’ll bet you’ll see a noticable lack of well-weighted typography.

With the aim of keeping typography on the check-list for managers as well as designers, here’s a quick list of points to keep you honest:

1. Typography is about space. Like photography is about manipulating light, typography is about manipulating space. If the space (between lines, between letters) feels right, you’ve done a good job.

2. Sans serif CAN go with serif. The old adage of ‘don’t mix sans and serifs’ is NOT true. You’ve got to do what’s right for the project.

3. Type is meant to be be legible. If a designer says something like ‘it’s not supposed to be read’ or ‘I want the visitor to work for the message’ it means that someone’s chain is being jerked.

That’s all I got for now, but if you’ve got time, check out Smashing Magazine’s gallery of sweet typography acrobatics here.


Speak to one of the chefs

need advice?

Speak to one of the chefs

If you're looking to cook up a world beating web strategy, or just looking for some tips on how to convert your current web presence into something special - drop us a line.


2 Comments

  1. Posted May 13, 2008 at 4:28 pm | Permalink

    Hi Fred:
    This was valuable. I’d like to invite your comments on Bitrix Virtual Lab: http://www.bitrixsoft.com/sitemanager/demo.php. Does their design aesthetics meet your standards?

  2. Posted May 14, 2008 at 10:15 am | Permalink

    Leslie, thanks for the comment. Had a brief look at your site, and to be honest, there’s not much thought into the layout of type and fonts used in a design context. Whether the site works is another question, and I think a general simplification is in order, but sticking to the theme of typography, I think that the site could do with a fresh designer’s eye. Have a look at the Smashing Magazine typographical galleries for great examples of how a designer can really think about how type is used to deliver the message.

got something to say?

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*
RSS Subscribe to our Newsletter Read more about World Wide Creative