AxureRP - 快速原型制作軟件 – 線框圖,原型,規(guī)格文檔,由美國Axure Software Solutions, Inc.公司開發(fā)。
AxureRP也分商業(yè)版和免費版,英文官方:http://www.axure.com/download
中文網(wǎng)站:http://www.axure.org/
Axure RP 能讓你快速準確的創(chuàng)建基于Web的網(wǎng)站流程圖、原型頁面、交互體驗設(shè)計、標注詳細開發(fā)說明,并導(dǎo)出Html原型或規(guī)格的Word開發(fā)文檔。(通過擴展還會支持更多的輸出格式)
網(wǎng)站架構(gòu)圖 (Site Structure)
示意圖 (Wireframe)
流程圖 (Flowchart)
交互設(shè)計 (Interaction Design)
原型設(shè)計 (HTML Prototype)
規(guī)格文檔 (Specification)
在iPhone Mockup里面你可以使用鉛筆模式,也可以使用圖表模式的編輯器。不管你選擇什么,功能都是一樣的,都可以很簡單很方便的生成iPhone上的應(yīng)用原型。你也可以分享給別人,就算你更改了設(shè)計,別人通過那個鏈接也一樣可以看到。DEMO
fluidIA是一個在線的但是可以下載的富用戶界面原型設(shè)計工具。它基于面向?qū)ο蟮睦砟?,可以讓你快速完善。它設(shè)計的基本思想是團隊中的任何成員,無論是設(shè)計師還是工程師都可以自由的設(shè)計自己的原型。
Pencil 是一款開源的原型圖繪制工具,手繪風(fēng)格的,就像自己在紙上畫的那樣。Pencil 還可以用來繪制各種架構(gòu)圖和流程圖,同時還提供 Firefox 的插件(點擊這里安裝)。
Mockup Builder 是一款原型設(shè)計工具,支持網(wǎng)頁、桌面應(yīng)用、移動應(yīng)用。DEMO
UIDesigner,簡稱“UID”,是一款進行軟件界面原型設(shè)計的工具。
它擁有強大的模板和預(yù)制功能,能夠快速的搭建起軟件界面的高保真原型。可以實現(xiàn)設(shè)計師、產(chǎn)品經(jīng)理、程序開發(fā)工程師三者間的快速溝通,減少不必要的工作內(nèi)耗。DEMO
UIDesigner 一款可以快速搭建iOS平臺產(chǎn)品原型的設(shè)計軟件,目標用戶是設(shè)計師和產(chǎn)品經(jīng)理。我們的理念是,設(shè)計出一款簡單的軟件,讓沒有設(shè)計軟件基礎(chǔ)的人都可以快速畫出設(shè)計稿,表達出自己的設(shè)計想法。同時可以快速生成用于可用性測試的產(chǎn)品原型。
指尖上的設(shè)計
UIDesigner 2.5 for mobile是專門針對移動平臺的設(shè)計軟件,第一個版本先支持iOS平臺,它集成了iOS系統(tǒng)常用控件,可以迅速拖拽到畫布中生成設(shè)計稿,方便易學(xué),很容易上手。
快速原型,想動就動
UID2.5除了可以快速搭建設(shè)計稿外,還可以快速生成可以操作體驗的產(chǎn)品原型。即可以快速呈現(xiàn)整個交互流程,還可以用于可用性測試來驗證設(shè)計的優(yōu)劣。
除了在PC端演示,還可以將UID文件通過iTunes導(dǎo)入iPhone,直接在iPhone上演示,而且在iPhone上的效果還都是系統(tǒng)原生控件,效果和實際開發(fā)出來的效果一模一樣。
持續(xù)優(yōu)化細節(jié),尊重用戶習(xí)慣
目前市面上已有各種各樣的設(shè)計類軟件,因此UID的使用過程盡可能的保留主流設(shè)計軟件的使用習(xí)慣,這樣可以方便大家快速上手。
(1)簡單明了的界面布局。
(2)控件縮略圖、控件自動對齊功能。
(3)延續(xù)主流設(shè)計軟件的快捷鍵,最重習(xí)慣更方便。
安裝包和運行環(huán)境在附件中
運行環(huán)境:Net framework 4.0
UID官網(wǎng)(下載地址):http://uid.cdc.tencent.com
Balsamiq Mockups產(chǎn)品設(shè)計師繪制線框圖或產(chǎn)品原型界面的利器。在產(chǎn)品設(shè)計的需求階段,低保真的線框圖或者草圖設(shè)計介于產(chǎn)品流程設(shè)計與高保真DEMO設(shè)計之間,在Balsamiq Mockups出現(xiàn)之前,流程圖可以使用Visio,高保真DEMO可以使用Axure,但我們并沒有好用的草圖設(shè)計工具;在產(chǎn)品設(shè)計管理中,我們通常在產(chǎn)品的業(yè)務(wù)流程和數(shù)據(jù)流轉(zhuǎn)已經(jīng)相當明確時才開始進一步考慮產(chǎn)品的結(jié)構(gòu)層和框架層,雖然此時紙、筆、白板都是非常簡單方便的交流工具,但是他們的最大劣勢就是——很難將有價值的原型保存下來。Balsamiq Mockups的出現(xiàn)完美的解決了這個問題。
WireframeSketcher 提供了一個pre-drawn,text-driven 預(yù)制圖,文本驅(qū)動的widgets,能夠展現(xiàn)通用UI界面,你可以拖拽他們進入編輯器迅速畫出你的界面。界面用XML存儲。
Frame Box 并沒有多么特別的特色。你可以拖放、設(shè)置大小、復(fù)制粘貼這些UI組件,但是他的特色在于你可以非常輕松的通過它的拖拽很容易就完成你的原型制作。想要用這個輕量級的免費的工具,也需要注冊一下。DEMO
JustProto是一個在線的網(wǎng)站及桌面應(yīng)用的原型設(shè)計工具,它能讓你用高效的方式來處理重要的信息流,能讓你的項目進程更加簡單、快速和高效。(商業(yè)應(yīng)用,免費試用30天)
你能在JustProto上找到每個項目(任何規(guī)格)的詳細說明,并可以立即處理項目中的功能改進、bug修復(fù)或評論信息。它能讓項目中的所有人都對項目進展了如指掌,并讓每個人在工作的同時也對項目提出自己的寶貴意見。
不管你是藝術(shù)家、項目經(jīng)理、客戶、網(wǎng)頁工程師還是市場負責(zé)人,都能在這里找到你想要的東西。看來使用JustProto除了能做好原型設(shè)計外,還能很好的管理項目進度。DEMO
目前本人在用,相比較axure,Balsamiq Mockups來說。Justinmind Prototyper更為專屬于設(shè)計移動終端上app應(yīng)用。至少在設(shè)計移動終端上app應(yīng)用提供了難得的交互效果。DEMO
打開Justinmind Prototyper,我們可以看到需要選擇原型的類型。Android,web,ipad,iPhone基本都很齊全。
Justinmind Prototyper也有收費和免費兩個版本,提供了iPhone,android,ipad等交互組件。并提供豐富的動態(tài)效果。能夠生成html文件。免費版本簡單點,但對于個人用戶者能夠得到免費的體驗,是一個不錯的選擇。
Justinmind Prototyper同時提供winxp,win7和mac os的版本。對于國內(nèi)設(shè)計者多用mac系統(tǒng),除了axure,alsamiq Mockups又多了一種選擇。
Justinmind Prototyper左欄提供了豐富的widgets組件,還包括手勢的說明,各種移動系統(tǒng)的版本選擇,對相應(yīng)的實現(xiàn)有l(wèi)ink鏈接來完成。
Justinmind Prototyper 還提供在線發(fā)布功能,用來測試和反饋原型的功能建議。
對Justinmind Prototyper 整體試用下來,它基本上能夠很好的滿足了移動終端的app應(yīng)用設(shè)計,它比Balsamiq Mockups更高保真,基本上用系統(tǒng)控件完成原型搭建。從產(chǎn)品界面上來說,Justinmind Prototyper更專注于移動終端的app應(yīng)用設(shè)計。但好像國內(nèi)的用得人不多,它的付費版本,有30天的免費使用期。
目前在用Justinmind Prototyper 做公司的產(chǎn)品原型設(shè)計,做完了也會發(fā)上來供大家參考。后面持續(xù)更新。。