一新來小鵬友問：“移動產品原型設計都用啥工具？”
答：“@#￥……&%*”
又問：“能詳細說下各個工具嗎？我比較一下”
“……”
好吧，誰讓我那么的愛分享而你又是小美女呢
———————正文開始————————
首先，一款優秀的移動APP產品原型設計工具應該具備：
①.支持移動端演示（隨時隨地演示給BOSS，廁所&食堂&電梯…以體現我是那么的敬業——長點工資必備）
②.組件庫（高效復用，誰用誰知道）
③.可以快速生成全局流程（程序猿看不懂拆解的，給丫的看這個）
④.在線協作（多個PM狗一起用）
⑤.手勢操作、轉場動畫、交互特效…(這些都不需要，留給專業的交互、視覺，搞那么虛的不如多想想產品流程邏輯做做減法、寫寫xxRD啥的)
這些年，產品狗們折騰過的原型工具：
1.POP（PrototypingonPaper）
算是移動App原型設計神器，很多公司在用：quora、sina、豆瓣、36氪、ifanr…
操作輕巧簡單：先用手機拍下草圖原型(存到POPapp內)；然后開始編輯圖片的哪個區域（按鈕）鏈接到什么頁面，添加跳轉鏈接熱區，就可以在iPhone上給小伙伴們演示了，并且POP內嵌的交互動作如側滑、展開、消失等，即可滿足一般的動態演示需要。不太明白？
2、PencilProject
Pencil是一款開源的可以用來制作圖表和GUI原型的工具，可以作為一個獨立的app，也可以作為Firefox插件。內置模版可以幫你繪制桌面和移動界面中用到的各種各樣的用戶界面，包括流程圖、UI和一般的通用圖形。
通過它內置的模板，你可以創建可鏈接的文檔，并輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。PencilProject還包含大量移動app模版。
3.Axure
大家都很熟悉了，這里主要說下移動端的演示，這樣才充分表達原型意圖。按F5生成原型的時候，在“Mobile/Device”選項中可以設置適配移動設備的特殊原型（Axure6.5以下版本），再用移動設備訪問你生成的原型鏈接即可（該頁面創建一個桌面快捷方式）。
4、Proto.io
Proto.io是一個專用的手機原型開發平臺——可以構建和部署全交互式的移動程序的原型，并且可以模擬出相似的成品。它可以運行在大多數的瀏覽器中，并提供了3個重要的接口：dashboard、編輯器以及播放器。
dashboard可以用來管理項目。編輯器是構建原型的環境，由一組設計和開發原型的工具組成，另外還可以構建交互。播放器用來觀看原型，并與原型進行交互，并提供了相關工具來標注和保留反饋信息。你可以直接在真實的移動設備上對原型進行測試。并且可以使用iOS或Android上的瀏覽器以全屏模式運行原型。
5、Moqups
是一個非常好的、免費的HTML5應用，通過它可以創建可愛樸素的線框圖、實體模型和UI概念。該程序使用起來非常簡單，并且有內置的模板可以直接使用（模板包括單選按鈕、鏈接、圖像占位符、文本框以及滑塊等）。
它還提供了iPhone和iPad模板，以及iOS相關的按鈕、提示框、picker、菜單、開關以及鍵盤等。你可以設置網格的尺寸，并預覽和分享你的線框圖。Moqups提供了一個很有用的功能就是對齊網格，可以使對象精準對齊。
6、UXPin
UXPin是DeSmart團隊開發的一個簡易快速的實體模型和在線可點擊原型創作工具。它基于優秀的用戶體驗設計原則，在構建原型中，它提供了一個完整的工具包（該工具包具有良好的用戶設計模式和元素）來從頭構建一個出色的原型。
UXPin具有響應式的斷點功能，創建的響應式原型和線框圖可以運行在不同的設備和分辨率上。另外該軟件還提供了版本控制和迭代功能，可以輕松的共享預覽，直觀的注解和實時的協同編輯和聊天。該軟件擁有大量具有吸引力的用戶界面元素風格（包括web，iOS，Android等），并且具有快速、靈敏的響應拖放接口。
7、Omnigraffle
OmniGraffle是由TheOmniGroup制作的一款帶有大量模版可以用來快速繪制線框圖、圖表、流程圖、組織結構圖以及插圖等類型圖的app，也可以用來組織頭腦中思考的信息，曾獲得2002年的蘋果設計獎。
它采用拖放的所見即所得界面，你可以用鋼筆工具繪制自定義的模版或者圖形，此外還自帶Graffletopia提供的多個iPhone、iPad以及Android模版。
8、JustinMind
JustinMind是由西班牙JustinMind公司出品的原型制作工具，可以輸出Html頁面。與目前主流的交互設計工具axure，BalsamiqMockups等相比，JustinmindPrototyper更為專屬于設計移動終端上app應用。
JustinMind可以幫助開發者設計更豐富、更具交互新的移動產品線框圖，包含了iPhone、Android以及iPad常用手勢，滑動、縮放、旋轉，甚至捕捉設備方向等，從而創造出更具交互性的原型。另外，它可以導出原型信息到MicrosoftWord，生成規范的文檔。
此外，你還可以自定義小組件，創建自定義組件庫，并進行分類，不管對象是iPhone、iPad、黑莓、Android還是其他。
9、FluidUI
FluidUI是一款用于移動開發的Web原型設計工具，可以幫助設計師高效地完成產品原型設計。FluidUI內置超過1700款的線框圖和手機UI控件，并且還會經常進行更新。
FluidUI無設備限制，無平臺限制（Windows、Mac以及Linux系統），支持Chrome和Safari瀏覽器（Chrome瀏覽器上的app也可離線使用）。你可以使用FluidPlayer來預覽你的設計，收集意見和反饋。還可以以PNG、PDF方式輸出。
FluidUI使用方法簡單，采取拖拽的操作方式，不需要程序員來寫代碼。另外，FluidUI資源庫非常豐富，有針對iOS、Android以及Windows8的資源。如果你覺得庫存資源不能滿足你的需求，你也可以自行添加。
推薦閱讀 導航欄對于大多數手機APP而言是個很重要的元素，它不但可以讓用戶明確的了解目前所開啟的功能名稱，在許多時候還同時是個放置導航與要功能的一個顯示、操作區域。 >>>詳細閱讀 本文標題：15款優秀移動APP產品原型設計工具 地址：http://www.brh9h.cn/a/blog/20140122/292530.html
網友點評
精彩導讀
科技快報
品牌展示