Sep 08 2009

40 Creative and Inspiring Website Backgrounds Techniques

Advertisement

Web designers compete to impress visitors with distinctive and appealing visual elements. Background images are one of those visual elements that when designed properly, can create an amazing atmosphere and convey the style the designer has chosen.

In this post you will see how web designers carefully created background images to achieve their goals in engaging and facilitating the design elements and content.

Illustrative & Sketchy Backgrounds

Camellie

ScaryGirl

CreativeJoomlaDesign

Deanoakley

Fritz-quadrata

HugsForMonsters

Hutchhouse

CarrerasConFuturo

Chucku

Photoshoped Backgrounds

Littlebigplanetoid

Gruny

Cpeople

Dreamerlines

Matt Mullenweg

Koodoz

Lebloe

Using Textures and Brushes

Beakable

Ftdesigner

Loukotka

Ryanmcmaster

Brownblogfilms

Snopp

Subvert

Jameslaicreative

MarkupAndStyle

Repeating Pattern

ThingsThatAreBrown

Soyuzno

Go on Web

Simple and Elegant

Envato

Elliotjaystocks

Multiple Backgrounds

Mergeweb

StoryPixel

Kevinlucius

Carbonica

Odosketch

About the Author

The jungle is alive: Be it a collaboration between two or more authors or an article by an author not contributing regularly. In these cases you find the Noupe Editorial Team as the ones who made it. Guest authors get their own little bio boxes below the article, so watch out for these.

Homepage

Comments and Discussions
  • Gennice, 08 September 2009

    Amazing collection! These truly inspired me for redesigning my blog soon.

    Thanks!

    • danielthepoet, 09 September 2009

      Agreed. Seriously just got my creative juices flowing.

  • Alexandre Broggio ( Brasil ), 08 September 2009

    thanks for the collection ^_^

  • Greg, 08 September 2009

    Umm the image linked to and listed as Duirwaigh is showing the design from Matt Mullenweg’s ma.tt site

    • Noupe, 08 September 2009

      Thanks for the heads up. Just fixed the link.

  • Nathan, 08 September 2009

    Awesomely inspirational collection ;-)

    Retweeted.

  • Gabriella Azurra Sky, 08 September 2009

    This is truly a great collection. Truly inspired :)

  • Gabriella Azurra Sky, 08 September 2009

    This is truly a great collection. Truly inspired :)

  • BlogLuomLat, 08 September 2009

    I like Camellie because it very cool :D

    I’m from Vietnam

  • Thomas, 08 September 2009

    These are some really awesome designs!

  • courts_metrages, 08 September 2009

    nice list ! thx :)

  • Claireatwaves, 08 September 2009

    Some of these are gorgeous!

  • carl smart, 09 September 2009

    great list, I love some of these designs.

  • e11world, 09 September 2009

    This will really help me design my up-coming blog. Thanks for the wonderful list.

  • Jhay, 09 September 2009

    Cool. Great! Thanks.

  • Thomas, 09 September 2009

    Really nice selection, I discover lots of them !

  • Ivan Miši?, 09 September 2009

    THX for the collection :-)

  • Website Designers Stoke, 09 September 2009

    Great list, thanks.

  • madz, 09 September 2009

    Errr, I can’t choose one, because I like simple blog designs, something that suits my personality.

  • Ahmed, 09 September 2009

    i love the Gruny its also in free wordpress theme u can search it

  • PelFusion, 09 September 2009

    creative and inspiring…

  • Alex Yang, 10 September 2009

    great list ;) thank you!

  • muhammadiq, 10 September 2009

    simply i love this post ! thanks

  • Kat, 10 September 2009

    Some friends of mine made the Scarygirl site, great to see it in the list ;)

    You can read an interview I did with them on Vectortuts+

    http://vector.tutsplus.com/articles/interviews/interview-with-nathan-jurevicius-touch-my-pixel-and-renmotion/

  • desgaus, 10 September 2009

    love the post! very inspiring…thanks!

  • John Moray, 10 September 2009

    Such a great post. Thanks for sharing :)

  • wien, 10 September 2009

    i like GRUNY

  • AtiKuSDesign, 10 September 2009

    The last design I worked on had an interesting background which, at first was a tough one to code, but now I have it working and can use that technique from now on.

    Great list of inspiration, thanks!

  • Bahy M. Ali, 11 September 2009

    Thinkgeek.com also uses an awesome technique in using multiple backgrounds, it took me a while to figure how they did it, but it turned to be as simple as layers!.. that is a really inspiring post, thank you =)

    • Danny G., 12 October 2010

      How does thinkgeek.com do it. im trying to do something like it?

  • laura, 11 September 2009

    Interesting backgrounds; wonder how long they take to load and how they are on mobile.

  • john, 12 September 2009

    thx for ur collection

  • tutorialzine, 13 September 2009

    Those are some amazing designs. Thanks for the post!

  • Scripts Directory, 14 September 2009

    Wow! you’ve a very nice list of creative designs. Keep on posting such useful things and let the creative juices flow.

  • Interface, 14 September 2009

    Great designs! I particularly like ScaryGirl and Camellie!

  • steppinout, 14 September 2009

    Awesome collections

  • MetacomCreative, 15 September 2009

    A lot of cool sites here! Background techniques are always great to see. Almost makes me want to re-do my current one, haha.

  • Shanna from Roger West, 17 September 2009

    Great collection! What was your criteria for choosing these sites?

  • John | English Wilderness, 19 September 2009

    A fantastic collection. Hopefully I can find inspiration to liven up my webpages.

  • Alexandros, 19 September 2009

    Utterly amazing collection!
    Thanks for sharing!!!

  • m*, 19 September 2009

    Great collection

  • ghprod, 06 October 2009

    Really amazing collection!

    they really outstanding of designed!

  • Some really creative designs here – thanks for the post.

  • sab, 05 November 2009

    Thanks for the information. It will be useful for many.

  • Website Templates, 01 January 2010

    It is a nice collection and all designs are of the same capacity.Any one can get more better design by using search engine.

  • Suunnittelua, 21 January 2010

    Nice list. Thanks!

  • Telugu Cinema, 24 February 2010

    Your free wallpaper are all nice, simple yet elegant and very creative. keep up the good work.. You make people happy with your nice works..

  • This is a very nice collection! It is always inspiring to see what other designers are creating. I really liked the BrownBlogFilms design.

  • Sameir, 31 March 2010

    Great collections. Truly inspiring.

  • very good!!!

  • Elden Littlejohn, 12 June 2010

    Thanks for the review.

    Another thing, loving your blog layout. I had a similar blog to yours before I sold it on a few months ago.

  • jaishmin, 17 August 2010

    very inspiring…thanks!

  • martinezjmiguel, 24 August 2010

    Nice collection, would like to share mine as well, simple and quick solution I did for my portfolio, thanks for the post.

  • jaishmin, 27 August 2010

    nice

  • Feeqah Freaq, 17 January 2011

    nice and thank you very much… your list helped me in my assignment.. just bookmarked this in case i forgot.. =)

  • kunal, 06 February 2011

    I create custom designs for websites, interfaces and
    webapps based on your requirements & preferences. I’m
    experienced in print and identity design too

  • I*Creative, 07 February 2011

    Great design list!

  • Projekty organizacji ruchu, 20 February 2011

    What plugs are you currently using to avoid spam?I’ve got TONS of spam in the comments on my blog. Cant take care of it :/. Akismet fails generally.

  • Brian, 14 July 2011

    Totally awesome backgrounds!

  • Ashok, 22 February 2012

    Some of the designs are really good and awesome!!!

  • olayinka, 15 December 2012

    wonderful stuffs you’ve got ….. it cool and lovely …

search form
 
image description image description