How to Design Soft UI Elements

How to Design Soft UI Elements

Like these

1. Draw a shape - any shape.

2. Add Drop shadow - Blur: 80, X: 30, Y: 30, Opacity: 10%, Color: #3754AA.

3. Add one more - Blur: 80, X: -30, Y: -30, Opacity: 100%, Color: #FFFFFF.

4. Change Shape color - Background color: #F1F3F6, Shape color: F1F3F6.

5. Add Inner shadow- Blur: 20, X: 4, Y: 4, Opacity: 50%, Color: #FFFFFF.

Bonus: Add Stroke

Enjoy!

Follow to get more UI and Motion design tips! Save this post for later! You can use it in your future projects.

Do you prefer this or classic UI style?

Alexunder Hess @alexunderhess.design