Axure drawing page frame detailed graphic tutorial_html/css_WEB-ITnose

Axure is used to draw prototypes, and I have learned a lot in the past few days of study and practice. Let me show you a little today.

There are often a lot of the same things between different pages, such as the header, bottom, menu, navigation, etc. are all consistent. Only part of the page is active and can display different content. Today we will make such a framework.

The yellow parts in the picture are fixed. The blue part displays different information based on the content of each click in the navigation bar.

Step one:

Write your own content in the header. Write the content of each sub-page. Have materials ready.

Step 2

Navigation on the left.

Add a navigation structure, and add the button

as shown below to the interface to edit the name, add sub-levels, and the same level.

Step 3

Add an event page. Select the inline frame to add to the right side of the page. This control is used to display different sections.

The fourth step

is to do everything well.

Click the navigation unit price event to add a use case.

Okay. You're done. Run it quickly and see. Isn't it very simple?

There is still a lot to explore in the prototype diagram. If you have anything interesting to share with me