25 Examples Of Light Effects In Web Design

Some examples of how people use light effects to enhance their web designs either by giving it more colour or by giving it more depth, check out my selection from around the web for some inspiration.

You might also enjoy: 25 Examples of Light and Space Effects In Web Design

Trent Cruising

trentcruising

Squarespace

squarespace

Theater Website Services

theaterwebsiteservices

Serj

serj

Mediocore

mediocore

Macalicious

macalicious

Yourt Web Job

yourwebjob

Jamison Banham

jbanham

Alcomi

alcomi

Us trendy

ustrendy

Poolie Studios

pooliestudios

Pixel-House

pixel-house

Twiistup

twiistup

Source Bits

sourcebits

Sergey Stanchev

sergeystanchev

Icon Dock

icondock

Graphik

graphik

Future Tap

futuretap

Fernando Sergio

fernandosergio

Feels TV

feelstv

Digimurai

digimurai

Design Disease

designdisease

Causecast

causecast

Box Wish

boxwish

Code Art Media

codeartmedia

Comments

Seen any more light effects in designs any where feel free to leave a link in the comments.

Share post on facebook

Author of this post: Max Stanworth

Iam the creator and editor of Design Shard, I created this blog to post my inspirations, work and free resources that I hope others find interesting too you can also follow me on twitter @designshard. See all posts by: Max Stanworth

65 Comments (Leave a Comment)

  1. Gemma

    The TrentCruising website has an easy on the eye light effect which can be duplicated if you follow the tutorial at http://www.scribd.com/doc/7239094/Photoshop-Underwater-Effect. Just follow the instructions for creating the light effect and ignore the rest of the tutorial.

    Reply
  2. I don’t know but I always like anything that has a blue color in it…its so nice and soothing. All the blue screen shots above look pretty amazing to me.
    Jessica´s last blog ..Acai Optimum and Advanced Colon Cleanse Helps Lose Weight

    Reply
  3. Some great examples – I have always loved the use of light in web design.
    Simon Bugler – Cornwall Web Design´s last blog ..Pictures- Surprising Creatures Found Deep off Australia

    Reply
  4. Great post! Thanks for putting all the different possibilities/options all in one page. Good, creative lighting can add that oomph that’ll make a website stand out from the rest.

    Marketing guy, your website looks awesome :)
    Denver Graphic Design´s last blog ..Not Just Another Pretty Interface

    Reply
  5. your website is absolutely gorgeous and your style is awesome. Thanks again!

    Reply
  6. thank you very good article

    Reply
  7. Wonderful collection.Good one.

    Reply
  8. Using a light source the right way can add dimension and beauty to a website design. Strong light sources create a stark contrast between light areas and shadows in a design, making the elements look more realistic!
    Richard Ball´s last blog ..Website Design Compatibility Checking

    Reply
  9. Great blog, although I think some of the stuff on itt is a little pre used lol.

    Reply
  10. WOW… these are great websites.I wish the trend will become like that also in europe.

    Reply
  11. The effects make such a huge difference to the design, most of these would look quite flat without the background lighting.

    Great selection, but these always seem to be filled with web designers, where is all the client work?

    Reply
  12. This can’t be formulated better

    Reply
  13. Well done – keep it up!

    Reply
  14. We love this page and use it as a reference for clients looking to get some pop in their sites! We also used it as inspiration for our own redesign (http://www.jivaldi.com).

    Reply
  15. It is just like drawing a picture and adding light to it. What a difference it would make to a website that may not as cool as this one. I think my favorite from above is US trendy. I love the designs in the background.

    Reply
  16. Great collection of inspiration here!

    Check out http://www.knrdesigns.com

    Keep up the good work!

    Reply
  17. Great examples guys,
    thanks

    Pradeep

    Reply
  18. Great reference. Nice to get of designers prospectives. Not only in choice of ‘liked’ sites, but element selection. The ‘Light and Space’ examples are also well worth bookmarking.

    Reply
  19. Thanks for the round-up. Some really nice examples.
    Here are some more:
    http://newism.com.au/
    http://www.neutroncreations.com/
    http://www.foehn.co.uk/ (try to ignore the annoying flash banner)
    http://www.rareview.com/ (nice, subtle flash header)
    http://www.friskdesign.com/

    Reply
  20. deia

    woOOoow great thnx ..

    Reply
  21. Some good examples. tx!

    Reply

Leave a Reply

CommentLuv Enabled
Website Templates Wordpress Hosting

Facebook Fan Page

Monthly Archives

Site Sponsors

Design Shard Flickr Group

Mind the Body!Absolut Vodka Ad.Annapurna Expedition 1970EverythingBjörkCole me on the panny sty.funky grannyfunky doodle like 9The Shinslove