It would seem that photographic website backgrounds are becoming more and more popular these days, to the point of being a major design trend. Today we look at the pros and cons of large, photographic backgrounds and some great real-life examples:
Pros:
Some of the pros of a photographic website background include:- Impact – Nothing has more impact that a photo so big it takes up your entire browser window. Photographic backgrounds are big, eye-catching and interesting.
- A Picture Says 1000 Words – If your website background can instantly display the gist of your website before people read one word then surely that’s a good thing!
- Immersing – More than regular photo slideshows and welcomes areas there is something very immersive about photographic backgrounds. They remind me of Imax cinema productions, whereby the panoramic views and huge sizes overwhelm your senses and make it feel like you’re already there. Simply put, photographic website backgrounds make you feel like you’re not viewing just another boring website, but are more comparable to looking out at a great view.
Cons:
The pros are all well and good, but there are some negative points to consider if you’re thinking about using a photographic background for your website:- Distraction – Large photos as a background (especially complex ones) are very distracting for viewers. Often they give a good initial impact, but then users struggle to maintain focus on your actual content (which after all, should be the most important aspect of your site).
- Hinders Readability – Your content and text is not only harder to maintain interest on, but becomes harder to read. Compared to simply plain backgrounds or gradients, the amount of data within a photo can often clash with website text.
- Pushes Down Content – Often because website owners want their background to be the main focus they will push down vital content in order to show as much of their photo as possible. This just goes against good design sense, as you never want your readers to scroll if they can help it!
Inspiring Examples of Photographic Website Backgrounds
The following examples are all great ways to integrate a photographic background into a website. I’ve outlined my thoughts on each one:Nada Con Marcos
This scenic landscape background is really engaging. The photo appears to be HDR, making it really ‘pop’. The energy of the swimmers and the waves provides a nice energetic contrast to the clean, calm website layout.
IBERE 40
The large flag photo background to this site is very relevant to the political theme, and provides a nice splash of color. The lack of detail in the photo makes the main part of the website really stand out.
Pronto Press
The large photographic background of a woman indulging in a cup of coffee is very sensual. The focus on her eyes and the dark background fits well with the rich theme of the site.
Juliana Barros
This background image is very emotive. The man walking through a field feels somehow spiritual, and the fade to an intense black background is very intense. The perspective and foreground blurring makes this site feel very real and palpable.
Pizzeria Napoli Centrale
This photographic background is obvious relevant to the restaurant theme. The close-up shot of the food instantly inspires an appetite, and the checked table cloth like background to the left smoothly transitions the content area into the photo.
Vivo Group
This website is so minimal that the photo background really pops. Particularly on a wide monitor this photo background feels like you’re actually gazing out at a beautiful view. Very effective!
Pure Grips
The background design of this website instantly helps showcase the product and its features/endorsers. Whilst it makes readability somewhat difficult it’s still very effective at portraying the site’s purpose as quickly as possible.
G2
I love how this photo background is positioned. It’s done so that the viewer gets the Point-of-View placement of a dining customer looking down at their plate. This effect is helped by the foreground blurring and view out onto the rest of the restaurant. This is actually far more effective than a regular shot of just the food. This point of view technique makes the viewer get a sense of what it would be like to eat at the restaurant.
Hotel Rottnest
Because of the size of this photographic background it feels very panoramic. The website elements (content areas etc) blend in with this main focus very smoothly, through a variety of grungy fades/borders. The rotating background images provide a view of the highlights of the resort, in a kind of ‘virtual tour’ experience.
Parachute Journalists
The Parachute Journalists make themselves the main focus of the website, which is something you’d expect from band promotion. The central focus of the site is then the band, and viewers are encouraged to check out their music at the top of the site.
Hokkaido Resort Wedding
This website is clearly capturing a very happy theme and the large, bright photographic background fits perfectly with this. Combined with the colorful palette and fun, clean design it’s very effective.
Romapa
Another restaurant website, you can see why photographic backgrounds are so popular within the industry. This website provides a lovely overview of the restaurant interior, allowing content to be readable through use of a semi-transparent black content area.
Chicago L-Shirts
This background is perfect as it not only provides a nice, grungy background design, but it instantly showcases the company’s products. Interestingly the typography on the shirt in the photo matches that of the website, showing a smooth transition from the online presence to the physical product.
‘Made Good Typography’ by Clideone
Nero Design uses a theatrical photographic background to create a very dramatic backdrop for their site. The intense lighting and emotive characters add a lot of passion into this website.
Hurtta
Hurtta provides a layered effect, by combining a central photo slideshow with a wider background image. As a result we get the feeling of perspective/distance, as well as an overwhelming sensation of what the company do.
Villa Rosa
The warm photographic rotating backgrounds of this site fit perfectly with the warm color-scheme of the wider design. Overall this warmth accentuates the cosy feeling implied by the company, and associates them with home comforts.
Tidak ada komentar:
Posting Komentar