Gee ~ ~Introduce a great prototype design tool--American Axure software solution company flagship product Axure RPThis tool is popular, that is, after the overall needs of the project to review the overall design a brief summary! The prototype product is designed to look like the whole project in your project, just to
Gee ~ ~Introduce a great prototype design tool--American Axure software solution company flagship product Axure RPThis tool is popular, that is, after the overall needs of the project to review the overall design a brief summary! The prototype product is designed to look like the whole project in your project, just to
Objective
What is a prototype?
Product prototype is simply the product design before the formation of a simple framework, for the site, is the page module, the elements of extensive typesetting and layout, in-depth, but also add some interactive elements to make it more specific, image and vivid.
As far as I am concerned, the most frequently used, most effective and interactive prototyping tool is
: http://www.axure.comAxure is a prototype diagram design tool, Axure than PS simple, will Axure generally have two kinds of posts, product managers, interactive designers .Of course, want to do the above two posts, but also needs analysis and mining, interaction ideas, interactive design, product management, coordination and communication.Axurerp Pro7.0 from Get
Use Axure RP prototype design practice 01, usage overview, axurerp
First, understand the default Interface layout of Axure RP Pro 7.0. The top is the toolbar area, the top left is the site map area (sitemap), the middle left is the component area (Widgets), and the bottom left is the template area (Masters ), the page area is at the top of the center, the page
into 16 columns, width 1200 pixels divided into 12 columns, width 1200 pixels divided into 15 columns, columns group is used to set columns, # of COLUMSN represents total columns, column Width represents the column widths, gutter width represents the distance between columns, margin left white; Rows group is used to set rows, set similar columns groups. Suppose you create a 3 column, a column width of 100, a column spacing of 20, and left and right sides white 10, as follows: The effect is a
Page Prototyping ToolsAxure Super-practical page prototyping tool. Good page prototype is a very important factor for the smooth communication of the project team members, Axure can quickly make the page prototype, but also the interface manual add event, link jump, pop-up layer and so on all HTML development common functions, do a good job to generate HTML, easy
Axure RP pro 4 is an Interactive Prototype Design Software for web project development. Its main function is to draw a prototype page set by express delivery (wireframe) and flow chart (flow ). Its biggest feature is that users can fully combine comments with simple results to form an automated work sequence between prototype
This article implements some features of the registration page. This item is registered by username and email. In this article, the registration page has been basically processed in the prototype "using Axure RP Prototype design Practice 03 to create a login interface." Open the registration page and place the prompt dynamic panel of the login page directly belo
The use of this experience formula, the general occurrence of values can be used when the formula, the formula can use global variables can also use local variables, in the axure use the company has a certain syntax.Create 2 global variables first.Drag the rectangle part into the page to edit the use case for its OnClick event:Let it show the and of the two global variables. Note: [[a]]+[[b]] It is not possible to write this way. [[]] inside can be ca
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 te
Axure RP 8 How to design the image point-and-praise function of the Web page prototype?
1, open axure RP 8 software, in the component library to find picture components, drag a to the canvas, as shown in the following figure:
2, in "Icons" find the hand-shaped upward and hand-shaped icon downward, and drag to the picture component below, as shown
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
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 t
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
Purpose
This article is a summary of the Tab tab design for the Axure prototype design, with the following effects:
Step1 space Zone drag into rectangle
Step2 Rectangle area drag into dynamic panel
STEP3 Dynamic Panel Add two states, plus the default one, named Tab1, TAB2, TAB3 (here only 3 tabs for example)
Step4 Open Tab1 (TAB2 and tab3 the same steps), drag into the rectangle, resize as
Series ArticlesUse axure to design apps, use Webstorm development (1) – Describe requirements with axureUse axure to design the app, use Webstorm development (2) – Create a Ionic projectUse axure to design apps, use Webstorm development (3) – Build page schemasUse Axure to d
Practical Use of Axure to design the App and use WebStorm (5)-implement the page function, axurewebstormSeries of articles
Practical Use of Axure to design apps and use WebStorm for development (1)-use Axure to describe requirements
Practical Use of Axure to design an
Series ArticlesUse Axure to design apps, use Webstorm development (1) – Describe requirements with axureUse Axure to design apps, use Webstorm development (2) – Build page schemasUse Axure to design apps, use Webstorm development (3) – Build page schemasUse Axure to design apps, use Webstorm development (4) – Implement
Practical Use of Axure design App, use WebStorm Development (2)-create Ionic project, axurewebstormSeries of articles
Practical Use of Axure to design apps and use WebStorm for development (1)-use Axure to describe requirements
Practical Use of Axure to design the
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.