GUI 原型 工具

转自：http://c2.com/cgi/wiki?GuiPrototypingTools

 

Here is an alphabetical list of tools helping with drawing screen mock-ups.

Adobe FireWorks CS4

• Newly enhanced to provide web site screen design with "master" shared parts across screens. Artwork can also be designed and exported using this tool.
• http://www.adobe.com/products/fireworks/?xNav=WPFW

Adobe Flash Catalyst (former Thermo)

• Early alpha
• specialized tool
• create prototypes based on designers work (e.g. photoshop, illustrator files)
• http://labs.adobe.com/technologies/flashcatalyst/
  

AutoIt

       Makes claims to be a GUI RAD tool. It's primarily a GUI "movement" script system to automate repetitive GUI tasks, but also has GUI building abilities.

• http://www.autoitscript.com/
• Probably not very data-driven

Axure

• specialized tool, commercial - expensive $$$
• full-featured, mature desktop application
• create wireframes, prototypes, and specifications for applications and web sites
• http://www.axure.com/Default.aspx

Balsamiq Mockups

• specialized tool, commercial - $$
• creates high level mockups in a "hand drawn" style
• Cross platform and integrative (for Confluence, JIRA, XWiki)
• http://www.balsamiq.com/products/mockups/desktop

Creately

• specialized tool, free w/ watermark & other limitations or monthly usage fee - $/$$
• creates diagrams, wireframes, web and desktop UI mockups
• has collaboration features and contextual toolbars
• Online Adobe Flash-based application
• http://creately.com/

DesignerVista?

• To create High-Fidelity and Low Fidelity GUI Mockups/Prototypes/Screenshots, Commercial, $$
• Version 3 comes with four products: Desktop, Web, Ribbon and Sketch.
• Desktop: High-Fidelity GUI mockups for Microsoft Windows Desktop Applications with Native Look and Feel.
• Web: Websites, Web Applications and Rich Client Application GUI Mockups
• Ribbon: Microsoft Office Ribbon Style GUI Mockups
• Sketch: Low-Fiedlity Sketch GUI Mockups ( Independent of Look and Feel) for Desktop and Web Applications
• Page Templates, Wire Framing, Slide show, Copy GUI Mockups to another application such as Paint or Word etc, Annotation and more features.
• http://www.designervista.com

Denim

• free, sketching with a light pen
• http://dub.washington.edu/denim/

EasyPrototype?

• specialized tool, commercial
• works with scanned images of sketches
• http://www.easyprototype.com

FlairBuilder?

• specialized tool, commercial
• creates interactive wireframes for websites and desktop software
• cross-platform, runs on Adobe AIR
• http://www.flairbuilder.com/

FluidIA

• open source & openly designed
• agile UI prototyping
• web based
• alpha stage
• http://www.fluidIA.org

ForeUI

• specialized tool, commercial
• create multipage screen mockups, sitemap structure supported.
• support various UI styles: hand drawing, wireframe, Windows XP, Mac OS X and Windows 7
• DHTML based interactive simulation in web browser
• customized element and library supported, download new resources from the community site
• provide rumple effect that similar with Napkin L&F
• export prototype to images, PDF or DHTML file
• cross platform (Windows, Mac OS X, Linux and Solaris)
• http://www.ForeUI.com

GUI Design Studio, by Carreta Software

• specialized tool
• expensive $$$
• visual styles for Windows Vista, XP, NT or low-fidelity outlines + office ribbon bar style interfaces
• connect screens or pages to create interactive prototypes
• generate HTML, PDF or RTF specification documentation
• export designs as images to file or clipboard or share projects with a free viewer
• http://www.carettasoftware.com

Hot Gloo - The Online Wireframe Application

• Web-based Operation
• Intuitive Usability
• Improved Communication
• Smooth Collaboration
• Beta 'n' Free
• http://www.hotgloo.com

Himalia Guilder:

• specialized tool
• modeling and prototyping
• platform independent
• not priced yet
• http://www.himalia.net

JavaFx?

• Based on JavaSwing, but with allegedly simpler syntax.
• Meant to partially compete with Flash and related Adobe tools
• http://javafx.com

Justinmind Prototyper

• specialized tool, expensive $$$
• Create high-fidelity application prototypes
• Generate fully functional HTML prototypes and customized MSWord specifications
• http://www.justinmind.com

JustProto?

• specialized tool, commercial
• web-based (JavaScript)
• create fully interactive HTML prototypes
• real-time collaboration
• http://www.justproto.com

Lucid Spec

• specialized tool,
• still in beta, expensive $$$
• http://www.elegancetech.com

Mockflow

• specialized tool, commercial (Basic Account Free)
• create mockups
• cross-platform, runs on Adobe AIR
• http://www.mockflow.com

Mockingbird

• web-based
• Beta
• http://gomockingbird.com/

MockupScreens

• specialized tool, commercial - $$
• create mockups and organize them in scenarios (usecases/stories/whatever)
• present scenario in a slideshow and document the feedback
• http://mockupscreens.com

Napkin Look & Feel

• opensource skin for Java Swing
• http://napkinlaf.sourceforge.net/
• Unusual in intent: produces GUIs (pure mock-up, functional, or mixed) that look like a note scrawled on a napkin, to try to force management to intuit that a GUI mock-up does not mean that the product is finished! Primary developer: KenArnold

Petra, by Cleverlance

• specialized tool
• expensive $$$
• http://www.cleverlance.cz/en/Products/Petra

Pencil

• Free plugin to Firefox 3 and standalone aplication
• Create mockups and export to PNG images
• http://www.evolus.vn/Pencil/Home.html

Pidoco - A GUI Design Software for clickable Wireframes Fast and easy like Rapid Paper Prototyping, but completey web-based and with many more features!

• Clickable Wireframes
• Fast and easy Prototyping
• Easy Remote Usability Testing
• No Software Installation
• Interface Prototyping
• Realtime Collaboration
• Prototype Reviewer
• Remote Usability Tests
• https://pidoco.com/en

ProtoShare?

• specialized tool, commercial
• create dynamic website wireframes
• web-based collaboration
• http://www.ProtoShare.com

ScreenArchitect

• specialized tool, commercial
• plugin for EnterpriseArchitect
• exports clickable HTML screens
• http://screenarchitect.com/

Serena Prototype Composer

• free
• very similar to Axure
• prototype more than screen mockups
• http://www.serena.com/products/prototype-composer/home.html

Simulify - convey your idea

• browser based tool, commercial
• visualize Applications easily
• create interactive websites & application wireframes
• share with clients online & gather feedbacks
• http://www.Simulify.com

Smart Draw

• Generic drawing tool with template for GUI, something like Visio
• http://www.smartdraw.com/examples/gui/

Visio stencils

• Garrett Dimon's IA Stencil: http://www.yourtotalsite.com/archives/information_architecture/free_visio_ia_stencil/
• Henrik Olsen's prototyping tools (GUUUI.COM): http://www.guuui.com/issues/02_03_02.php
• Michael Angeles's wireframe stencil: http://urlgreyhot.com/personal/resources/visio_wireframe_stencil/
• Nick Fink wireframe stencil: http://www.nickfinck.com/stencils.html
• Peter Van Dijck's IABook stencil: http://www.iabook.com/template.htm

WireframeSketcher?

• specialized tool, commercial
• Create screen mockups in Eclipse
• http://wireframesketcher.com

 

免费的用：pencil 

http://pencil.evolus.vn/en-US/Home.aspx

 

 

破解的用： GUIDesignStudio

http://www.carettasoftware.com

 

完！