Bokeh Effect in Web Design
Inspired in (Web Design) by Chad on January 20, 2010
Last week I posted 7 Hi-Res Bokeh Textures that I took over the Christmas break. Thus far the post has been very popular and with Bokeh effects blowing up everywhere, I thought I would try to gather some really cool sites that utilize this effect.
In my browsing, I found that most of these sites use this effect as a background. This effect rarely was ever the main graphic, even though it might be a very obvious element on any page. I also enjoyed finding out the different types of Bokeh, there is the very subtle blurred version, there is also the sharper and more transparent effect. Throughout all of these sites, the Bokeh effect is a very colourful, and beautiful texture, it adds very interesting subtle details to these examples.
Loading ...
hey Chad… very nice wrap-up of sites and textures. I will be using one of these trendy textures in an upcoming project! Thanks again.
Great collection !
And what about a moving bokeh here : http://nicolasbphoto.fr
I really like how some of the blurrier effects give depth to the overall composition and make the foreground pop. Nice collection.
Really inspiring designs!
Thanks for sharing it.
Why not include tutorials for creating bokeh effect?
May be I will do that!!
Bit tired of this design trend. It was fun at first, but I’ve seen it so many times that I’m done with it.
Thanks for putting together the collection, Chad! Some good examples there. However, while an interesting background can add depth to an otherwise flat page design, that’s the easy part. It’s the stuff in the foreground that gives me the most grief! Yet I’m all for adding more depth to web pages. It’s a web page, after all, not a sheet of paper
This effect generally looks pretty nice, but I see it as just being a trend that may be getting a little long in the tooth. It’s not really something I see standing the test of time.
what a nice collections of pictures.. i like it…!!
hey! guys take a look to my collections to:
my beautiful collections
Woooooooooow i like it
Louis – That would be great, thanks for all the great retweets
Nikhil – That would be great, if you would like to talk about a tutorial on Inspiredology email me muellerchad[at]gmail.com
Kuldar, Chris – Yes its a trend and it will die out like every other trend, but that’s the beauty of Web Design, trends come and go and it keeps everything fresh.
Muito bom esse post, segue um link de livros sobre Web Design, http://www.cotacota.com.br/busca2/livro_web-design_99
That’s cool. I like those sites. I hope one day i will be able to make something like that.
Great collection you have there!
Thanks for including zeemiDesign as well (I designed it)
you can find a wordpress theme with that effect here: http://wordpress.org/extend/themes/cute-bubbles
Great list. i am using this effect on some of my tutorials too.
Great collection, Bokeh effect in Web design is pretty and cute.
If you include tutorials it will be more useful.
Thanks for the feature guys….
My Google Analytics shoot rocket high with this article….