Contrasting designs

Find two online example of graphic design solutions that use low contrast and two examples that use high contrast. Thinking about the word contrast, in noun form, I like these 3: a striking exhibition of unlikeness; opposition or juxtaposition of different forms, lines, or colors in a work of art to intensify each element’s properties and produce a more dynamic expressiveness; Photography. the relative difference between light and dark areas of a print or negative; these definitions can apply here.

Low contrast designs

  1. Low Contrast design 1 - http://www.electrolux.com.br/bluetouch/ http://www.electrolux.com.br/bluetouch/ Full-screen video coupled with easy-to-understand demos explain the most important features of a new line of products with blue touch-panel technology.
  2. Low Contrast design 2 - Mount Washington Resort Realty http://www.livemountwashingtonresort.com/ With a poised combination of beautiful vistas and concise content, this site provides prospective homeowners with enough information to prompt a phone call to the resort’s sales office.

High contrast designs

  1. High Contrast design 1 - http://www.patagonia.com/web/us/tinshed http://www.patagonia.com/web/us/tinshed This new e-zine for outdoor clothing manufacturer, Patagonia, is loaded with audio, video and written-word dispatches from around the world.
  2. High Contrast design 2 - NIKEiD http://nikeid.nike.com From sportswear and Nike Pro apparel to Nike 6.0 and Nike, consumers can customize nearly every kind of Nike product on this redesign of NIKEiD—the most comprehensive since the site was launched in 1999.

Choosing a low or high contrast design will depend on both the subject matter, and the intended audience. Looking for inspirational examples, try commarts.com/webpicks first as this collection gives thumbnail previews. Also check webbyawards.com/webbys/current.php and americandesignawards.com/winter-2010/ for other winning examples.