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
[Editor's note] the translator @ Xiao Bang. This article describes the functional differences between Wireframe, Prototype, and Mockup.
Many people (non-designers) who are engaged in information technology confuse these words when delivering the design and think that they all represent the same thing: to express their own creative box-drawn design. If we want to better express our ideas at work, we need to have a better understanding of the three
living UI pattern libraries. it helps designers and developers work faster and smarter together. patternry is the best way to store your design code assets. design patterns contain guidelines, screenshots, living code examples, discussion-arranging them into logical pieces of the UI (Overlay, Data Table etc .). it makes easy to find what you need and gives everyone a complete picture of the project deliverables.15. AppCooker
AppCooker streamlines App creation workflow to get ready for producti
students. Most of them were written with a gel pen and an A4 paper. Although the meaning can also be explained in white, I always felt no inspiration. I 've been wondering if I can't have a good software to help us draw a sketch, so I 've been looking for a wide range of software: axure penpencil mockup.
Axure is a powerful UI design software. You can download the library to expand the UI module and design various UIS such as websites, soft
The web page's line diagram is very intuitive, but there are no technical difficulties. You only need to figure out some elements needed on the page, such as the header, navigation, and footer, and at most some interaction and content areas.However, this is very important for the development of any network application.Of course there are many ways to do this. The simplest thing is to pick up paper and pen. But in this article, we will introduce some very efficient and useful online prototype too
ArticleDirectory
Flat free UI Kit
Santa Tracker icons
Easy note flat Elements
Playing with science
Flat dashboard. Free UI kit PSD
Minimal Apple product templates
Flatscheme UI
Flat UI
Beautiful flat icons of social media
Flat 3D mockup Kit
Flat icons of smartisanos
Free flat UI kit in 3 colors
IPhone freebie
Flat design is to discard the paid visual effects such as gradient, shadow, and highlight to
@ Xiao Bang classmate: two or three years ago, I found a lot of information technology friends (non-designers) to deliver the design, using the words listed above. They thought that wireframes (Wireframe), Prototypes (Prototype) and visual manuscripts (mockup) were a thing: freehand design drafts that express their ideas.
Confusing concepts leads to trouble: They confuse the user Experience designer's work and often feel confused. "What the fuck is w
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
fidelity prototype, users are more likely to be attracted by the entire product rather than a specific pattern or experience. This not only helps to recognize the opportunity of a single solution, but also helps to establish a professional image of the designer from the aspect, improve the customer's recognition, and even boldly propose the process hypothesis: "Prototype-centric design ".
3. Manual prototype design
We recommend and analyze several prototype design approaches below.
The paper
Editor 's note: Keaton Herzer introduced the design process from sketch to prototype, and recommended tools for each stage. As for the fit, designers use to see it again.As designers, we are constantly experimenting with tools and processes to find the best fit. After a lot of experiments, I have found the perfect design workflow, I would like to share with you here. Design is a process, and the process I'm sharing is the process I use to develop a variety of products that everyone loves.1. Sket
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
templates
You can first manually design some functional options for the user's use process and layout on the mobile phone-shaped paper notepad.
The size of these notebooks must be the same as that of common smartphones.
Then you can put a card in front of each user so that they can write the content most expected to see on the mobile app, which design they think is more intuitive, then filter and select the design that will bring the best process.
This is simple and effective, and the cost is n
system (database design, function implementation)17. online forum (database design and function implementation)18. Podcast Network (professional online video network)19. e-commerce "online banking payment" case (analysis principle, function implementation)20. "my shopping cart" case (database design, function implementation)21. authorized logon cases (analysis principle and function implementation) 22. group messaging cases (analysis principle, function implementation, and third-party interface
don't have to tweak or compile the code over and over again.5. Balsamiq Mockups High Speed prototype design tool $79The recommended high-speed prototyping tool. Hand-painted style. Abandon distractions. Focus on considering interactions.Of course. There is a lot of this kind of software. For example: Axure, Uxpin, Moqups,proto.io,6. Flinto $20/monthWeb-based. Designed for iphone and ipad application prototyping. Flinto is a unique editor that mimics
all parties, better management conflict.Iv. Project manager and Product Manager Competency model1. Product Manager Competency Model2. Project Manager Competency Model v. Common ToolsProduct Documentation:ms-office,iWorkMind Mapping / Flowchart:Mindmanager, freemind(open source),Xmind,Mindnode, Visio,Powerpoint, edraw graphic expertPrototyping:Axure,mockplus,fireworks,Photoshop,Mockingbird(Web) , Balsamiq mockups,omnigraffle and so on, the difference
Several UI prototyping toolsWhen starting a project, some of the unfinished conceptual sketches (Sketch) are transformed into a detailed, executable wireframe (Wireframe), which can be used to create wireframes to help designers design efficiently and accurately. Whether it is to do gui,web ui,game ui,mobile UI and so on, in the pre-development and design process, many ideas need to use a prototype to assist the thinking, while thinking of drawing to comb the logic, verification process. So easy
First, soft work, after the soft workThe imagination of the software engineering course at the beginning of school:I have always felt that this course includes practice in teaching us to do projects and, of course, about how to write code, telling us a language and telling us how to write. At that time did not realize that the development of a software needs analysis, all things need to draw flow graph, and to learn so many tools to use.The practice of this course has brought me a boost: knowing
(Professional online video network)19, e-commerce "net Silver Payment" case (analysis principle, function realization)20, "My Shopping Cart" case (database design, function implementation)21. Authorized Login case (Analysis principle, function realization) 22, mass SMS case (analysis principle, function realization, third party interface)23,. NET client-to-server real-time communication solution--SIGNALR (Analysis principle, function implementation)24, the website static case (analysis principl
(/**/); The base constructor function will be called.
Case 3
function base (config) { This . name = config. name ; This . age = config. age; This . sex = config. sex ;}
VaRBase = ext. Extend ({Constructor:Function(Config ){This. Identity = config. identity;This. MSG = config. MSG;This. Phone = config. Phone;}, showmsg:Function(){Window.Alert(This.Name+ ''+This. Age + ''+This. Sex + ''+This. Identity + ''+This. MSG + ''+This. Phone );}} In this case
VaR Mybase =
New Base (
/
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.