40+ Stunning Website Designs and Textures With Heavy Use of Bokeh Effects

June 19, 2013 · 29 comments

by Lars

40+ Stunning Website Designs and Textures With Heavy Use of Bokeh Effects

IT seams like on of the trends in Web Designs currently is using Bokeh Effects for Background designs. I have to admit that I like it a lot if it is used right. So what is Bokeh? In photography, bokeh is the blur in out-of-focus areas of an image. Bokeh occurs for parts of the scene that lie outside the depth of field. In web design it is not any type of bokeh that is being used but in particular the kind of Bokeh you will get from drops of water reflecting light while not being in focus.  Some would also claim that Bokeh of this kind could look like blood cells under extreme magnification. What over it is being photographed or if the bokeh is simply synthetic and created in Photoshop it makes website backgrounds look really dynamic and appealing. This post showcase excellent examples of Bokeh inspired web design and then provide a large list of Bokeh textures that you can use yourself. Share your site or just one you know if it’s missing in this article.


ElegantThemes
ThemeForest

Advertisement

Examples of Bokeh Used in Webdesign

CannonBall

Stunning Use og Light Effects in Webdesign

unuidesign

image

sony

image

Onvo Media

onvo-media

newism

Stunning Use og Light Effects in Webdesign

Traffik

traffik

72outlets

image

DesignDisease

Stunning Use og Light Effects in Webdesign

friskdesign

Stunning Use og Light Effects in Webdesign

envato

Stunning Use og Light Effects in Webdesign

Designphunk

designphunk

foehn.co.uk

Stunning Use og Light Effects in Webdesign

Vogue

vogue

Sattom Media

sattom-media

Bravura

bravura

sebcreation

Stunning Use og Light Effects in Webdesign

icondock

Stunning Use og Light Effects in Webdesign

Designed by Dave

designed-by-dave

Webunder

webunder

Squarespace

squarespace

causecast

Stunning Use og Light Effects in Webdesign

Lisa Maya

lisa-maya

fredmaya

Stunning Use og Light Effects in Webdesign

Zeemi Design

zeemi-design

Awesome Bokeh Textures for Web designers

OK if you also like Bokeh why not use it in your own designs? Below you will find all the textured you need to get started,

Bokeh Effects Pack

bokeh-600-9

Bokeh Texture

Bokeh_Texture_by_photoshop_stock

My Bokeh wall

image

My Bokeh

64835

Bokeh

Bokeh_by__kol

High Resolution Bokeh Texture

image

crazy firework bokeh

crazy_firework_bokeh_stock_by_DyingBeautyStock

Bokeh Dreamscene

Bokeh_Dreamscene_by_filipe_ps

Light Textures 2

image

40 Beautiful Examples of Bokeh Photography

bp12

11 Fresh HQ Bokeh Textures with Commercial License

IMG_6506500

Out of Focus: 30 Free Bokeh Textures

IMG_6422500

Bokeh Textures Pack

image

Long bokeh

long_bokeh_by_filthyhandss

Bokeh Texture Pack 001

Bokeh_Texture_Pack_001_by_regularjane

5 Colored Grungy Bokeh Textures

bokeh1

Grungy Bokeh Pack

regularjane.deviantart.com   www.regularjane.tk

Bokeh

image224

{ 23 comments… read them below or add one }

ZA at Free Articles June 26, 2011 at 11:16 pm

Thanks for sharing. These look great, will have to give some of them a try. Thanks.

Reply

eydesign June 20, 2011 at 4:50 pm

good resource, thanks for sharing, for texture, I recommend http://www.webtexture.net, they got some really cool collections.

Reply

Aptus It Support Brisbane June 6, 2011 at 8:57 am

nice work, ive just started on the word press journey hope it turns out something like this!!!

Reply

sanjeev March 14, 2011 at 10:16 am

Thanks For Such a Very Cool Collections

Thanks and Re grads

Sanjeev Kumar

Reply

Essex Builder November 18, 2010 at 1:58 am

Some nice designs, really inspiring.

Reply

Essex Website Designers November 10, 2010 at 4:38 pm

There is some really nice designs here. i4 visual media (my company) is in the process of getting its site redesigned and i have been looking for months to find some thing i am happy with.

Reply

Seb October 14, 2010 at 3:09 am

Thanks guys. I’ve designed a new version of my Website for the 5th anniversary :)

JS Rocks !

Reply

müzik dinle September 29, 2010 at 2:57 am

te?ekkürler css yapmay? yeni ö?reniyorum güzel bir kaynak

Reply

Graphic Chick Brisbane August 27, 2010 at 7:12 am

Cool collection that give you lots of inspiration!!

Reply

Lisa July 29, 2010 at 8:16 am

Geaat Collecton Guys !

Reply

jane July 13, 2010 at 10:44 am

seriously cool collection!

Reply

apple stores July 10, 2010 at 5:34 pm

Super-Duper Apple site! I am loving it!! Will come back again – taking your feeds also, Thanks.

Reply

Internet Marketing Newcastle April 26, 2010 at 12:04 pm

I never realized that Bokeh designs were so popular, but will now start integrating these designs and layouts into my clients designs.

Great post thanks for this.

Adam Price,
Founder of NettKnowledge.com

Reply

sikis izle April 22, 2010 at 2:21 pm

thanks man very nice code

Reply

seks April 21, 2010 at 1:51 am

güzel code on numara te?ekkürler hac?

Reply

MediaTech April 15, 2010 at 2:32 pm

Wow, this really an awesome collection, thanks!

Reply

Izdelava spletnih strani April 15, 2010 at 1:28 pm

Wow, these are really great!

Reply

Izdelava spletnih strani April 15, 2010 at 1:24 pm

Awesome designs!

Reply

seks izle April 15, 2010 at 2:47 am

babac?m number one web designs..

Reply

siki? izle April 15, 2010 at 2:45 am

waowww verynice Website designs

Reply

diziizle April 14, 2010 at 3:09 am

waowww perfect Website designs 10/10

Reply

Creative Web Designers March 16, 2010 at 12:40 pm

Some at the top are brilliant, specially their color scheme is amazing thanks for sharing

Reply

Thomas Craig Consulting March 7, 2010 at 2:23 pm

Very nice collection, complete with Texture pack. Thanks.

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 6 trackbacks }

Previous post:

Next post:


Web Analytics