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 you can also follow me on twitter @designshard. See all posts by:

65 Comments (Leave a Comment)

  1. Lousi Vitton monogram canvas vernis bags sale
    http://www.replicahandbagseller.com

    Reply
  2. Zain

    Great design here,thanks for sharing awesome template.
    I you are looking for mobile application visit us.
    http://www.enterprisemobility.ae/

    Reply
  3. Wow, this is superb.
    Some of the designs really look stunning only because of the light effect it has.
    Good Job!

    Reply
  4. really cool looking website layouts and designs.

    Reply
  5. These examples are great! Thank you for sharing.

    Reply
  6. Nitin

    Amazing light effects

    Reply
  7. Wow, you’ve got pretty good examples posted up there. Very inspiring !

    Reply
  8. I don’t know but I always like anything that has a rather blue color in it…its so nice and soothing. all the blue color is amazing to me.

    Reply
  9. i like the layout of serj , its like the beach on a sunny day , the lighting is not too much that it hurts the eyes, but just the right amount.

    Reply
  10. 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
  11. 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.

    Reply
  12. Wonderful collection.Good one.

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

    Reply
  15. This can’t be formulated better

    Reply
  16. Well done – keep it up!

    Reply
  17. 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
  18. 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
  19. Great collection of inspiration here!

    Check out http://www.knrdesigns.com

    Keep up the good work!

    Reply
  20. Great examples guys,
    thanks

    Pradeep

    Reply
  21. 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

Leave a Reply

WordPress Hosting
Wordpress Themes Website Templates

Facebook Fan Page

Design Resources

  • Revenant - Responsive Business Wordpress Theme
  • Minicorp WP - Not Just a Corporate Theme
  • Staggerly - Responsive News, Magazine & Blog Theme
  • Wedding vow - Responsive WordPress Theme
  • Orion - Responsive One Page Wordpress Template
  • Ipsum Social Blogging Responsive Wordpress Themeu
  • Gratia - WordPress Simple Creative Theme
  • Sereno | Fully Responsive & Retina Ready
  • SquidMag - Responsive Multi-Purpose Theme

Monthly Archives

Design Shard Flickr Group

DAN of SteelRBF_Paper Composites_ex_218RBF_Paper Composites_ex_217RBF_Paper Composites_ex_3l7jpgRBF_Paper Composites_ex_l8 (2)RBF_Paper Composites_ex_l4Ottowa - Responsive, Minimal, ProfessionalOttowa - Responsive, Minimal, Professional HtmlChenTop Gear Where's Stig? Stig's Secret Lair - Illustration by Rod Hunt - Isometric Pixel ArtBeinecke Rare Book and Manuscript Library