We must first of its profits in the first thing to do of course need a good tool in this software project was transferred from the project site, to do software simulation of those equipment are not easy to use the. the spirit to and saw that this good, so without any kind of turn a .^_^. article by: Hawking offers original
first version of Axure RP pro 4.6 download
(software for educational purposes only, opposed to commercial use -_-!!!) Part I: Introduction (Introduce)
Internet industry product manager for an important work, is the product prototype (Prototype Design). The most basic prototype design work is combined with comments, notes, and process a large number of picture frames wireframe, prototype their products to a complete and accurate statements UI, UE, process engineers, marketers, and through communication and meetings, and repeated revisions prototype until the final confirmation, put into execution.
product prototyping software tools there are many, I wrote this tutorial as described in Axure RP, is taobao, dangdang other major domestic Internet companies team to promote the use of prototyping in software at the same time, This software product manager circles are widespread. Axure RP has been the reason why everyone’s recognition and promotion, precisely because of its easy operation and use, in line with the product managers, interaction designers needs.
in Axure RP before the formal talks, we first look as the prototype design, which tools are generally available, and what their pros and cons.
pen and paper: a simple and easy to get, difficult to get started is zero. powerful and creative at the moment generation and recording, a powerful real-time discussion on the document and modify, but not high fidelity, elusive page flow, more elusive details of interactive information and program requirements.
Word: general difficult to get started can be drawn wireframe, to paintings page flow, to use annotations and text, but the expression of interaction is not good, is not conducive to presentation.
PPT: general difficult to get started. easy to picture frames, easy to make comments, you can also express interactive process also good presentation But the document is not conducive to great lengths to express.
Visio: function is relatively complicated. good at drawing flow chart, graph framework is not conducive to comment at great length with the text. The same is not conducive to the expression of interaction and demonstration.
Photshop / fireworks: the difficulty of operation is relatively large, easy-to-draw frame diagram, flowchart is not conducive to expression of interaction design, not good at writing instructions and comments.
Dreamweave: operation is difficult, requires basic html knowledge easy to picture frames , flow chart, express interaction design. not good at captions and comments.
these tools are often used to product manager, but fundamentally, these tools are not specialized to do prototype design tool, you need According to product development for different purposes, different stages of development, with a choice of different tools to use in order to achieve expression, and communication purposes.
such as using pen and paper, is more suitable for use in the product innovation stage, you can quickly record ideas lightning and inspiration; can also be used to communicate in real-time discussion, express themselves through graphic product ideas quickly and timely drawn, is no better way to while the word is more suitable words to express the product, explain the details of the product when the use of pictures with text layout, is the word best work and ppt presentations are naturally better. visio can be applied to a variety of flow charts, diagrams of the expression, but also by drawing a use case for user needs. PS / FW is the image processing tool, DW is the WYSIWYG web development software, these are the designer’s housekeeping skills, product manager for the ordinary, the need to spend too much energy to master.
fact Each tool, each software to create it in the early stages of the software designers have given it gives the character, temperament, because the production of each tool, are designed to meet the needs of a particular aspect of humanity, such as a hoe is hoe the soil , the screwdriver from the screw is, the iron is ironing, but different tools have their own area of work, it is not good in other areas, while the software in the creation of more than initially, not to help the product manager, ue complete prototype design, so they can not work in the prototype design this handy while Axure RP is the large sheet of its products in the Internet channel under the premise to create a prototype design to meet the needs emerged.
Axure RP can help site designers need, quickly and easily create a directory-based organization of the prototype document, functional specification, interfaces and interactive web pages annotated wireframe, and automatically generate web pages for presentation files and word documents, to provide demonstration and development.
Yes! Axure RP is characterized by:
quickly create annotated wireframe documents, and according to the time period set, the software automatically save the document, to ensure document security.
not write any of the html the case with the javascript statement, by creating documents and related conditions and notes, a key to generate html prototype demonstration.
designed to draft a key word to generate consistent and professional version of the prototype design documents.
said I believe many people here have aroused interest, but before you start learning, I think we need to first look at the history of software just to create the software company mAxure Software Solutions, Inc. The company was founded in 2002 five Axure RP is the software company’s flagship product, 2003, an on-line version of Axure RP first published, it has been officially released to the fourth version, and when I pick up a pen to write here, Axure 5.0 version of the beta version has been officially available trial, although I have used, but I think writing a tutorial or should start talking about the stable 4.6 version cheap office 2010 key, as version 5.0, along with the software we can grow together.
then I will combine images, in several steps share my knowledge of Axure,
one interface and features
II toolbar
Third, the site map
four components and use
five, with the use of reusable template six, interactive features and annotations
seven instances
course, in the process of writing depending on the circumstances I will re-adjust, try to make it illustrated, easy to understand. The purpose of writing this tutorial, on the one hand more familiar with their own understanding of Axure, it also remind ourselves to improving their own blog site 2tan.net, but also want to own humble, Axure friends want to learn to share that experience because this is my first attempt to write tutorials, there will inevitably be biased, and I hope you will feel free to enlighten and common progress.
good friend of the text attached to e self-Axure RP in several ways:
1, open the software, press F1 Taking help documentation, document control study.
2, sign in to view flash video learning.
3, log Axure blog
4, log on discussion groups
Part II: interface and features (Interface & Function )
regardless of what learning, laying the foundation is very important. on the basis of practice, I am most impressed to practice calligraphy story is the story of Wang, water will be a black, What kind of stamina? Then there is Leonardo da Vinci and the egg The story, a simple egg, Leonardo da Vinci painted numerous times and I believe it is their step by step, before they have a great success was the story old-fashioned, simple and obvious truth, but I think it is very important. learning software should be familiar with each panel, each basis function, it can really talking about the use of, so my learning is beginning to understand the basic function of the software.
a welcome interface and features
run Axure RP, the first pop-up is the welcome screen, it has the functionality and other software, no special welcome to a different interface.
functional area 1: Document zone, this area displays the user recently opened Axure RP files, the user can quick to open the file before you edit the same time also provides shortcut buttons, you can create a new document with the default folder to open Axure RP.
2 functional areas: authentication area, this area displays the registration information.
registered users display the name of the registrant, and has received certification icon.
unregistered user, display the registration link to guide users to complete registrations.
functional area 3: Axure RP learning centers, mainly including online learning, to help document the problem feedback three links.
a, online learning provides three links:
video tutorial: Click into the video learning center, you can watch the flash tutorial to learn the relevant Axure RP, but the text explanations are e online community: into Axure RP’s official discussion groups, online discussion to learn.
Axure blog: into Axure’s official forum for the latest information.
b, to help document also provides two links, but in fact from to the same effect, are open to help document, just jump to different sections of nothing.
c, Feedback, by clicking on the link to send an email to support@axure, to seek help.
In the Welcome screen, Axure also alert the user, with the 4.6 version of the software to create high-saved Axure file, can not see past the low version.
same time, if we do not want to see this next time you open the software panel, we by selecting br> 1 functional areas: command area, all of our operations office software, including file, edit, view, and help, these functions are probably similar. table is also very easy to understand, is on the table editing commands and Axure unique part of several special command is
a, wireframe: wireframe, wireframe prototype contains all the relevant drawing commands.
b, object: object that contains all of the work area of operation commands buy office 2007 key, the operation into the work area all the widgets discount office 2007 key, including the combination of sorting, locking, and footnotes orders.
c, generate: automatically generates html presentation files, word documentation, as well as generate their own editing rules, definitions.
Ribbon 2: Tools column, exactly the same Basic and office style, functionality is also very easy to use.
3 functional areas: the work area, this is our common operational tools to create prototype stage, will release their own ideas in here, where their ideas show.
work area to open the upper part shows the file name, which can open multiple documents, to operate.
functional area 4: Site map, Axsure RP file is a virtual reality created by the relationship between web pages, sitemap is through directory tree between pages of the site management of all documents and flow documents. relationship between the structure of scientific documents, for effective presentations and generate readable documentation is very important.
my operating habits is to draw flow chart, then build a page flow file framework, and finally began to set specific pages, during which documents can be divided into LOFI (lo-fi) and HIFI (high fidelity) show, respectively, in two parts, is conducive to different needs to use.
5 functional areas: equipment boxes, hoarding all used to draw wireframe objects with the flow, we can drag and drop graphics into a small way the work area, to operate for the inside of the object, we need to eleven to learn more about.
6 functional areas: reuse module area, where the page file and create a sitemap page is similar, the only difference is, master of each file, can be used as a whole, was repeatedly called sitemap This function is equivalent to program development in the reuse program, make good use of this feature, we can reduce a lot of work. Web documents are easier to understand the relationship between the understanding of web designers, programmers how to build websites pages.
functional area 7: page notes, to comment on the current page creation and description. while here on the page in the keyword section and a detailed description of specific problems.
functional areas 8 : the interactive features when the page loads by setting in here, under different conditions, the situation when the page is first opened.
Ribbon 9: Notes and interactive area. This note and the different interactions and 7,8, 7,8 For the page, and 9 for the page element, which is one widgets.
functional areas interact with the upper part of the conditions set by mouse click, slide, slide, set the trigger event, and the corresponding widgets corresponding changes in this part of the program is not based on who can be a little difficult, I will explain in detail.
part of the functional areas of the comment section below, the user can select the object of detailed notes . Axure has set up several default comments field, but in fact the default comment field, we can not use because it may be irrelevant to you to explain things.
then how do it? Axure provides a set of independent fields, as long as you used to set their own fields, and then write their own custom on it. For example, the object you want to explain the function, priority, parameters, then you set Add these three fields just fine. Axure biggest advantage is that you set these comments in the generated documentation when, Axure help you automatically generate a table PRD specification document, you can save a large series of work, and documentation work, which I will do after the shows.
These Axure the main functional areas, but in fact there are two small corner you may be ignored, that is, 6,7,8 system information area below the line , the information displayed here is important, but often overlooked, but most people I only So important, because we give ui designer in wireframe when they always ask, where the number of pixels, where the number of pixels, but we draw the wireframe of the when they can not measure. Axure create wireframe, can generate html, so we can draw a good time to measure the distance of each pixel, but how we do it? This requires the use of the information bar below the line a little.
Information Bar on the left shows the document to save the situation, while the right side of it, when you add widgets to a work area, and select the widget, used here, there, it shows the widget of your choice of height and width, and from the top and left px distance by using the arrow keys, combined with the information bar, you can step by step to where you want it. interesting right?
Part III: Document Management (Document) opening chapter to say that the document management document management seem simple, but it is on the run from the operating functions, and my function in that when I want to understand the document management also be said about. document management objective is to have a clear idea of the product. just started working, I found a lot of friends just out of school and placed on the document name is arbitrary, I am no exception. no good finishing practices, which led directly to each document should be spent looking for the previous long time, even accidentally deleted, if something happens to leave windows 7 ultimate key, other colleagues can not take over the work. so need to make a prototype The first document to build a clear relationship, so that one can make clear their relationship with the location of the file, but the main thing is to allow developers and recipients can clearly understand your ideas, products generate more reasonable description of word documents. Axure RP of the sitemap, and the windows directory tree similar to building a page based on the relationship between father and son relationship, either each page is a page page, it can be a flow chart flow. one tool function of 1, add a sub page: the page for the selected page to create a child. 2, Page Up: same level of pages, the order of the selected page from top to bottom, moved up one position. 3 , page down: the same level of pages, the order of the selected page from top to bottom, down one position. 4, page descending: descending level of the selected page, as the original hierarchy, arranged in the Select the page top of the page sub-page. 5, page ascending: ascending level of the selected page, the page rank the selected pages, pages with ascending level of the parent page. 6, delete page: delete the selected page, and delete its sub-pages. 7, edit page: the work area to open the selected page to edit. Second, the right-m increase as shown in right-click the file command, the same below. 1, add a sub page: the same, 1 (that and the first big point, the same function as the first dot, the following with this) 2, increase above a selected page in the same level pages. 3, under the selected page to add a page with the class. three right-m 1, page move: the same, 2. 2, page down: the same , 3. 3, page descending: the same, 4. 4, page ascending order: the same, 5. Related Articles:
