6種原型設計工具大比對！ Axure,Invision, 墨刀……哪款適合你？

每年的畢業季都是找工做高峯時期，產品經理、UI設計師這些崗位都會接觸到原型設計工具。選擇原型設計工具最重要的一點：適合本身的纔是最好的！

下文將對目前超火的原型工具進行大對比，快來看看那一款於你而言纔是最好的~

Axure

老牌原型設計工具，交互制做功能強大，固然同時也帶來了較高的學習成本。設計區域是無限畫布，方便給設計稿添加文字註解。在交互效果層面，能夠實現很是多條件判斷、巧妙運用能夠實現更復雜的交互。不過同時也會帶來「效率不高」的問題，由於細節過於繁瑣，因此會加劇產品經理或交互設計師在畫原型時的負擔。

此外，做爲一款離線工具，Axure的原型預覽和分享方式並不十分友好。瀏覽器預覽本地文件須要安裝插件；支持上傳到Axshare分享，但在國內的速度也較慢。由於離線，Axure 文檔存檔會比較安心，不過若是涉及到多人協做，也會有「信息更新不及時」的問題。

Adobe XD

做爲Adobe旗下的一款原型設計工具，有着平臺自帶的一個自然優點—用戶可直接導入PS、AI、SKETCH文件做爲原型素材。設計的頁面間能夠經過拖拽建立交互，可設置過渡動畫；Adobe XD有提供基礎組件元素、平臺組件庫和少許圖標庫。能夠經過連接分享原型。此外，還支持設計稿的自動標註。

而做爲一款本地工具，目前只能經過登陸Adobe icloud帳號雲端管理項目。

固然，雖然官方有在宣傳是免費工具，可是免費度很是有限：只能最多使用 2 GB雲存儲，Typekit，以及最多共享1個設計規範和1個原型。

Invision

做爲目前國外很是知名的一款在線原型設計協做工具，Invision 的發展勢頭很強。雖然最一開始Invision 主要是作設計稿以後的交互原型和團隊協做管理，好比能夠順暢銜接Sketch/PS設計稿，爲設計稿作批註，以及Freehand功能能夠實現團隊自由討論想法。

但後來發佈的 Invison studio 具有從基礎開始的設計功能，能夠完成至關精細的設計稿，較爲強大的交互動效功能也能夠知足大多數設計者的動效需求。利用 InVision Studio，還能夠將團隊的設計規範落地在設計工做中。

不過對於國內用戶來講，Invision 始終還有些不便利：好比全英文的界面；國內訪問速度通常；以及價格較貴。

Proto.io

Proto.io 也是國外一款輕便好用的在線原型設計工具，在大多數瀏覽器中都能使用，支持導入Sketch和PS設計稿作交互。界面清爽，擁有較爲豐富的UI組件。能夠直接用連接分享原型，並且由於集成了移動錄屏工具lookback，適用於用戶測試場景：能夠記錄用戶點擊、滑動、點擊區域；也能夠記錄用戶的聲音和facecam視頻評論。

目前Proto.io 有協做功能，只是比較受限；此外，交互設計較爲複雜，細節效果只能經過容器實現，上手成本較高。價格相對Invision較便宜，但相對國內產品來講仍然較高。

墨刀

做爲國內目前廣受承認的一款在線原型設計和協同工具，墨刀有內置豐富的UI素材和模板，清爽的界面，讓設計原型的過程順暢高效。墨刀一樣支持Sketch設計稿的導入，拖拽式建立交互連接，能夠經過連接或者二維碼在電腦端或者移動端快捷預覽原型。此外，設計師也能夠經過墨刀進行自動標註，開發者也能夠用墨刀進行切圖。

而墨刀新出的版本更增強化了協同管理功能，知足了更大規模團隊的需求。不只多人團隊能夠在墨刀協同編輯/實時討論，共同管理素材庫，對於人員權限的管理也更加清晰分明。目前不少僱主在招聘產品經理時，已經會將墨刀列爲和Axure並列的必備技能之一。

藍湖

藍湖也是國產的一款原型協做平臺，在其官網上，藍湖將自身定位爲「簡單好用的團隊工做臺」。

使用藍湖能夠導入Sketch/Photoshop和Adobe XD的設計稿（經過插件），並在藍湖上作自動標註和交互原型。對於設計師來講，可在藍湖進行設計圖管理和自動標註。對於產品經理來講，能夠在藍湖作頁面邏輯流程圖和聚集產品文檔。

不過藍湖自己沒有設計功能，必須依託於在Sketch/Photoshop/Adobe XD平臺的設計。而交互效果的建立方式也相對較爲隱晦，是筆者目前體會到的稍微不足之處。

 

選擇適合本身的原型工具開始你的原型設計之路吧！