formatting and styles in Axure

As we all know, it takes time to make a high-fidelity prototype, and it's a huge amount of maintenance and modification, and this time I shared with you how to make your high-fidelity prototype less time-consuming and easy to maintain and modify.

1. Part style

The component style enables quick and easy styling of components as you do in Word, greatly improving the efficiency of prototyping.

(1) Open the two methods of the part style editor.

First type:

The second type:

(2) Part style settings

The settings for part styles in the Part style editor are divided into "part default" and "Custom".

Part default

Format the individual "parts" of the axure, and the defined parts are automatically displayed in the defined format when they are used.

Custom

The name of the format is determined by the user, and the custom format does not correspond directly to any of the parts, but rather to the format that you want to use after you determine the part you want to use. This also provides us with the custom format of "add", "Copy", "delete", "move" and other features.

(3) method of using part style

For parts that are specifically edited in the Part style editor--> part defaults, when you use the corresponding part, the part displays the formatting according to the part formatting requirements that you have edited.

The use of custom formats:

Drag the part you want to use into the design area, and then select a custom style in the part properties. Such as:

2, page style

You can quickly define a page's background by using page styles.

(1) Two ways to open the page style editor.

First type:

The second type:

(2) Page style settings

You can add, copy, and delete page styles in the page style editor. You can define background pages by importing background pictures and setting background colors.

(3) How to use page styles

You can select from a defined style in the page to quickly add a style to the page.

3, the use of masters

1. Give your module a group; 2. Add the Monitor event to the module (remember: Good habits are very important, for example, after you do the Avatar module, your prototype file as long as the avatar part of the use of the Avatar module)

Photo 4: Dynamic panel module in the module

Module "Functional Module _ may know people" contains a dynamic panel (the dynamic Panel also contains: "Module: Avatar _50x50 Pixel", "module: Person name _14", "Module: Function Module _ + attention", "module: Material _ Delete")

Article Source: tiotip.com