In the previous two articles, the author introduced how to useIPhone applicationsThe page template is inAxure, a prototype design toolAnd how to view the iPhone app prototype on the iPhone. Next, I will explain how to use axure to set upShow and hide sliding menus.Step 1: Add image ing area
First open axureiphoneapp.zip and open the iPhoneApp-SlidingMenuTutorial.
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
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
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
> Convert to Dynamic Panel. Step Three: Adjust the panel size
Resize it from the lower end of the dynamic panel so that it can be embedded above the music control component. Fourth Step: Add scroll bars as needed
Right-click on the dynamic panel, choose Edit Dynamic Panel > Display vertical scroll bar as needed
Test : Once created, you can test it by building to your desktop or viewing it on your iphone.
>> This article axure iPhone app template do
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
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
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
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
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
Did a mock Taobao search prototype, first on the mapSeemingly simple search bar, including content can be a lot of Oh, contains: rectangles, text boxes, dynamic panels and so on. Operation steps: First, add components
1. New three Rectangle, Width: 51, High: 26, no fill color, no border, respectively named: Baby, Tmall, shop, and for three rectangles to add interaction, set the mouse hover and selected interactive style;Note: The color of the day cat'
One, add controls1. Add two text controls for "name", "Email", respectively2. Add two text box controls named "Inputtextname", "Inputemailtext", respectively3. Add a Button control "submit"4, add a table space, as long as the head, the head below the cell deleted5, add a repeater and two buttons, respectively, the previous page, the next page.6. Edit the repeater to add a table control to the repeater. Used to display dynamic data.Second, edit the action1. Action to delete rows in a cellGo to th
Bring your wireframes to life with interactive prototypes
Experience and share your design with the interaction prototype. In this section, learn how to customize, generate, and share an interactive prototype.Video: Download MP4 format
Interactive prototypes Overview
The interaction prototype is a simple document that provides a powerful way to obtain user feedback, identify and determine requ
Axure RP pro-related issues-hyperlink components do not use browser hyperlink Effects
Axure RPPro contains hyperlink components, but the hyperlink components do not follow the hyperlink effect defined in the browser in the generated prototype, and when you move the cursor over, it is not displayed in the browser.The effect defined in the browser is not displayed.
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.