Week 13 Page 6: Graphics Guidelines -- Consistency

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Guideline #3: Consistency

The treatment and style of graphics should be consistent throughout the site. For example, if you start using a certain frame style around the photos on one page, then you should use it for all the photos in the site (and potentially around anything else that has a frame too!). The same would apply to drop shadows, colors, opacity etc. By the same token, if you use one style of images, don't change to another style in midstream. Your images should look as if they came from the "pen" of the same designer. One of the pitfalls of downloading free clipart from the web is that the style of the clipart images is not always consistent. Make sure you don't fall into this trap!

Consistency web site examples:

Here are a couple of site examples that demonstrate consistency in handling graphics:

• Site #1: Look at the frames around the photos in this example! (Archived version)
  http://www.cateredbykate.co.uk/what_i_do.html Links to an external site.

• Site #2: Look at the images in this example... is there any consistency in style? If you click on the link below, you can enjoy the boat sailing across the screen too!
  http://www.paradiseadventures.com.au/ Links to an external site.

Other Consistency Examples:

• http://www.hensslerhenssler.de/ Links to an external site.
• https://mahzedahrbakery.com/#!/ Links to an external site.
• http://www.redcliffascent.com/ Links to an external site.
• http://www.famouscookies.com/default.aspx Links to an external site.