Booklet

author

Alexunder Hess

Design

How to Design Soft UI Elements

design

Design

|

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

More booklets by Alexunder Hess

More Design booklets

Your recently viewed booklets

  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
See all booklets