移動應用開發如火如荼的至今，一個好的APP原型設計理念很容易被糟糕的界面和體驗毀於一旦，如今市面有很多的原型工具可以幫助我們解決問題，但如何選擇原型工具卻成為設計師們最頭疼的事情，一方面是由於不懂哪些工具適合自己，另一方面又沒有多余的時間去挨個使用。那么今天，我就來為大家介紹以下8種原型設計工具，供大家參考使用。
1.Axure
Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速產品原型工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型工具，它能快速、高效的創建原型，同時支持多人協作設計和版本控制管理。
優點：變化多端的操作，自帶組件庫並支持強大的第三方組件庫，提供強大的交互支持，完整的教程及支持文檔，支持原型預覽。
缺點：學習曲線較高，性價比不高，專業需求度高。
適用人群：適用於追求強交互效果及細節產品經理及設計師，需要具有一定經驗或較強專業性。
價格：
axure的使用環境通過下圖進行說明。
1、主菜單和工具欄：執行常用操作，如文件打開、保存文件，格式化控件，自動生成原型和規格說明書等操作；
2、站點地圖面板：對所設計的頁面（包括線框圖和流程圖）進行添加、刪除、重命名和組織頁面層次；
3、控件面板：該面版包含線框圖控件和流程圖控件，另外，你還可以載入已有的部件庫（*.rplib文件）創建自己的部件庫；
4、模塊面板：一種可以復用的特殊頁面，在該面板中可進行模塊的添加、刪除、重命名和組織模塊分類層次；
5、線框圖工作區：線框圖工作區也叫頁面工作區，線框圖工作區是你進行原型設計的主要區域，在該區域中你可以設計線框圖、流程圖、自定義部件、模塊；
6、頁面屬性：這里可以設置當前頁面的樣式，添加與該頁面有關的注釋，以及設置頁面加載時觸發的事件onpageload；
7、部件消息交互面板：這里可以設置部件在操作過程中的消息傳遞；
8、元件屬性：這里可以設置選中元件的標簽、樣式，添加與該元件有關的注釋，以及設置頁面加載時觸發的事件；
9、部件管理：在這里可以添加、刪除動態面板的狀態，以及狀態的排序，也可以在這里設置動態面板的標簽；當繪制原型動態面板被覆蓋時，我們可以在這里通過點擊選中相應的動態面板，也可以雙擊狀態進入編輯。
詳細使用過程可參考：https://blog.csdn.net/xpbob/article/details/52493657
2.墨刀
網站地址：https://modao.cc/
墨刀，一款在線的移動應用原型與線框圖工具。借助於墨刀，創業者、產品經理及UI/UX設計師能夠快速構建移動應用產品原型，並向他人演示。
優點：容易學會，內置組件多，可以雲端保存工作，通過分享鏈接就可以分享原型給別人看了，支持sketch文稿導入和自動標注。
缺點：不自由，首先這也於墨刀的產品定位有關，清晰定位為移動端原型設計工具，因此在交互效果上、控件組合上，操作面板的選擇上都不如AXURE 靈活，並且效果切換因為是采用連線的方式，有時候會讓使用者腦子錯亂的感覺。並且目前原型的交互效果系統自帶的還比較少，但基本滿足日常所有原型的使用。另外需要充費才能夠使用更強大的共享創建功能。
價格：
適用人群：需要做簡單的demo和領導溝通的設計師。
使用案例：
3.Invision
網站地址：https://www.invisionapp.com/
InVision是一款基於網頁的在線原型設計和協作工具。 設計師可簡單上傳各種原型設計界面或部件圖片（當然，設計師首先需要通過其他圖片軟件，比如Sketch或PhotoShop等繪制相關圖片），為其添加熱區，並根據演示需要，獨自或協作制作完成多樣的原型交互動畫。
優點：主打“交互原型”和“協作”，支持sketch和ps設計稿導入做交互。
缺點：對於國內用戶來說會有服務器速度的問題。
價格：
適用人群：設計師更多的將其作為原型演示工具，便於收集多方設計反饋。
4.Proto.io
網站地址：https://proto.io/
Proto.io是一個專門用於移動應用的產品原型工具——可以構建和部署全交互式的移動應用的原型，並且可以模擬出相似的成品。基於Web的在線環境，它可以讓你制作流行的 iPhone，iPad，Android 手機以及任何帶有屏幕界面的產品原型。並且它可以運行在大多數的瀏覽器中，並提供了3個重要的接口：dashboard、編輯器以及播放器。
優點：豐富的UI元素，且可以自定義；支持多屏互動和組件交互，可以從Dropbox上傳設計圖。
缺點：不支持實時預覽，交互動效較多時動畫不夠流暢，性價比不高。
價格：免費試用15天 專業版（5個項目）1924 RMB/人/年
適用人群：擅長於使用Web瀏覽器的產品經理或設計師。
使用案例：
5.Mockplus
工具地址：http://www.mockplus.cn/features
Mockplus是一款快速簡單的原型設計工具，主要適用於新手產品經理和設計師。
優點：封裝3000個圖標和200個組件，操作簡單快速，學習成本低。在最近發布的版本中支持團隊協作功能，審閱和評論非常方便，聽說在即將到來的3.2版本中，支持將Sketch的設計文檔導出為Mockplus的mp項目文件。導出后，你可以在Mockplus中打開它。說了很久的頁面流程圖也終於要面世了。Mockplus的頁面流程圖可以做到：
– 即時生成；
– 你可以選擇展示全部或任意多個頁面的流程圖；
– 智能生成流程鏈接線，同時也可以手動調整；
– 展示頁面的批注信息；
– 一次導出頁面流程圖。
缺點：不支持手勢操作，函數和動態面板。官網教程較少，例子模板沒有具體的操作步驟。
價格：基礎版永久免費，付費版118元/年，終身版：699元，無需另外付費更新版本。
適用人群：各階段的產品經理及UI/UX設計師，追求中低保真，交互效果，快速原型，新手或專業人群皆適宜。
使用案例：
6.Fluid UI
Fluid UI是一款用於移動開發的原型設計工具，它能夠幫助設計師快速高效地完成產品原型圖的設計。
優點：Fluid UI 內置超過1700款的線框圖和手機UI控件，並且還會經常進行更新，適合跨平台開發者。而且是html5版，全平台支持！
缺點：不夠直觀，免費版只能創建一個1個項目和10個頁面
價格：付費版25美元/月，可以創建10個項目和無數個頁面以及使用所有組件庫。
適用人群：適合習慣使用多平台的產品經理及設計師。
7.Balsamiq Mockups
網站地址：https://balsamiq.com/wireframes/
它是一款低保真的線框圖工具，主要用於原型設計的初始階段。
優點：內置了大量的模塊，在需要的時候在搜索框里找，然后拖到畫布里面進行排序組合，畫圖很快速，功能強大（比如在tab選擇框里可以選擇哪個tab是active，哪些是default的）。很快就能畫出想要的app原型。如果你還覺得BM內置的模塊點少？Mockups To Go 可以滿足你需要的大部分需求！
缺點：Balsamiq Mockups里面畫的只是草稿，沒有配色，沒有設計風格。它只是每個頁面的布局，不能進行交互展示。
價格：個人版89美元，可以根據項目數量來購買。
適用人群：需要生成簡單原型（草圖）的產品經理或設計師。
使用案例：
8.Justinmind
網站地址：https://www.justinmind.com/
中文網站地址：http://www.justinmind.com.cn/
Justmind是一款為移動而生的原型設計工具，雖然它沒有像Axure那么火，但是對移動APP的原型設計支持似乎比axure更好。
優點：高保真，支持手勢操作。Justinmind的新小部件庫包括所有的蘋果IOS圖標，還添加了Android Nougat UI工具包。並且在版本7.6.0中與Microsoft Team Foundation Server集成，添加一些新的現成屏幕，如蘋果音樂播放列表，庫和播放器屏幕，和蘋果通知屏幕。
缺點：學習成本高，定義為高保真，需要設計人員懂的美工，又要懂的產品。Justinmind導出的html文件限制很強，需要特定的瀏覽器，還需要安裝插件。動態面板無狀態交互。
價格：29美元/月，終身版：495美元，Justinmind終身版僅支持一年的大小版本更新。 如果你想在第一年后繼續使用新版，則需每年花費額外的$ 99保持更新。
適用人群：追求高保真原型的產品經理及設計師。
使用案例：