知乎和Quora高分APP原型設計工具推薦

據數據顯示,中國手機App市場應用已經超過402萬款,遠遠高出咱們的想象。數據背後的支撐,除了龐大的設計開發團隊,還有各式各樣的原型設計工具的應用。爲了找到一款駕輕就熟的原型工具,設計師們和產品經理們一般熱衷於求助知乎和Quora。最近留意到一個全世界都在問的問題:哪款App原型設計工具最好用?web

可能大多數產品經理或者設計師在看到這個問題的時候,腦子裏一片空白,那麼多原型工具,我怎麼知道哪一款最好用呢?瀏覽器

本着樂於助人的思想,我這裏給你們整理了幾款在知乎和Quora上排名都比較靠前的移動應用原型設計工具。工具

1. Justinmind學習

justinmind.png

【費用】$29/月 ~ $495/用戶測試

【使用平臺】Mac, Windowsspa

【擅長領域】Web, Desktop, Mobile設計

Justinmind 是一個很靈活的原型設計工具,支持多種終端設備,從簡單的鼠標點擊到各類複雜交互的工做都能勝任。既能夠在已設計好的效果圖上添加交互特性,也能夠在Justinmind中使用預設的標準組件庫建立各類界面。教程

優點:資源

支持特定設備的模板和功能。開發

可快速、直觀的經過拖拽操做添加各類資源。

可模擬生成自帶設備外框、以及完整交互特性的web頁面進行預覽。

能夠爲每一個微小的、單獨的設計元素添加交互屬性。

支持基於手勢操做的交互操做設定。

劣勢:

陡峭的學習曲線,首次使用的用戶須要花一些時間上手。

添加多個動做到同一個設計元素上時,動做沒法同時執行,並且按順序逐個執行。

2. Axure

axure.png

【費用】標準版:$ 289 / 專業版:$ 589

【使用平臺】Mac, Windows

【擅長領域】Web, Desktop, Mobile

Axure是一個用來設計Web、App或者桌面客戶端軟件類型原型的理想工具,能夠設計各類複雜的交互動做和以及多種狀態的界面表現。

優點:

有良好的培訓文檔和客戶支持文檔。

能夠爲每一個微小的、單獨的設計元素添加交互屬性。

擅於設計複雜的交互行爲動做。

內建的組件庫能夠自定義各類特定的動做和行爲屬性。

靈活性 --- 能被用於設計任何數碼設備平臺上的產品原型。

劣勢:

陡峭的學習曲線;對首次使用的用戶來講不夠簡單。

沒有內建特定設備(例如:iPhone / Android 等)的模板和功能組件

主要用於在工具中從頭開始建立原型頁面,相對來講不太方便在已有設計圖上添加交互屬性。

3. Mockplus

Mockplus3.2-800.png

【費用】專業版:118元/年;終身版:699元/用戶

【使用平臺】Mac, Windows

【擅長領域】Web, Desktop, Mobile

Mockplus是一個簡單快速且很是強大的原型工具。每一次版本更新都會用戶帶來驚喜。有幸加入了他們的測試羣,體驗了一把即將發佈的3.2,新增了格子、流程圖、Sketch導入和項目模板等5大新功能。雖然有些地方還待完善,但不得不說,新功能真的很贊!

優點:

操做簡單,學習成本低,一拖一放,3秒鐘完成交互設置。

交互設置簡單直觀,快速上手。

豐富的組件庫和圖標庫,200個組件和3000個圖標,任意使用。

支持多種手機預覽方式,可直接輸入原型碼在手機端預覽,也可直接分享URL,很是簡便。

多人協做和在線審閱,促進團隊成員溝通,大大提高團隊工做效率。

劣勢:

功能細節須要繼續打磨。

官網教程不夠完善。

交互上不支持手勢操做。

項目例子多,但沒有詳細的操做指導,對新用戶不夠友好。

4. Proto.io

protoio.png

【費用】29美圓/月,或者288美圓/年,能夠有5個活躍項目。還有十、1五、30個活躍項目的套餐。

【使用平臺】web平臺

【擅長領域】iOS, Android

Proto.io是一個專用的手機原型開發平臺—能夠構建和部署全交互式的移動程序的原型,而且能夠模擬出類似的成品。它能夠運行在大多數的瀏覽器上。

優點:

易於製做快速的實體模型。

大量的標準UI元素庫,並且不少是能夠定製的。

能夠在一個項目中包含多個屏,屏之間能夠建立過渡效果。

支持元件跟Dropbox同步。

劣勢:

沒有即時預覽。
若是加了不少交互,動效會變慢。
全部原型都保存在Proto.io的web平臺上,這意味着若是你要取消你的賬號,將不能再繼續運行你的項目。

不支持3D動效。

 總結

 這幾款App原型設計工具都有本身的獨特優點,適合不一樣的需求。沒有最好的工具,只有最適合的。經過每個工具的優劣勢分析,我想你們應該知道本身須要的是哪款工具了。對於我來講,仍是更期待Mockplus3.2的發佈,體驗了內測版以後,已經按捺不住心裏的激動了\(≧▽≦)/,流程圖大大的贊!

相關文章
相關標籤/搜索