2013移動開發工具盤點：最火原型設計工具

原型設計之于應用開發，是為第一要素。它所起到的不僅是溝通的作用，更有體現之效。通過內容和結構展示，以及粗略布局，能夠說明用戶將如何與產品進行交互，體現開發者及UI設計師的idea，體現用戶所期望看到的內容，體現內容相對優先級等等。在“馬上有一切”的開年之際，回首2013，這個移動互聯網最為活躍的年度，從原型設計開始，盤點這一年里，最受開發者及UI設計師喜愛的原型設計工具。

1. Flinto

在應用開發者和設計師的圈子里，Flinto是設計必備的工具之一，基于Web，專門用于iPhone和iPad應用原型設計。Flinto獨有的編輯器，通過鏈接屏幕和設置轉換，能夠在短短幾分鐘之內幫助開發者和設計師快速創建好產品原型。

和大多數工具一樣，Flinto對于新用戶有著30天的免費試用，在試用期之后，獨立開發者和設計師需每月支付8美元。在Flinto之上，除了其本身的原型設計工具之外，Flinto還提供了一款輕量級的圖標測試工具――Icon Strike，功能簡單卻相當實用，只需三步（上傳圖標、手機查看、安裝Icon Strike），即可完成圖標測試。

2. InVision

InVision是一款專為設計師及項目決策者等群體服務，提供設計圖原型討論、標注、分工協作等，幫助他們進行產品原型設計的工具，非常適合團隊使用。通過InVision，設計師可以為移動應用快速創建交互式模型或demo，除此之外，InVision還會提供極其酷炫的設計演示工具，收集反饋，并與團隊其他成員分享。

InVision的客戶非常廣泛，遍布全球70個國家，甚至包括Adobe、Zappos、ebay、索尼、戴爾、EA等品牌公司對于InVision都是頗為贊譽。InVision按不同類型不同項目數量收費，分別為：初學者（15美元/月）、專業人士（25美元/月）、工作室（50美元/月）、品牌工作室（100美元/月）。

3. Proto.io

Proto.io這樣一款專門用于移動應用的界面原型設計工具，基于Web環境，支持滑動、輕觸、縮放、長按等主流移動觸摸風格和手勢。通過它，開發者及設計師可以為iOS、Android等各種移動平臺設備制作交互式應用原型，并獲得問題反饋。

使用Proto.io，只需短短幾分鐘，即可完成原型創建，而其過程也是相當有趣。對于新用戶，Proto.io有15天的免費試用，在此之后，普通用戶需每月支付24美元，而專業版則需每月支付49美元。

4. Marvel

與上面所介紹的工具相比，Marvel最大的優勢就在于免費。Marvel有一個特別之處就是完全基于Dropbox，開發者或設計師在創作過程中，圖片所產生的每一點變化都會自動同步到原型。使用Marvel進行原型創作非常簡單，無需任何編碼，也不需要再繁瑣地將PSD格式文件保存為圖像。

通過Marvel的編輯器，用戶不僅可以為iOS、Android等移動設備創建原型，還可以Web及游戲設備創建原型。可以實時同步、支持PSD、運行于任何設備，只需輕點幾下，即可完成一項非常逼真的原型，Marvel的優點不言而喻。

5. Codiqa

對于jQuery Mobile開發者和設計師而言，Codiqa并不陌生。Codiqa這樣一款基于云的可視化快速原型工具，能夠幫助用戶非常輕松地設計、開發和編輯HTML5移動應用。在用戶使用其可視化編輯器進行原型創建操作的同時，Codiqa會在后臺自動創建一個HTML文檔。

由于其可視化，使用Codiqa構建原型非常簡單，基本上都是拖拽和填寫屬性，支持自定義主題，可以在線共享及在移動設備上直接體驗，當然，還有非常重要的一點是可以導出HTML代碼。Codiqa有著30天的免費試用，在試用期之后，獨立開發者需每月支付16美元。

6. Concept.ly

在過去的一年里，Concept.ly這樣一款免費的應用原型設計工具也是相當受歡迎。通過它，開發者及設計師可以快速地將線框圖和UI設計圖轉換成交互式App。和許多原型設計工具一樣，Concept.ly有鏈接、反饋收集、演示等功能，用戶可以在短短幾分鐘之內，即可創建出一個非常逼真的應用原型，并向客戶展示。

Concept.ly集成Dropbox，也有其獨有的App，在完成草圖設計之后，用戶只需打開Concept.ly應用，對其拍照，然后使用Link進行連接，在原型完成之后，還可以公開分享。

7. POP

于國內用戶而言，POP應該更為熟知一點。這款由Woomoo開發的，專門用于iPhone應用原型創作的應用，來源于“Prototyping on Paper”縮寫，也正如其名，開發者只需備好紙和筆，在紙上畫好App架構草圖之后，使用POP拍照存檔，即可在iPhone上進行編輯，在完成之后，還可以直接在手機上進行展示。

免費、易于上手、支持同步，POP的優勢還有很多，也正因如此，從推出直至現在，在許多開發者和設計師的心目中，POP仍然是那款當之無愧的應用原型設計利器，也是原型設計必備工具之一。

8. FluidUI

FluidUI這一款專門用于iOS、Android、WP應用的極簡主義原型設計工具，也深受諸多公司及開發者喜愛。FluidUI支持Chrome、Safari、Firefox瀏覽器，可以在Windows、Mac、Linux系統上運行操作，沒有平臺限制，支持添加手勢，讓開發者和設計師幾分鐘內便輕輕松松地完成原型創建。

使用FluidUI進行原型創作可同步保存到云端，并實時更新，無需任何編程即可直接生成可在智能手機上運行的App原型，仿真度極高。FluidUI提供了免費和付費兩個版本，用戶可以免費創建1個項目，當然，也可以每月花費一定數額的美元享受不同的項目服務。

9. Skala Preview

Skala Preview這樣一款免費的快速預覽應用在同類工具中極富盛名，由Bjango開發。通過與iOS、Android端的應用“Skala View”相配合，可以快速將在Mac上設計的應用圖片全分辨率地展示到iOS或Android設備上，顏色、像素都堪稱完美，不會對圖片質量造成絲毫損害，即使是正在編輯的圖片，也能實時同步。

Skala Preview最具魅力之處當屬與Photoshop的完美結合，通過“PS遠程連接”，開發者和UI設計師可以將PS中編輯的圖片通過Skala實現無損預覽。除此之外，還可以測試應用的觸摸尺寸、對比度等，而在設計過程中，也可以隨時進行修改，以便達到最佳效果。

10. MockingBot

MockingBot是一款專門用于iOS的應用原型設計工具，通過其簡潔的拖放式界面，用戶可以非常簡便地將所需控件拖放至屏幕中，從idea到付諸實踐，只需幾分鐘便可搞定。在完成初步設計之后，用戶可以使用其預覽功能進行交互預覽。

在MockingBot之上，有免費和付費兩個版本。用戶可以免費設計一個應用原型，支持4頁屏幕。當然，也可以每月支付7美元或15美元，享受更多不同的服務，付費用戶不僅沒有屏幕限制，而且可以分享所制作的應用原型。

本文為CSDN原創文章，未經允許不得轉載，如需轉載請聯系market#csdn.net(#換成@)

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈