Booklet
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