什么是原型
最基本的含義：原型是設計想法的表達，“交互性”是原型的根本。
百度百科提到：原型設計是交互設計師與PD、PM、網站開發工程師溝通的最好工具。原型讓設計師們得以展現他們的設計，以及模擬真實的使用場景。在數字化的背景下，原型能夠模擬用戶與界面之間的最終交互行為，設計方案的表達，是項目團隊參考，評估的重要依據。它是產品功能與內容的示意圖，是最終產品的雛形。。根據產品團隊的需求，原型可以模擬整個app或僅單個交互行為。原型可以模擬最終產品的運作方式。它支持產品團隊測試其設計的可用性和可行性。
原型設計的重要性
原型最大的好處在於，它可以有效地避免重要元素被忽略，也能夠阻止你作出不准確不合理的假設。
它一方面能夠讓開發更輕松，同時能夠通過更簡單的協作意味着更容易反饋，一方面能夠節省時間和金錢，最終能夠逐步達到雙贏的局面。
原型的必要性是在產品發布前發現和解決可行性問題，它能夠確保設計理念按預期進行，尤其是可以進行交互的產品原型。一旦用戶拿到一個可以交互的產品原型，產品團隊就能夠看到目標得到反饋以便調整初始理念，同時能測試出產品需要改進的地方，並迭代設計直到它足夠好。
常用原型工具
許多原型並不一定得做的非常的好看，它最主要的的功能是還原並呈現設計思路，核心是可運行、可交互
一個典型的原型設計工作流大概是這個樣子的：
繪制頁面流程。呈現出用戶可能會如何瀏覽頁面或者APP。
創建低保真原型，為每個頁面創建多個不同的版本，進行可用性測試，搜集相關的數據和用戶反饋。
完善原型的細節和真實度，向着最終產品的外觀靠攏。在增加細節之前，請確保原型的功能已經得到完善，並足以滿足需求。
摹客
摹客RP是一款國產的免費原型工具——不限功能、不限頁面、不限時長使用。同時它是一款集快速設計、強大交互、矢量編輯於一體的設計工具。支持多人實時編輯，更能與它自己的“摹客在線版平台”完美結合，快速進行設計協作和交付。
摹客RP的特點：
1）易用性，自帶交互效果的預設組件、海量圖標，支持高自由度的編輯方式，擁有一套系統的交互體系，提供了各種類型的設計模板項目，
2）協作效率較高，提供多人實時編輯機制
3）保真度，摹客RP擁有完善的矢量編輯功能，支持鋼筆工具、布爾運算等
4）流程銜接最后一點，摹客RP與摹客在線平台完美搭檔。完成項目后，用戶可以在摹客中直接完成協作、交付功能讓團隊成員能夠對項目隨時進行團隊評審、標注並快捷地交付給開發
Invision
Invison是一款快速簡單的原型設計的工具。Twitter和 Uber在用它，福布斯推薦它，財富榜百強企業大多在用它來設計產品。InVision 將產品設計流程中的每一個環節都進行了細化，InVision 讓團隊可以在瀏覽器中實現實時協作，讓團隊中每個人都能圍繞着項目推進緊密地合作。
Pidoco
和InVision 不同，Pidoco 真正的核心優勢在於設計出強交互性的UX原型。
Pidoco能創造出可用來展示、完全可操作的原型，支持手勢操作、過渡動效、鍵盤錄入等多種復雜交互，可以在瀏覽器、iOS和Android 設備上實時演示原型，Pidoco 的智能模板使得原型的設計和搭建極其快速而便捷，這也使得它簡單易學
由於Pidoco 主要是在雲端運行，所以你不需要安裝程序，只需要登錄、同步、演示就好了；同樣的，Pidoco 不需要具備代碼知識
Proto.io
Proto.io 是一款專門的移動端原型設計平台，能搭建可交互的原型，並用來測試和模擬移動端APP。Proto.io 能運行於絕大多數的網頁瀏覽器，它擁有一個用來管理整個項目的控制面板，一個專用的編輯器，以及專門運行原型的播放器。這些工具使得可以在iOS和Android 設備上測試你所設計的原型。同時，在使用編輯器搭建原型的過程中，用戶可以查看並參與進來，通過交互和體驗之后，給予設計者以反饋，被來自IDEO、迪士尼、PayPal 的設計師廣泛使用
Webflow
Webflow 是一款針對網頁端的高素質原型設計工具，版本控制和迭代升級永遠不是問題。從原型、設計到開發，逐步推進，步步為營
如果采用標准的HTML、CSS和JS的代碼，那么Webflow 能夠提供從原型設計到最終交付一條龍的服務。借助Webflow 設計的頁面都是響應式的，一個鏈接就可以進行展示和分享。
PowerMockup
PowerMockup 是一款PowerPoint中運行的原型工具包，從PowerMockup 的庫當中選取合適的形狀和控件，托拽到PPT背景上，制作成合理的布局。結合PPT當中的動效和交互功能，一個可靠的原型就能搞定了
HotGloo.
HotGloo內置的2000+ UI控件，多賬戶授權能夠方便你與他人進行協同，並且能夠動態地添加注釋。除此之外，HotGloo還擁有完整的文檔說明，詳細的視頻教程，還有在線論壇。
Sketch
Sketch 是一款適用於所有設計師的矢量繪圖應用。矢量繪圖也是目前進行網頁，圖標以及界面設計的最好方式。但除了矢量編輯的功能之外，同樣添加了一些基本的位圖工具，比如模糊和色彩校正。 容易理解並上手簡單，對於絕大多數的數字產品設計，Sketch 都能替代 Adobe Photoshop，Illustrator 和 Fireworks。
Axure
Axure 是一款專業的快速原型設計工具，是很多產品經歷、設計師制作原型的入門軟件。它可以幫助使用者定義需求和規格、設計功能和界面從而快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。在Windows和OS系統上都可以使用。Framer從像素完美的圖標到高保真、反應靈敏的設計，無所不包。
國內深度測評的設計師們表示：從其全面性來說，對視覺設計師不那么友好，但對全棧設計師和前端（UI）工程師非常友好。它要求你掌握的代碼語言不止於coffescript，還需要學原生的 JavaScript ES6，TypeScript，React 和 CSS ……相信全棧設計師會感到十分興奮，大神用起來也會得心應手。
墨刀
墨刀是一款在線原型設計和協同工具，墨刀有內置豐富的UI素材和模板，清爽的界面，讓設計原型的過程順暢高效。
墨刀同樣支持Sketch設計稿的導入，拖拽式創建交互鏈接，可以通過鏈接或者二維碼在電腦端或者移動端快捷預覽原型。
墨刀新出的版本更加強化了協同管理功能，滿足了更大規模團隊的需求。不僅多人團隊可以在墨刀協同編輯/實時討論，共同管理素材庫，對於人員權限的管理也更加清晰分明。
原型工具比較
可以看美國的專業設計公司cooper公司的交互設計師Emily Schwartzman所寫的一篇對眾多原型設計工具的對比評測：http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes
例子
在墨刀上仿照在線教育的app和教程進行了一個簡單的實踐
https://modao.cc/app/kol4uwpda5w5ws?simulator_type=device
總結
不同的設計階段和設計需求有很多合適的工具，線框圖適用於內部細節溝通，包括頁面構和交互細節等，草圖用於捕捉想法，不必糾結細節的構思階段。原型圖則是針對原型測試和改進，關於行為和邏輯的驗證階段，選擇適合的工具可以為極大地提高設計的效率和質量，更好地完成產品。
事實上，產品原型設計工具不斷地進化。在互聯網創業浪潮助推之下，原型設計成了一件門檻越來越低的事。設計工具的進化，一方面節省了我們的時間——不用再在畫圖上耗費過多的精力；一方面將更多人拉到同一起跑線上。
工具始終無法代替思考