Axure RP

AxureRP - 快速原型制作軟件 – 線框圖，原型，規(guī)格文檔，由美國(guó)Axure Software Solutions, Inc.公司開發(fā)。

AxureRP也分商業(yè)版和免費(fèi)版，英文官方:http://www./download

中文網(wǎng)站：http://www./

Axure RP 能讓你快速準(zhǔn)確的創(chuàng)建基于Web的網(wǎng)站流程圖、原型頁面、交互體驗(yàn)設(shè)計(jì)、標(biāo)注詳細(xì)開發(fā)說明，并導(dǎo)出Html原型或規(guī)格的Word開發(fā)文檔。（通過擴(kuò)展還會(huì)支持更多的輸出格式）

網(wǎng)站架構(gòu)圖   (Site Structure)

示意圖       (Wireframe)

流程圖       (Flowchart)

交互設(shè)計(jì)     (Interaction Design)

原型設(shè)計(jì)     (HTML Prototype)

規(guī)格文檔     (Specification)

iPhone原型制作iPhone Mockup

在iPhone Mockup里面你可以使用鉛筆模式，也可以使用圖表模式的編輯器。不管你選擇什么，功能都是一樣的，都可以很簡(jiǎn)單很方便的生成iPhone上的應(yīng)用原型。你也可以分享給別人，就算你更改了設(shè)計(jì)，別人通過那個(gè)鏈接也一樣可以看到。DEMO

產(chǎn)品原型制作工具FluidIA (一個(gè)非常優(yōu)秀的線框圖工具) DEMO

fluidIA是一個(gè)在線的但是可以下載的富用戶界面原型設(shè)計(jì)工具。它基于面向?qū)ο蟮睦砟?，可以讓你快速完善。它設(shè)計(jì)的基本思想是團(tuán)隊(duì)中的任何成員，無論是設(shè)計(jì)師還是工程師都可以自由的設(shè)計(jì)自己的原型。

界面原型圖繪制工具Pencil

Pencil 是一款開源的原型圖繪制工具，手繪風(fēng)格的，就像自己在紙上畫的那樣。Pencil 還可以用來繪制各種架構(gòu)圖和流程圖，同時(shí)還提供 Firefox 的插件（點(diǎn)擊這里安裝）。

原型設(shè)計(jì)工具 Mockup Builder

Mockup Builder 是一款原型設(shè)計(jì)工具，支持網(wǎng)頁、桌面應(yīng)用、移動(dòng)應(yīng)用。DEMO

UIDesigner（國(guó)產(chǎn)-騰訊）

UIDesigner，簡(jiǎn)稱“UID”，是一款進(jìn)行軟件界面原型設(shè)計(jì)的工具。

它擁有強(qiáng)大的模板和預(yù)制功能，能夠快速的搭建起軟件界面的高保真原型?？梢詫?shí)現(xiàn)設(shè)計(jì)師、產(chǎn)品經(jīng)理、程序開發(fā)工程師三者間的快速溝通，減少不必要的工作內(nèi)耗。DEMO

UIDesigner 一款可以快速搭建iOS平臺(tái)產(chǎn)品原型的設(shè)計(jì)軟件，目標(biāo)用戶是設(shè)計(jì)師和產(chǎn)品經(jīng)理。我們的理念是，設(shè)計(jì)出一款簡(jiǎn)單的軟件，讓沒有設(shè)計(jì)軟件基礎(chǔ)的人都可以快速畫出設(shè)計(jì)稿，表達(dá)出自己的設(shè)計(jì)想法。同時(shí)可以快速生成用于可用性測(cè)試的產(chǎn)品原型。

指尖上的設(shè)計(jì)

UIDesigner 2.5 for mobile是專門針對(duì)移動(dòng)平臺(tái)的設(shè)計(jì)軟件，第一個(gè)版本先支持iOS平臺(tái)，它集成了iOS系統(tǒng)常用控件，可以迅速拖拽到畫布中生成設(shè)計(jì)稿，方便易學(xué)，很容易上手。

快速原型，想動(dòng)就動(dòng)

UID2.5除了可以快速搭建設(shè)計(jì)稿外，還可以快速生成可以操作體驗(yàn)的產(chǎn)品原型。即可以快速呈現(xiàn)整個(gè)交互流程，還可以用于可用性測(cè)試來驗(yàn)證設(shè)計(jì)的優(yōu)劣。

除了在PC端演示，還可以將UID文件通過iTunes導(dǎo)入iPhone，直接在iPhone上演示，而且在iPhone上的效果還都是系統(tǒng)原生控件，效果和實(shí)際開發(fā)出來的效果一模一樣。

持續(xù)優(yōu)化細(xì)節(jié)，尊重用戶習(xí)慣

目前市面上已有各種各樣的設(shè)計(jì)類軟件，因此UID的使用過程盡可能的保留主流設(shè)計(jì)軟件的使用習(xí)慣，這樣可以方便大家快速上手。

(1)簡(jiǎn)單明了的界面布局。

（2）控件縮略圖、控件自動(dòng)對(duì)齊功能。

（3）延續(xù)主流設(shè)計(jì)軟件的快捷鍵，最重習(xí)慣更方便。

安裝包和運(yùn)行環(huán)境在附件中

運(yùn)行環(huán)境：Net framework 4.0

UID官網(wǎng)(下載地址)：http://uid.cdc.tencent.com

產(chǎn)品原型設(shè)計(jì)工具 Balsamiq Mockups

Balsamiq Mockups產(chǎn)品設(shè)計(jì)師繪制線框圖或產(chǎn)品原型界面的利器。在產(chǎn)品設(shè)計(jì)的需求階段，低保真的線框圖或者草圖設(shè)計(jì)介于產(chǎn)品流程設(shè)計(jì)與高保真DEMO設(shè)計(jì)之間，在Balsamiq Mockups出現(xiàn)之前，流程圖可以使用Visio，高保真DEMO可以使用Axure，但我們并沒有好用的草圖設(shè)計(jì)工具；在產(chǎn)品設(shè)計(jì)管理中，我們通常在產(chǎn)品的業(yè)務(wù)流程和數(shù)據(jù)流轉(zhuǎn)已經(jīng)相當(dāng)明確時(shí)才開始進(jìn)一步考慮產(chǎn)品的結(jié)構(gòu)層和框架層，雖然此時(shí)紙、筆、白板都是非常簡(jiǎn)單方便的交流工具，但是他們的最大劣勢(shì)就是——很難將有價(jià)值的原型保存下來。Balsamiq Mockups的出現(xiàn)完美的解決了這個(gè)問題。

界面模型插件WireframeSketcher

WireframeSketcher是一個(gè)Eclipse 插件，用于創(chuàng)建線框圖，界面模型和UI原型。

項(xiàng)目正式開發(fā)前創(chuàng)建原型可以幫助用戶和開發(fā)者理解系統(tǒng)，使用WireframeSketcher在Eclipse中創(chuàng)建能夠更好的集成進(jìn)入你的項(xiàng)目開發(fā)流程。

WireframeSketcher 提供了一個(gè)pre-drawn，text-driven 預(yù)制圖，文本驅(qū)動(dòng)的widgets，能夠展現(xiàn)通用UI界面，你可以拖拽他們進(jìn)入編輯器迅速畫出你的界面。界面用XML存儲(chǔ)。

網(wǎng)頁原型制作工具FrameBox

Frame Box 并沒有多么特別的特色。你可以拖放、設(shè)置大小、復(fù)制粘貼這些UI組件，但是他的特色在于你可以非常輕松的通過它的拖拽很容易就完成你的原型制作。想要用這個(gè)輕量級(jí)的免費(fèi)的工具，也需要注冊(cè)一下。DEMO

Linux下的界面原型設(shè)計(jì)工具Justproto

JustProto是一個(gè)在線的網(wǎng)站及桌面應(yīng)用的原型設(shè)計(jì)工具，它能讓你用高效的方式來處理重要的信息流，能讓你的項(xiàng)目進(jìn)程更加簡(jiǎn)單、快速和高效。(商業(yè)應(yīng)用，免費(fèi)試用30天)

你能在JustProto上找到每個(gè)項(xiàng)目（任何規(guī)格）的詳細(xì)說明，并可以立即處理項(xiàng)目中的功能改進(jìn)、bug修復(fù)或評(píng)論信息。它能讓項(xiàng)目中的所有人都對(duì)項(xiàng)目進(jìn)展了如指掌，并讓每個(gè)人在工作的同時(shí)也對(duì)項(xiàng)目提出自己的寶貴意見。

不管你是藝術(shù)家、項(xiàng)目經(jīng)理、客戶、網(wǎng)頁工程師還是市場(chǎng)負(fù)責(zé)人，都能在這里找到你想要的東西?？磥硎褂肑ustProto除了能做好原型設(shè)計(jì)外，還能很好的管理項(xiàng)目進(jìn)度。DEMO

Justinmind Prototyper專屬移動(dòng)APP原型設(shè)計(jì)的工具

目前本人在用，相比較axure，Balsamiq Mockups來說。Justinmind Prototyper更為專屬于設(shè)計(jì)移動(dòng)終端上app應(yīng)用。至少在設(shè)計(jì)移動(dòng)終端上app應(yīng)用提供了難得的交互效果。DEMO

打開Justinmind Prototyper，我們可以看到需要選擇原型的類型。Android，web，ipad，iPhone基本都很齊全。

Justinmind Prototyper也有收費(fèi)和免費(fèi)兩個(gè)版本，提供了iPhone，android，ipad等交互組件。并提供豐富的動(dòng)態(tài)效果。能夠生成html文件。免費(fèi)版本簡(jiǎn)單點(diǎn)，但對(duì)于個(gè)人用戶者能夠得到免費(fèi)的體驗(yàn)，是一個(gè)不錯(cuò)的選擇。

Justinmind Prototyper同時(shí)提供winxp，win7和mac os的版本。對(duì)于國(guó)內(nèi)設(shè)計(jì)者多用mac系統(tǒng)，除了axure，alsamiq Mockups又多了一種選擇。

Justinmind Prototyper左欄提供了豐富的widgets組件，還包括手勢(shì)的說明，各種移動(dòng)系統(tǒng)的版本選擇，對(duì)相應(yīng)的實(shí)現(xiàn)有l(wèi)ink鏈接來完成。

Justinmind Prototyper 還提供在線發(fā)布功能，用來測(cè)試和反饋原型的功能建議。 

對(duì)Justinmind Prototyper 整體試用下來，它基本上能夠很好的滿足了移動(dòng)終端的app應(yīng)用設(shè)計(jì)，它比Balsamiq Mockups更高保真，基本上用系統(tǒng)控件完成原型搭建。從產(chǎn)品界面上來說，Justinmind Prototyper更專注于移動(dòng)終端的app應(yīng)用設(shè)計(jì)。但好像國(guó)內(nèi)的用得人不多，它的付費(fèi)版本，有30天的免費(fèi)使用期。

目前在用Justinmind Prototyper 做公司的產(chǎn)品原型設(shè)計(jì)，做完了也會(huì)發(fā)上來供大家參考。后面持續(xù)更新。。