HTML & CSS
Article
By Jennifer Farley

Creating Impact With Photographic Backgrounds on the Web

By Jennifer Farley
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

As web designers, we generally try to design sites with three main goals:

1. Grab attention

2. Communicate a message

--ADVERTISEMENT--

3. Create a lasting visual impression

Sounds simple enough, doesn’t it? Your design and layout plays a big part in determining if visitors will stay long enough to view your content and see what you have to say. By creating visual impact you grab the viewers attention and (hopefully) get them interested enough to read your message.

There are several ways to create visual impact and in the past I’ve written about Contrast, Value and Color which are all very important elements in design. Many skilled designers are using photographic background elements to to create eye-catching sites while not losing the message in the middle. Let’s have a look at some examples. These sites are a mixture of Flash and HTML based sites.

Chicago L Shirts site displays their t-shirts as full-sized background images.

ChicagoL

The Culinaria Food And Wine uses large photographs of food and drink with text overlaid on a semi-transparent white box.

Culinaria

In the Formoda site, the main background image changes in each section. The images are brightly colored yet leave plenty of white space for the main heading and brief message on each page.

Formoda

Future Management And Marketing uses the same photographic image in the background throughout the site. The text is overlaid on a semi-transparent background.

FutureManagement

Each section on the Green Infrastructure site features a photographic close-up a nature scene – leaves, shells, bubbles which complement the text on the page.

Green

Go To China has some beautiful photography. Again each section has its own background image and information appears in a white text box above the image.

Shanghai

My Big Dog Bakery has an unusual collection of background image, but the home page (below) has a sweet old-fashioned image of a girl with a pack of Irish Wolfhounds.

MyBigDog

August Creative Agency

August

What do you think of these sites? Do you like the use of large photographic backgrounds?

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?