Axure RP 11 Core Skills Course: 14.5 Creating A Common Mobile Navigation Frame

AxureBoutique
1 min readDec 27, 2024

--

In this lesson, we created a mobile navigation framework with a bottom navigation bar, a header bar, and dynamic panel states for different content views. The bottom navigation bar includes items with icons, labels, and interactive Selected styles for visual feedback. Tabs were added for sub-navigation, grouped by a selection group to enable state toggling when clicked. Content was organized into dynamic panel states, each representing a different screen layout, such as tabs in State 2, placeholder sections in State 3, and an avatar with placeholders in State 4. Interactions were configured to switch between dynamic panel states when clicking navigation items or tabs, ensuring a responsive and interactive prototype that reflects typical mobile app navigation behavior.

Others:
Axure Libraries: https://axureboutique.com/collections/libraries
Axure Templates: https://axureboutique.com/collections/templates
Free Products: https://axureboutique.com/collections/free
CRM Course: https://axureboutique.com/collections/courses/products/axure-rp-10-and-ux-core-skills-course
Axure RP 10 Course: https://axureboutique.com/products/axure-rp-10-and-ux-core-skills-course
Axure RP 11 Course: https://axureboutique.com/products/axure-rp-11-core-skills-course

--

--

AxureBoutique
AxureBoutique

Written by AxureBoutique

https://axureboutique.com Enhances Your Design Experience We offer a curated selection of Axure libraries, templates, and articles.

No responses yet