Navgation:
Wireframing Kit for Better Prototyping in Adobe XD

Navgation:

Wireframing Kit for Better Prototyping in Adobe XD

There is no reason why we should as designers have to re-create standard components such as dropdown and tabular menus over and over again. It's a waste of your time, time that can be better spent solving actual design problems.

As I have mentioned before when sharing wireframing kits, my existing Illustrator wireframing assets are, per project basis, converted and recreated one by one. So let me share with you my common menus and standard navigation components. Use them as you see fit, and I will keep sharing small kits as I have them converted moving forward. Oh, and please check back for more.

Enjoy! ヾ^_^

Included in this kit

1. Menus

menus, horizontal, vertical and with icons
Horizontal and vertical menus, and with icons.

2. Dropdown Menus

Horizontal and vertical dropdpown menus
Horizontal and vertical dropdpown menus.

3. Navigation Bar

Standard top navigation bar with logo placement and search
Standard top navigation bar with logo placement and search.

4. Pagination

Pagination with page numbers and previous/next navigation
Pagination with page numbers and previous/next navigation.

5. Breadcrumb Trails

Breadcrumb trail with dividers
Breadcrumb trail with dividers.

6. Tabs

Tabular Navigation with active state
Tabular Navigation with active state.

7. Accordion Menu

Accordion menu with active state
Accordion with active state.

Enjoy! ヾ^_^


More Wireframing Kits for Prototyping in Adobe XD


Get this sent to your inbox

Let us share our thinking, opinions, practices, valuable resources and everything else that is happening at Studio Elsa.