From the basics take you to master Axure

Source: Internet
Author: User

Product manager with Axure to make high-fidelity prototype or low fidelity prototype, many older gods have their own views, this is not in our topic today, after all, a rookie, can use the rest time and work time whined whined study, to improve themselves, this is very important.

today, let's talk fast. Learning Axure a few methods.

Basic Article Use of Components

From adding a component to the canvas-modifying the symbol name-setting color/transparency-border line/color-set shape or picture fillet

use of text boxes

1. Set the type of text box, commonly used text, password, file;

2. set Prompt text

3. set hidden trigger condition, hide when input/get focus (preview to see actual effect)

4. Set the maximum length, the account/password input box is more commonly used

5. Hide Border, rectangle + text box will generally hide the border of the text box


Default Check/disable for Components

The properties of the component can be set to the default state of some components, which can be set to the default check/disable, common such as not entering the account password can be the default login button is disabled gray. Action Step ① Add a rectangle ② interactive style settings Select Disable ③ set the font color/Fill color under Disable style.

Interactive style settings

In the requirements of the Web page/app design, often use some very simple interactive style, such as mouse hover/mouse down/check/disable, above I introduced the operation of the disabled steps, the other hover/press the setting steps and disabled similar, here is not introduced, let me steal a lazy ~

Add a use case (simple)

1. Open Link when mouse click

2. Show/Hide when mouse click

3. Select/uncheck when mouse click

4. Move when mouse clicks

5. get focus when mouse clicks

To open a link as a mouse click, for example, when you select a mouse click in the component Properties--open link--current window/New window--Select link to a page

2-5 The main way is to add the corresponding action on the left side, as shown, the inside part of the design to some complex usage, will be described separately in the following.


Advanced Article Use the master version

The use of the master should be divided into three stages: ① when to use the Master @ How to go with the master @ How to better optimize the master version.

If it is axure beginner, in groping all functions how to play, and then try to do a app/web prototype, you may feel an interface to do slowly, actually good, to use the master version of what? No no no, when the prototype needs to be modified, reaching pain presumably every product dog has experienced. My definition is that when a composite component is displayed on multiple pages or multiple times on a single page, I convert it into a master version.

How to use the master version?

1. Add Master, you can add the master directly to the left, and then edit; Select Symbol Right-click to convert to Master

2. Use the master, as shown in


The name of the master can be based on their own needs, suggest some rules, otherwise the master will forget too many, the Master Support preview, mouse hover to preview the master version of the approximate style; Click the master to move to the workspace, it means that the master is used, note: The Master can only be edited after double-clicking on the left, However, you can edit it when you leave the master.

In a word, the master can actually be very convenient for us to complete the prototype, the use of high frequency, late modification is very fast, the latter said the optimization of the master, the actual use of the process to explore a better way to use, neither frequent use of "out of the master", but also to achieve our goal, this I am still in the cultivation, and

Component Library

It's important to form your own library of components. Hey, teach you a few strokes.

1. First steal some lazy Bai, go to axure Chinese official website, see what others share the library is what kind of, think very useful can copy come over

2. to be aware of the initiative to add components, I made a combination of components, but may be used later, I will optimize, and then add to my library, is my component library, you can see


I follow my own habits, the components have been classified, which is more commonly used should be the content/pop-up/icon, in the course of use will also expand ~ Preview address at the end of the text will be attached ~

Advanced I decided to write a separate article, too much space, this 1:30 will also not play AH ~

Article from: Everyone is a product manager

From the basics take you to master Axure

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.