Italian made me discover a magic prototype design tool called Balsamiq Mockups. unlike any previous product, the complete hand-drawn style made me shine.The force-saving online trial is easy to use and can be easily pulled. It is very cute.
URL: http://www.balsamiq.com/Online Demo address: http://www.balsamiq.com/products/mockupsTrial site: http://www.balsamiq.com/demos/
Addresses: http://builds.balsamiq.com/ B /mockups-web-demo/
For web project SA, it is often necessary to draw some.
The SA stage does not need to be detailed. You only need to plot the approximate effect. It is time-consuming to use tools such as PS for image extraction. Therefore, it is not advisable to use HTML to write data.
Mockups:
Use Flash technology. The browser window, buttons, dialog boxes, ca
Balsamiq for desktop allows for some mizmization via a simple XML file called balsamiqmockups. cfg. The configuration file allows you to make some software modifications, such:
Using another font
Disabling smart alignment snapping
Setting your exported pngs to use transparent backgrounds
Setting a different selection color for controls
Setting a different folder than the default documents/balsamiq
wireframes that can run on different devices and resolutions. The software also provides versioning and iteration capabilities that allow for easy sharing of previews, intuitive annotations and real-time collaborative editing and chatting. The software has a large number of attractive user interface element styles (including web,ios,android, etc.), and has a fast, responsive drag-and-drop interface.4, Balsamiq MockupsThe
One, IPhone mockup
http://iphonemockup.lkmc.ch/
You can draw a simple wireframe (illustration) and a freehand style wireframe (Pencil) with two styles of prototypes. The components can be dragged arbitrarily and put in the right place. However, because it is online software, there may be some deficiencies in security, and some similar to the form of sand table, do not know when it will disappear. The advantage is that it can be created in concert.
Second,
, alsamiq mockups has another option for domestic designers to use MAC systems. Justinmind prototyper also provides the online release function to test and feedback the functional suggestions of the prototype.
Creately
Online chart production collaboration platform is an excellent Online drawing productToolsMore diverse graphics, including UML, mindmap, SWOT, product prototype, and flowchart..
Framebox
A wireframe is a visual guide that can be used to interpret a Web site's keel, as well as a schematic or screen blueprint for a page. Wireframe is very easy to create and make necessary modifications. Help designers to perform iterative design with low cost and high efficiency.
In order to better design and modify the wireframe, we will choose some excellent tools, of course, is axure, Mockflow and Balsamiq mocku
An important work of interaction designers is the design of product prototypes (Prototype). and product prototype design the most basic work is to draw the site of the general wireframe (frame) and the combination of annotations, a large number of instructions and flowcharts, and so on, their product prototype complete and accurate presentation to the product, UI, refactoring/development engineers and so on, and through the communication repeatedly modified prototype Until the final confirmation
prototype tool for Interaction designers.
2. Microsoft Office Visio
Visio was acquired by Microsoft in 2000 and became a component in the office2003 kit in 2002. Its latest version is 2007. The reason why Visio can be recommended is that it has a wide range of applicability, from the site interface, database model, to the layout map to the process flow chart, visio provides the corresponding component libraries and templates for high-speed creation.
Compared with axure, Visio is more suitable f
prototype tool for Interaction designers.
2. Microsoft Office Visio
Visio was acquired by Microsoft in 2000 and became a component in the office2003 kit in 2002. Its latest version is 2007. The reason why Visio can be recommended is that it has a wide range of applicability, from the site interface, database model, to the layout map to the process flow chart, visio provides the corresponding component libraries and templates for high-speed creation.
Compared with axure, Visio is more suitable f
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
considered to use this more attractive.
Mockups
Similar to the Balsamiq style, the mockups's biggest feature is the Web page version, which allows web-based storage to be opened online on any computer without downloading the installation.
There are some other tools that I would not introduce, as individuals have not used them, for example:
Microsoft Office Visio, Pencil sketch, Design Studio, Prototy
High Fidelity demo demo, is also very successful.
Balsamiq
Provides a rich hand-drawn style of the web commonly used components, can create close to the paper hand-painted prototype, let people have a sense of the light, the individual suggested that the first draft plan can be considered to use this more attractive.
Mockups
Similar to the Balsamiq style
Product designers often have to deal with the prototype, in addition to the usual sitting at the table to draw paper prototypes, in front of the computer screen using Axure or Balsamiq mockups to draw prototypes, have you ever wondered how on the subway to use the time to record their own fragmented ideas? Or in a café, talking to friends and designing prototypes? With the rapid popularity of tablets, the m
the independence of interactive elements;4. The built-in plugin library can customize special actions and behaviors.Although the application of axure is almost customary, it also has its own drawbacks:1, steep learning curve, for beginners is not easy;2, the prototype can not be previewed before exporting HTML;3, the prototype of the Web display does not support all browsers, for example, Google Browser must use the plugin to watch;4, the support of other equipment is poor.But in the small part
-fidelity prototypes, users are more likely to be attracted to the entire product rather than to a pattern or experience feature. This will not only help the recognition of a single program, but also from the side to establish a professional image of the designer, to enhance customer recognition, and even bold to put forward the assumption of the process: "Prototype-centric design."
Third, do prototype design
The following recommendations and simple analysis of several prototype design ap
Did you update your design software in 2016? Today, we recommend 7 prototype design tools, in addition to the classic axure, there are some new weapons, advantages and disadvantages and prices are listed, according to their own needs to pick a bar.
1. Axure PR
Difficulty: ★★★★
Price
Standard Edition-$289 a registration code
Professional Edition-$589 a registration code
Axure RP is the flagship product of the United States Axure software solution, a professional prototyping tool that e
model. But in UI design, the concept of mockup and wireframe are sometimes not very clear. such as Balsamiq mockups this software, its implementation of the effect should actually belong to the wireframe level. The following figure is the implementation effect of Balsamiq mockups.
Finally said prototype, prototype.
the process of communication, do not interrupt the idea, pick up the paper and pen, can express our hearts think. It's very, very powerful.
Visio
Visio is a common choice for product prototyping before axure into people's eyes. Visio is very adaptable, from a Web site interface, database model, to a floor plan to a process diagram, and Visio provides the appropriate component libraries and templates for rapid creation.
Fireworks/photoshop
Visual designer, a project manager, often prefer
An important part of the interaction designer's work is product prototyping (Prototype design). And the most basic work of the prototype design is to draw the site of the general wireframe (frame diagram) and combined with annotations, a large number of instructions and flowchart, and so on, the complete and accurate presentation of their product prototypes to the product, UI, refactoring/development engineers, etc., and through the communication repeatedly modified prototype Until the final con
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.