Wednesday, December 14, 2011

Typographic Content Review: Typography on the Web

Typography on the web is quite a bit more restricted than typography in various forms of print. The only possible workaround is to render your type in an image file, and put that up as part of a webpage. However, with the advent of flash and other interactive media this is possible to play with much more. Wix.com for example even allows the selection of fonts besides those built into a user's system, as they've been 'embedded' in flash (if there's a more technically accurate way to describe it, I don't know).

However, one of my favourite flash sites is Neave.com by Paul Neave.  While the site's recently undergone a change of layout, the interactive flash content library remains (and has even expanded).





What I like about this site is not only the flash (Planetarium is one of my favourites, depicting a 3D sky with mapped constellations) but it's all neatly organized in a sleek, clean looking interface. The type varies from loud and adventurous (decorative fonts and altered letterforms to suit the purpose, see 'Tetris') to clean sans serif fonts like those seen above. Each flash game and activity is represented by it's own unique logo. For example: 'Television' is all in caps and set in a tallish font resembling that of an old school TV station logo (accurately representing it's noisy, attention grabbing nature).

Legibility:

Some of the games have logos that are straightforward, whereas games like Tetris rely on a font that emulates the blocks used in the game.

Spelling and Punctuation:

I haven't found any errors in the games I looked at, though I wasn't able to explore the whole site (there are a significant number of new ones that've been added since my last visit).

Context:

Theme based, depending on the game.

Colors:

There are a variety of colours and colour schemes used on this site, as there are many different themes presented on different pages.
  1. Contrast:
    Depends which flash game, though for things like 'Planetarium' the navy blue and white provides a sharp (yet not overpowering) contrast. The 'Webcam Toy' game has a sharper contrast of White and Pink (with a hint of grey used in the drop shadow).

  2. Colors:
    Variable, usually bright and saturated hues.
  3. Saturation:
    Plenty of it.

  4. Frequency of Use:
    Throughout the flash games and splash pages on the site.


All images are screenshots taken of Neave.com

No comments:

Post a Comment