Design+Code logo

Quick links

No results found

Suggested search

illustration

Prototyping Maps app Part 2 - Nav Bar and Drag gesture

icon

Add to favorites

Learn how to prototype the Nav bar and drag gesture

Welcome back to the second section of my maps app prototype. In the first section of this tutorial series, we learned how to animate the action buttons, car and map animations and icons animations using after delay and while hovering interaction. Now that we got all the informations, we’ll prototype the top nav bar using while hovering interaction to make like a bouncy effect and we’ll finish with the drag gesture using on drag interaction.

Purchase includes access to 30+ courses, 240+ premium tutorials, 120+ hours of videos, source files and certificates.

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

Browse all downloads