Axure RP 11 Core Skills Course: 14.4 Creating A Common Web Navigation Frame
https://axureboutique.com
In this lesson, we created a versatile navigation framework for web design, including both top and side navigation bars. The top navigation bar dynamically adjusts its width to match the screen, incorporates a logo, menu items, and collapsible submenus, with interactive features such as hover effects and state toggling. The side navigation bar adjusts its height to fit the screen and includes primary and secondary menu items with toggling visibility and dynamic panel interactions. Both navigation bars feature customizable styles and responsive behaviors, ensuring functionality across different scenarios. Finally, the prototype allows smooth interactions: hovering over the top menu displays submenus, while clicking the primary side menu toggles its corresponding submenu.
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 versatile navigation framework for web design, including both top and side navigation bars. The top navigation bar dynamically adjusts its width to match the screen, incorporates a logo, menu items, and collapsible submenus, with interactive features such as hover effects and state toggling. The side navigation bar adjusts its height to fit the screen and includes primary and secondary menu items with toggling visibility and dynamic panel interactions. Both navigation bars feature customizable styles and responsive behaviors, ensuring functionality across different scenarios. Finally, the prototype allows smooth interactions: hovering over the top menu displays submenus, while clicking the primary side menu toggles its corresponding submenu.
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