Web Design: Photographic Background
If I were told to make a list of web design trends I love, there would be really few itens. Wood, glowing stuff and other things... and most definately, photographic backgrounds!
I even had a personal project back a few years agora, but it never went online. Here are a few websites that we get to see this awesome trend... most of them are flash sites, because when you have a photo background, it's important that it will respond to your resolution... otherwise, if you have a 1280x1024 back photo, it will lose a lot of information in 1024x768.
Do you guys know any other cool sites like these? Or even cool tutorials on how to do it? If so, leave a comment! Enjoy! ;)
Explore the thumbnails to enter the photoback.
Just choose a language and it will pop up.
About author
Hello, everyone! I'm Paulo, a 24 years old designer from Porto Alegre, Brazil. I work as a webdesigner since 2006, but websites and blogs have been a hobbie for me since 1999. At Abduzeedo, I try to bring only the hot stuff for you guys... and hope that all of you enjoy my posts! Cheers! *Now on Twitter.
Sponsored Links:
another good usage of fullscreen web site;
http://www.carmikliyapi.com
Very good collection, thanks!
great work. congratulations. best: #3 (the blue)...pure inspiration.
These are great selections. I particularly like Signal 7.
Here's how to do this in CSS if anyone's interested.
http://css-tricks.com/how-to-resizeable-background-image/
Nice post! I like the concept of using a large background image very much! Although I'm not a flash supporter... With a css based site it's a bit more difficult but with the help of some javascript a lot can be done!
Both thenorthface.com and jansport.com have recently relauched with photographic background sites. The scaling technique for different resolutions and even browser window resizing is really nice.
I also love this trend. great selections in your post!
i know that the H&M website also does this: www.hm.com
Very Nice! Very Creative Websites.. I think it will take month's to finish one of those..
Nie bg photo makes sites looks hot and its pretty easy way to make them look nice)
Hi!
One of my fav trends. I don't know tuts, but there are only a few specialities for this style. At publishing set the flash content to 100% width/height, set the Stage.align to "TL" (for example - to align the origo at top-left), set the background photo's width to Stage.width, and to constrain proportions set the other dimension to the resized dimensions _x/yscale. Done:) If needed, i'll add a "site" template to Flashden.
My latest site (at the company i work) based on this style was Retro jeans, visit it at http://www.retrojeans.com
i've done a site a year ago or so with a photographic background: www.neliamusic.de/site
cheers!
Amazing list! The hardest in this art is to do it in XHTML/CSS: it's easier in Flash because it fits to your screen, but in usual ways...
here's my website with photo-bg i hope u'll enjoy it! :D
http://www.luckyday.it
Ruby Tuesday's uses this new trend.
Looks great, and i love their "loader" for the background image too.
http://www.rubytuesday.com/agreenruby/
I would love some how-to's also regarding this technique.
really good links thanks, its a shame there arent more websites like this that arent using flash. id like to see how theyd turn out
Great post. I love photographic backgrounds too. Here's a couple more - these are all photography sites so in a way they are backgrounds as well as main content;
http://www.letstakepictures.info/index.php
http://www.cake-factory.com/#/home/
http://www.brook-pifer.com/
These sites are amazing. Does anyone know where you can find a tutorial on how to build a site such as these?
Here´s another site with great use of photographic background
http://www.phillipsdepury.com/
Post new comment