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.

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. See all posts by: Max Stanworth

54 Comments (Leave a Comment)

  1. 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
  2. Great blog, although I think some of the stuff on itt is a little pre used lol.

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

    Reply
  4. 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
  5. This can’t be formulated better

    Reply
  6. Well done – keep it up!

    Reply
  7. 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
  8. 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
  9. Great collection of inspiration here!

    Check out http://www.knrdesigns.com

    Keep up the good work!

    Reply
  10. Great examples guys,
    thanks

    Pradeep

    Reply
  11. 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
  12. 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
  13. deia

    woOOoow great thnx ..

    Reply
  14. Some good examples. tx!

    Reply

Leave a Reply

CommentLuv Enabled
Website Templates Wordpress Hosting

Monthly Archives

Design Shard Flickr Group

New Personal Business Cards.  The Rose - Advertising ConceptLogomarca: BLOCOEncima BCday 72 - on the edge13 windows - bookmarks13 windows - 5 am spazm - second versionday 70 - please, come outday 69 - freezing actionday 71 - missing rockswordpress blog template design