About The Author

Angela Rohner is founder of the Flash and CSS design gallery TheBestDesigns.com, which she started in 2001. She currently works as an Art Director and Front-End … More about Angela Rohner

35 Examples Of Masterful Lighting Effects In Web Design

        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 and dimensional and less flat. Some websites opt instead for a dim light source to create a soft glow around particular areas of the website, to attract the eye more subtly. campcreativegroup.com Lighting can also create a mood for a website. Some websites use bright swirls of light to show energy, while others use a dim glow to create a peaceful mood. In the examples below, you will see a wide range of lighting effects used, from subtle lighting effects to bold rays of light streaking across the page. You can learn how to better use light and shadow to polish your page designs and make them stand out on the screen in our recent article 5 Simple Tricks To Bring Light and Shadow Into Your Designs.

        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 and dimensional and less flat. Some websites opt instead for a dim light source to create a soft glow around particular areas of the website, to attract the eye more subtly.

        Lighting can also create a mood for a website. Some websites use bright swirls of light to show energy, while others use a dim glow to create a peaceful mood. In the examples below, you will see a wide range of lighting effects used, from subtle lighting effects to bold rays of light streaking across the page.

        You can learn how to better use light and shadow to polish your page designs and make them stand out on the screen in our recent article 5 Simple Tricks To Bring Light and Shadow Into Your Designs.

        Masterful Lighting Effects In Web Design

        45royale

        45royale.com

        Newism

        newism.com.au

        TaoEffect

        Screenshot

        McCafe

        Screenshot

        Postbox Inc.

        Screenshot

        Weloveicons.com

        Screenshot

        31 Three

        31three.com

        Icondock

        Screenshot

        Mailchimp

        Screenshot

        for a beautiful web

        Screenshot

        CampaignMonitor

        campaignmonitor.com

        Crush + Lovely

        crushlovely.com

        Camp Creative Group

        campcreativegroup.com

        Design moves me

        designmovesme.com

        ditley

        ditley.com

        artificial studio

        artificialstudio.com

        Revive Africa

        Screenshot

        Lisa Moseley

        Screenshot

        WebKitbits

        Screenshot

        rareview

        Screenshot

        Your Web Job

        Screenshot

        Strutta

        Screenshot

        Drew Wilson

        drewwilson.com

        envato

        envato.com

        icebrrg

        icebrrg.com

        Revyver Labs

        labs.revyver.com.com

        Mike Precious

        mikeprecious.com

        nekob

        nekob.com

        nitobi

        nitobi.com

        Search Inside Video

        searchinsidevideo.com

        Monterey

        seemonterey.com

        Tutorial9

        tutorial9.net

        GoodBytes

        goodbytes.be

        foehn

        foehn.co.uk

        Alex Buga

        alexbuga.com

        youLOVE.us

        youlove.us

        avalonstar

        avalonstar.com

        Viget Labs

        viget.com

        Barack Obama

        barackobama.com

        Smashing Editorial (al)