Mo Dao prototype Tutorial: How to easily make menu navigation Dynamic Effect

Article Xiaolong

From Public Account: product prototype craftsman

 

 

You can use deformation to enrich the top menu

 

 

 

1. Pull a rectangle with a width of 375 and a height of 60 at the position of X: 0, Y: 202. The default size of a left-facing icon is X: 26, Y: 383. The default size of a right icon. The position is the same as that of the left icon to hide it.

 

 

 

 

1. Pull a global gesture first. 2. Add status 23. Hide to left. Show to right. 4. Set the rounded corner of the rectangle to 100. The width is 60. The height is 60. Change the position to X: 8, y: 20

 

 

1. Global gestures in the default status are linked to global gestures in status 22 and status 2. 3. Success

 

 

 

Https://pro.modao.cc/app/Q7iWmMXRsRbtt0PwmQWp8Mw3EsWY1Mp

 

Click to view the prototype project

 

 

Thanks again to the author Xiaolong for bringing us this sharing ~

Mo Dao prototype Tutorial: How to easily make menu navigation Dynamic Effect