Axure RP 11 Core Skills Course: 14.5 Creating A Common Mobile Navigation Frame
https://axureboutique.com
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
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
Leave a comment