Create a tab switch for axure

As a prototype tool, axure can help us quickly design the prototype and deliver the ideas of product personnel to technicians quickly and accurately.

The final results we hope are as follows:

Technorati label: axure, prototype, tab, switch

One of the simplest ways is to use dynamic panels.

First, create a blank dynamic panel, and then draw the style we need in state 1.

 

The following is the most critical step to make these elements move.

Select a tab, click onclick on the right, and select set panel state to state in the pop-up window. Select the corresponding status and click OK.

Then, you can copy all the designed elements to the other two States, and modify the tab style to adapt to the current state. For example:

 

 

In this way, the tab effect is switched. If you want to move the mouse over the tab, you can have a corresponding response, right-click a style and choose edit button shape> edit roll over style to edit the style.

In fact, axure the ease of use of this software is relatively good, get started quickly, especially if you master some DW or MS visual tools use experience.

PS: Although axure can make almost all kinds of effects, I have always been skeptical about the investment in complex effects. prototype is used as an intermediate transitional product, its value lies in the delivery of product design and use concepts. In the prototype handover process, product personnel and technicians usually communicate face to face, such complex effects can be explained to the technical staff, so that the product staff can save time to think more about the product itself.

References:
1. axure sample