Rookie must know a few axure small design

Here are a few common Axure Tutorials , or that sentence -the content is simple, suitable for novice inspection, old birds can drift over, by the way to help point a praise ha

/ steal laughter.

A Top navigation freezes, page dropdown can follow

For example: drop-down page to browse, top navigation hover, fixed at top position

Demonstrate

1. Follow your own understanding, drag several components, the navigation and the main page design good;

2. at the navigation, right -click the " Convert to Dynamic panel "and name top;

3. page blank, select Interactive Mode (window scrolling);

4. add action move → Select navigation → move: Absolute position →x coordinates for 0,y coordinates insert variable or function (window.scrolly)

Step 1

Step 2

Two Registration Module (mobile phone registration, email registration, inter-switch)

Demonstrate

1. Drag the components, first layout good mobile phone registration table, the required content, including (Mobile phone input box, click the Get Verification button,2 times the Password box, registration button);

2. Mobile Registration table, right -click Settings " Convert to Dynamic panel ";

3. Mobile Registration table, right -click Settings " admin panel status ", dynamic panel name set to "Add", the following panel state modification State1 name " Iphoneadd ", and add a status named " Emailadd ";

4. Click "Emailadd", enter the dynamic page, add a symbol for the Mailbox Register content table, the required content (e-mail input box,2 input Password box, registration button, border) Note: The border needs to remove the top frame line;

5. set up mobile phone registration, email registration, switch to mobile phone registration box, set mouse click interaction → add action " set panel status " → Select Status "Iphoneadd";

6. set up mobile phone registration, email registration, switch to the Mailbox registration box, set mouse click interaction → add action " set panel status " → Select the status "Emailadd";

Step 1

Step 2

Step 3

Three Simple scroll bar design

Demonstrate

1. Drag 2 elements, rectangles and dynamic panels to prepare a scrollbar material, which I use as a blue strip of material;

2. set the rectangle length is about, thewidth is ,(this look oneself hobby), the rectangle is set to rounded angle, the individual thinks this looks good;

3. The dynamic panel is also set to a length of three, thewidth of the line, theimport of material, covering the rounded rectangle;

4. Set dynamic Panel interaction properties, loading → add action setting size → current component → width 1 h ;

5. add one more set dimension action → current component → wide - height 20,→ action is linear, time is 5 milliseconds (i.e. seconds)

Step 1

Original from: Jane book /Production Union not _ product and the first

Rookie must know a few axure small design