拓展閱讀 常見免費開源繪圖工具 OmniGraffle 創建精確、美觀圖形的工具 UML-架構圖入門介紹 starUML UML 繪製工具 starUML 入門介紹 PlantUML 是繪製 uml 的一個開源項目 UML 等常見圖繪製工具 繪圖工具 draw.io / diagrams.net 免 ...
拓展閱讀
繪圖工具 draw.io / diagrams.net 免費線上圖表編輯器
工具概覽
-
01 墨刀
-
02 Figma
-
03 Moqups
-
04 Axure RP
-
05 Proto.io
-
06 POP from Marvel
-
07 InVision
-
08 Justinmind
-
09 UXPin
-
10 Balsamiq
常見的
1. Proto.io
2. Moqups
3. UXPin
4. Balsamiq Mockups
5. JustinMind
6. FluidUI
7. Axure
8. Mockflow
9. Protoshare
10. Wireframe
11. WireframeSketcher
12. Omnigraffle
13. Pidoco
14. FlairBuilder
15. iPhone Mockup
16. HotGloo
17. InVision
18. Mokk.me
19. iPlotz
20. Pencil Project
21. Sketch
墨刀
墨刀是一款高效的線上原型設計工具，支持移動端、Web端及網頁端的產品原型設計。
無需下載，通過瀏覽器即可操作，同時支持軟體下載，隨時隨地進行設計與模擬。
學習難度低，自帶的強大素材庫和簡潔的設計界面，可幫助快速構建產品原型。
Figma
Figma是一款線上設計協作平臺，支持團隊協作並實時同步，能夠無縫銜接產品、設計與研發。
無需下載，打開瀏覽器即可使用，同時也提供桌面端。
但是缺點是沒有中文版，由於伺服器在國外所以國內使用起來載入很慢，另外Figma主打設計，原型交互這塊比較基礎。
Moqups
Moqups是一款線上設計平臺，基於Web架構，支持在網頁端進行原型設計，能夠輕鬆管理設計規範和資源。
上手快，可實現團隊成員間協作的無縫鏈接，減少溝通成本。但是這款無法進行平面設計，沒有矢量工具。
Axure RP
Axure RP是一款專業的快速原型設計工具，擁有強大的組件庫，可快速完成產品或Web線框圖、流程圖及原型設計，需要下載電腦端軟體使用，支持Window、Mac OS系統。
但過於專業龐大的軟體功能架構，對新手要求較高，需要花費較多時間在學習上。
Proto.io
Proto.io是一個基於瀏覽器的原型設計工具，無需安裝即可使用。
有豐富的原型組件，能夠實現多種交互效果，預覽、分享、評論這些基礎功能也都有。
POP from Marvel
POP的全程是“Prototyping on Paper”，這是一個Android和iOS的app。
現在仍然有人喜歡在紙上畫自己的原型，這個app就可以幫助你把紙上的草圖變成電子版的原型，你只需要按順序拍下你的草圖即可。
但是這個的缺點是只能夠支持低保真的原型，無法進行高保真原型創作。
InVision
InVision是一款界面交互設計軟體，內含豐富的視覺設計功能，幫助快速建立原型。
完成具有一定交互效果的原型設計後支持研發人員進行測試，適合團隊使用。
Justinmind
Justinmind與主流的交互原型設計工具相比更適合設計移動終端上APP的應用。
如果你是剛入門的設計師，這款工具對你具有一定挑戰性。
UXPin
UXPin是基於Web的原型設計工具，能提供強大完整的設計流程。不過因為功能複雜，上手需要一定時間。
Balsamiq
Balsamiq是一款可快速繪製原型草圖的原型圖繪製工具。就像是用筆和紙繪製，界面簡潔，上手快，適合低保真原型這種需要快速產出的產品原型。
如何選擇適合自己的原型設計軟體？
沒有最好的原型設計產品，只有最合適自己的。
以上10款原型設計軟體各有特色，在選擇時，我們需要從多個維度綜合考慮，挑選更適合團隊的原型設計軟體。
1、使用場景：最終交付的產品是應用在哪些場景里，是否需要高保真度、交互性需求、原型設計所需的時間等等，都需要綜合考量之後，再挑選最適合自己適用習慣和特性的。
2、價格：很多原型設計軟體都能夠免費使用基礎功能，根據設計需求思考是否需要對某些原型設計軟體進行付費開通提高工作效率和質量的功能。
3、從是否需要多人協作，支不支持手機預覽或能否下載apk文件進行簡單模擬的角度出發進行挑選。
