The Principles of Beautiful Web Design: Typography and Imagery

The final two chapters of The Principles of Beautiful Web Design offer less how-to and more tips and tools.  If the words serif, sans-serif, and Verdana are new, then I highly recommend reading chapter four through.  If PNG, royalty-free, and GIF transparency do not ring a bell, read through chapter five.

Regardless of if these topics are brand new or old school for you, here are some useful websites and a few quick notes that might be handy.

Web Safe Font List

These fonts are consistently available across Windows and Mac platforms and usually other OSs as well.

  • Arial
  • Arial Black
  • Comic Sans MS
  • Courier New
  • Georgia
  • Impact
  • Times New Roman
  • Trebuchet MS
  • Verdana

Font Websites

Font Guidelines

Generally try to pair a headline in one font family (ie serif, sans-serif, handwritten, fixed-width, or novelty) with the rest of the text in another font family.  Avoid using more than two typefaces for a website.

Image Choosing Questions

Make sure you can almost always answer "yes" to at least two of the following questions:

  1. Is it relevant?
  2. Is it interesting?
  3. Is it appealing?

Finding Images

  • Do not get them from Google Images!  Should be a no-brainer, but definitely worth mentioning based on how common it is.  This is almost always copyright infringement.
  • stock.xchng - a source we have used for year, just be sure to double-check the license

About Us

Experienced Web Development from Des Moines, Iowa.

We do Drupal or Wordpress websites great and small – tailored to fit your needs. Reach out to us so we can begin. Our clients are in Des Moines, Iowa and across the world. If you have a large scale custom web project, we can be the reliable web partner to make those dreams a reality. But, if you need a simple brochure site or an e-commerce platform for your business, we can come alongside and make that happen too.