Light and shadow are everywhere in our daily life. Everything that you see is an image formed through the reflection of light. Visually, light and shadow help us to identify things, aware of their materials, scale and perspective.

Therefore, if we want our website to be more natural, dynamic and intuitive, correct understanding of the effect of light and shadow becomes very important. The following 5 techniques are to help you make better use of light and shadow, and allows you to design more sophisticated, outstanding design.

Brief analysis of the principle of light and shadow

The illustration below, the light comes from the left, where it shows the strongest light, and the shadow is formed at the farthest distant from the source of light. The existence of light helps us to perceive a large amount of information on materials.

However, you may want to ask, ‘does this have anything to do with web design?’

If you intend to create a rich texture interface, lighting can help you. Like many traditional artists use light in their paintings, you can also use lighting to give your design some depth and visual interest.

To be continued…

Edited By Dan Li