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
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
Announcements status, select Announcements, and in the part interaction and Comments window, double-click the mouse over event to open the use Case editor
Step 6:In the use Case editor,Step Two: Click the new action--select "Dynamic Panel";Fourth Step: Configure the new action--check "notice (Panel status)", in the "Select the status" Drop-down select "Announcements";Click OK to save the settings and close the use Case editor.Step 7:Refer to step 3-4 to add content to other panel states and s
Use dynamic panels in the Axure RP to implement tabs.
Drag-and-drop rectangle as labels and content, setting label contents and styles.
Select all content, right-convert-〉convert to Dynamic panel.
Add state. Right-click the State1 in the Dynamic Panel manager, click "Add State"
Double-click State1 to open the status page. Sets the OnClick event for the label.
Copy the contents of the State1 into the state2,state3. CTRL + C and CTRL + V to
Use Axure RP prototype design practice 03 to create a login interface prototype, axurerp
This article provides a prototype of the logon interface.
First, set the background color for the Page in Page Style.
To add images to the page, drag the Image component into the page and set the x and Y axes. Double-click the Image part on the page to import the Image. The cropping function is also provided in the Widget Properties and Style panel correspon
Use Axure RP prototype design practices 04 to understand global variables and axurerp
A variable is a variable number and can be considered as a data container. A variable has two operations: read and write. Axure's global variable refers to the ability to read and write this variable at any time.
Click Global Variables under Project in the toolbar. You can set Global Variables here.
You can see that there is a global variable by default. Yo
: Commonly used as navigation bar* Panel parts: can be used to do login registration and other interface jump, switch panel status switch different interface.3, the problems encountered and solutions:(1): PS When using the Pen tool to create a path, you must convert the path to a selection before you can copy the picture content. Method A: Click on the path and press Ctrl+enter, you can convert to a selection; Method B: Check the path and click on the path in the right panel and click the right
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
local variable lvar1 = "234", it is [[lvar1.length] = 3
Lvar. tofixed (decimalpoints): the exact number of decimal places. A string of the specified decimalpoints is returned. The call format is [lvar. tofixed (decimalpoints)]. To return the two decimal places of the local variable lvar1 = "12", [[lvar1.tofixed (2)] = 12.00
From the above function introduction, we can also see the usage features of local variables, which are generally used to pass values or parameters. For example, the content
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
There are students in the group to ask questions, how to use the axure production of goods increase the effect of reducing, see GIF figure.Although it is a beginner's tutorial, but many students still small white novice stage, so specially recorded a detailed video explanation, for everyone to learn reference!650) this.width=650; "src=" Http://www.yuanxingku.com/uploads/allimg/140430/1-140430123531363.gif "style=" width : 391px;height:97px; "alt=" 1-1
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:
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.