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美元，享受更多不同的服務，付費使用者不僅沒有螢幕限制，而且可以分享所製作的應用原型。