Axure RP Basic Knowledge transfer

First of all make a statement: This tutorial in order to quickly complete, borrowed some online has a tutorial of the text, not plagiarism, only the diagram is convenient. In addition, because the Chinese version may have a slightly different function name, please understand it yourself.

Noun Explanation:

wireframe: generally refers to product prototypes, such as: the line block diagram as soon as possible to draw and the prototype as soon as possible is a meaning.

axure components: also called axure components or axure parts, the system comes with a part of the most basic commonly used, the internet has a lot of others do well, the software used to a certain stage can consider their own production components, in order to improve the production speed of prototyping products.

Build prototype: refers to the drawing of the prototype through the Axure RP generated static HTML page, check the prototype is correct, at the same time, easy to demonstrate. Recommended to build when you choose to open Google Browser (the first time there will be prompted to install the relevant plug-in), IE will always have security tips, not as easy as Google Chrome.

(i) interface of Axure RP

1-Main Menu toolbar: Most similar to Office software, do not explain in detail, the mouse moved to the button has a corresponding prompt.

2-Main operating interface: Draw the operating area of the product prototype, and all the used components are dragged to the area.

3-Sitemap: All the page files are stored in this location, you can add, delete, modify, view the page, you can also drag the mouse to adjust the page order and the relationship between pages.

4-axure Component library: Either the Axure component library, the Axure part library, all the software's own components and the loaded library of components are here, where you can create, load, delete axure Library of components, or you can display all components or components of a component library on demand.

5-Master Management: Here you can create, delete, like the page header, the navigation bar, which appears on each page of the element, can be drawn in the master, and then loaded into the page that needs to be displayed, so that in the production of the page will not repeat these operations.

6-page Properties: Here you can set the style of the current page, add comments about the page, and set the event onpageload triggered when the page loads.

7-Component Properties: Here you can set the label , style of the selected symbol, add comments related to the symbol, and set the event triggered when the page loads;

A-interactive event: symbol attribute area Lightning Pattern small icons represent interactive events;

B-Component Note: The icon on the left side of the interaction event is used to add component annotations, where we can add some component-qualified annotations, such as text boxes, to add comments indicating that the input character length cannot exceed.

C-Component style: The icon on the right side of the interaction event is used to set the component style, where you can change the font, size, rotation angle, etc. of the original, and of course, the alignment, composition, etc. of multiple components can be set .

8 Dynamic Panel: This is a very important area, where you can add, delete the status of the dynamic panel, as well as the status of the order, you can also set the dynamic panel label here, when the drawing prototype dynamic panel is overwritten , we can You can also double-click the status to enter edit by clicking on the appropriate dynamic panel.

Axure RP Interface is introduced here, each area of the interface is basically in the process of product prototyping, use is very frequent, so it is recommended not to close any area. If you accidentally close it, you can retrieve it from the Main Menu toolbar-view-Reset view.

Axure RP Basic Knowledge transfer