Modern designs are incomplete without a drop shadow effect. Shadow add depth to the layer and bring design to the life.
Advantages of Using a shadow to UI component
– It adds depth to the component.
– It tells our brain that which elements we are looking at.
– As a user it tells us that on which element we have moved our mouse.
Note
Make shadow look natural and asthetic. Do not make it too dark or ugly. it should give a elegant effect to the UI component.
Type of Shadow effect we can use in the design.
1. Elevation
2. Softer Shadow
3. Add Shadow Layer
How and where to use the elevation?
Elevation employs shadows and blurs to create a multi-dimensional effect, signaling to users that an object or experience holds a heightened status or importance within a given context.
When an experience involves two distinct elevation levels, increasing the elevation of the highest-priority item helps clarify and distinguish between surfaces, reducing confusion for users.
