axure tutorial

Baidu Network disk: http://pan.baidu.com/s/1gf4RR2b1, how to achieve the batch check and reverse selection operation?2. Steps1) Create 3 check boxes, 2 buttons (select all/Inverse selection)2) Set the Select All button click Event--select "Choose All"--in the symbol interaction and description in the selection of "mouse click"--in the "symbol"--"Set check"--"check"--Tick the check box you need to set the Click Effect (here you need to check the 3 checkboxes, because you need to do the full Set t

Axure's original intention is efficient and quick to complete the prototype, can clearly explain the function, the interaction is good, "beautiful enough" on the line, do not need to be perfect, as for the perfect or to the professional UI bar.Some of the tips are recorded:1, download some common components, convenient and beautiful2, table These styles can do a little tricks, such as color, fixed high-wide3, the motherboard to use up, all the DropDownList, Dialog, masterpage ... You have to put

1. Other widgets disappear when you plan to click a button (1) because the hidden and visible functions are generally only available on the dynamic panel, you should design those controls that you intend to hide in advance. (2) If you have already put it in the page, what should you do when you think of it in the dynamic panel? Copy. Create a dynamic panel and paste the controls on the original page to the dynamic panel. Two developers at the same time (1) Because

I. Summary Axure is mainly used to quickly build a prototype of the product. It is still a bit complicated to get started with this software, and there is no complete example on the Internet. What we need to do here is to build a website prototype step by step. First look at the final result: Ii. Basic Knowledge The most important thing here is to understand the functions of several panels on the main interface. 1. Main Menu

-click "Mouse slide into" The state "to enter the" Across "status edit page;8, modify the HTML button titled "Mouse Across";9. Add a table located directly below the button to simulate the popup form;10, record the "mouse slide in" The status of the panel size, such as mine is 300x120;11, back to the original dynamic Panel edit page, and then select the dynamic panel, on the right side of the "part interaction and Comments" section, select More, find the mouse and mouse out, set up the use case

1. Download and install axure RP 6.5. : Http://www.axure.com/download System Requirements: For PC: Windows XP, 2003 Server, Vista, or 71 GB ram1 GHz processor60 MB disk spacefor specifications, Microsoft Office Word 2000, XP, 2003,200 7, or 2010for prototypes, IE 6.0 +, firefox, Safari, or chrome There is no difference between installation and general software. (The installation time may be a little longer and Microsoft. NET Framework is requi

For Axure This prototype design software, this week I mainly learned a bit, basic rectangle, text, text box. The more difficult is the dynamic panel, this component can design some interactive effects, than slice switch, drop-down menu, etc., but to achieve the trouble of comparison.HTML aspect, this week learned a bit about the basic network structure, coding tags. Tagged with headings, paragraphs, references, pictures, hyperlinks, etc. Hyperlinks ca

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:

axure Dynamic Panel How to use? 1, in the production of a good page to add a hot spot area, and then drag a "dynamic panel" to "Hot spot" on the right key to the "dynamic panel" set to "Hide", set before the light blue, set good after the light yellow 2, left-click Dynamic Panel, the dynamic panel to name; Here you can compare the previous step of the diagram, you will find that the dynamic panel has become pale yellow 3,

iPhone screen size IPhone pixel size Generally, the prototype size of the iPhone application is set to 320x460 PX. In this way, we can use the default settings of the iPhone browser without scaling. The template contains a reference line with the width and height of 320x460 PX.If your program content exceeds this size, use the dynamic panel to create a scrollable area. Add reference line If you are not planning to use an iPhone application template to design a prototype, you can also ad

be defined according to your own habits. In, the reason why you want to disable "Fig 31" and "Fig 31" (Fig is the transparent image set in the difference) is that after one blow, click again, and he will add onloadvariable 1 again, the next light is also on. So disable it after judgment. This is also a benefit of using images, which can be disabled. If hot zone is used, it cannot be implemented. Finally, when the onloadvariable value is 3, that is, when the third light is on, set the dynamic pa

Practical Use of Axure to design apps and use WebStorm for development (3)-building the page architecture, axurewebstormIn this article, we will continue to introduce the development in WebStorm to implement the functional requirements of the App. Just like building a house, the first step is to outline the Page Structure of the entire project, first let the pages flow, and then refine each page. All the project code is placed in the initialization pr

some ways to use :On the left there is a "new page", you can add sub-page and current sibling page, the next point has "select Part Library", you can drag the selected parts directly to the production page, the above toolbar can be set font, color, wireframe, fill, if you do not need a border, directly to the line transparent set to zero. The parts of the page can be set instructions, click the part you need to set, on the right double-click on the "mouse clicks", will appear the desired effect

HTML button is not changing the style, so drag a round rectangle part, resize it, double-click the input text, adjust the text size, change the text color, set the rectangle part background color, set the border color. Now want to hover the mouse over the button, the button color deepened, how to do it? In the rectangle widget corresponding widget Properties and style panel under Interation styles there is a mouseover entry, click MouseOver, in the popup set Interation In the Style window, ti

1, the production of scroll bar, first on the home page to drag a rectangle set to white, the corresponding small strips;2, then drag a dynamic panel, covering the corresponding shape; create a new rectangle corresponding to the bar in the state, and then drag a dynamic panel;3. Create a new rectangle on the state on the new dynamic panel and set the conditional event4, dynamic panel to the left, linear, x-axis 100,y axis 0, milliseconds 10000 milliseconds5. The second dynamic panel moves left,

is used to set the align of the entire prototype on the page, which is left or center, similar to setting the align attribute in the body. The background color is also known and the background image is the same, in previous versions, you need to modify the code to add a background image. Horizontal and vertical alignment are for the background image layout on the page, and repeated background images are also set. If the background image size is not large enough, it will be displayed again, just

The first time I used the prototype design tool for prototype, I felt good. Basically, it was quite good in terms of support. The page effect is refreshing. Therefore, make a record here and maintain the blog that you want to waste. I think axure RP pro does not support tree, calendar, tag control, and so on, but it is still good. It took me one night to watch the tutorials and play the tools. The tutorials are organized on blogs of others and are now

1, the download after the decompression to any location, can be the desktop (anyway very small does not occupy space), 2:; Figure 2 File directory after decompression2. Place the generated prototypes in the demo in the Easywebsvr root directory, 3:Figure 3 Prototype file placement Directory3. Install its. exe format file, click its lower-right corner of the hammer iconCopy the index.html file address and paste it into the home directory's input boxFigure 4 Setting the path 24, open the server, 5

Create tabs and create axure tabs

The following figure is a simple description of each block in the Axure RP environment and interface. Enlarge diagram Main Menu/Tool columns: In the main Menu and toolbar, you can perform common action commands, such as opening and storing files, outputting prototype or spec files. Sitemap pane: The Sitemap pane renders the Web page that you design in a tree-like manner, where you can add, remove, rename, and organize the Web pages you design