擴充閱讀
常見免費開源繪圖工具
OmniGraffle 建立精確、美觀圖形的工具
UML-架構圖入門介紹 starUML
UML 繪製工具 starUML 入門介紹
PlantUML 是繪製 uml 的一個開源專案
UML 等常見圖繪製工具
繪圖工具 draw.io / diagrams.net 免費線上圖表編輯器
繪圖工具 excalidraw 介紹
繪圖工具 GoJS 介紹 繪圖 js
原型設計工具介紹-01-moqups 介紹
常見原型設計工具介紹
工具概覽
-
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檔案進行簡單模擬的角度出發進行挑選。