5款常見原型工具，產品特點知多少？

工欲善其事必先利其器。每天和產品打交道，無可避免的要作一些頁面原型，固然也離不開各類工具。好的原型工具軟件能夠大大提升工做效率，可是每款工具各有優劣。以前寫過一篇基於不一樣平臺的原型工具介紹，分別是基於網頁、基於桌面端、和原型手機預覽APP. 爲了更好的幫助你們作出正確的判斷，少走彎路，今天我分別爲你們介紹一下幾款經常使用軟件的產品特點。

1. Axure RP

儘管近年來各類原型工具層出不窮，且功能及使用性方面也在不斷的發展，但Axure仍舊是原型設計工具中的佼佼者，穩坐大牛之位。能夠說Axure是Windows上一款很是出色的原型設計軟件，亦是網絡產品前期設計的首選工具之一。

價格：

前期提供30天試用，試用期結束後需購買。

專業版 $495一個註冊碼

團隊版 $895一個註冊碼

企業版$99/月

 

產品特點：

一、老牌原型工具，用戶羣體龐大

二、豐富的視頻教程

三、自帶組件庫，以及強大的第三方組件庫

四、強大的交互功能

五、完整的教程和支持文檔

 

預覽：

預覽方式既能夠支持直接F5在線預覽，也能夠經過移動端預覽：

導出HTML,在Safari中打開

經過Axure share直接打開桌面端上傳的項目

 

導出：

支持導出文件類型：HTML, DOCX, PNG

 

2. Mockplus

做爲新興的快速原型設計工具， Mockplus提供了大量組件和圖標，方便用戶快速上手進行設計。頁面交互和組件交互只需一個拖拽動做。簡單、方便的可視化操做在很大程度上簡化了交互設計，極大的提升了工做效率。一句話來講，這款工具就是：功可以用，簡單易學。

價格：

基礎版永久免費

專業版包月20￥/月

專業版包年119￥/月

 

產品特點：

一、低學習成本，快速上手

二、簡單拖拽，快速設計原型

三、豐富的組件庫（200個組件）、圖標庫（3，000個圖標）

四、封裝的交互組件，交互設置可視化

五、全面的預覽功能

 

預覽：

Mockplus支持8種預覽方式：

一、直接F5演示

二、在線發佈爲HTML5的網頁

三、導出HTML5的離線包

四、導出可獨立運行的演示包

五、輸入原型碼，在手機中查看原型

六、掃描二維碼在手機中查看原型

七、導出圖片

八、導出項目樹

 

導出：

支持導出文件類型：.exe, PNG, HTML, 項目樹（腦圖、樹圖、HTML、MarkDown、XML、文本等形式）

 

3. Justinmind

JustinMind主要致力於高保真原型設計。與其它交互設計工具相比，Justinmind更適合作移動端開發，即主要是iPhone和安卓手機的應用。若是你要建立複雜的高保真原型， 能夠嘗試這款工具。缺點就是須要必定的學習成本，程序啓動也比較慢。

價格：

和Axure同樣，提供30天試用。試用到期以後購買。

專業版包月 $29/月（包年$19/月)

 

產品特點：

一、支持手勢交互

二、支持自定義部件和建立自定義組件庫

三、提供豐富的動畫支持

四、支持變量判斷

五、支持團隊合做和版本控制

 

預覽：

一、支持瀏覽器預覽

二、設備預覽

 

導出：

支持導出文件類型：HTML + JS, Word, PNG, 導航地圖

 

4. Invision

InVision 是一款基於網頁的原型交互設計工具。能夠很好的實現團隊之間的協做，也便於收集反饋意見，幫助設計師快速設計產品模型，管理用戶的設計團隊，在線協做輔助。將靜態網頁，移動app設計圖快速的變爲可點擊， 具備交互效果的動態原型，讓你的設計「活」起來。

 

價格：

免費版 - 一個項目

初級版 – 3 個項目 = $15/月

專業版 – 無項目限制 = $25/月

團隊版 – 無項目限制, 5 個用戶 = $100/月

企業版 – 無項目限制, 高級功能

 

產品特點：

一、簡單易學，上手快

二、快速建立熱點，鏈接頁面

三、支持手勢和轉場

四、分享方便/評論、協做方便

 

預覽：

PC或移動端瀏覽器預覽

 

分享：

能夠經過URL, Email, SMS等方式進行分享，也能夠下載ZIP原型包或PDF

 

5. Proto.io

Proto.io是一款很是強大的網頁app；它有不少功能。可是因爲每一步設定都是經過拖拽，點擊按鈕還有在選項中調整數值，有時候有點難以找到一些你須要的設置。

 

價格：

15天免費試用。

1個用戶：$29/月

2個用戶：$49/月

5個用戶：$99/月

10個用戶：$199/月

 

產品特點：

一、豐富的手機組件

二、支持組件交互

三、能夠直接從Dropbox上傳設計圖

四、支持Sketch和Photoshop插件

 

預覽：

HTML預覽或經過短信發送到手機預覽

 

導出：

支持導出文件類型：HTML, PNG, PDF