[轉載]轉載：iOS開發之工具篇-20個能夠幫你簡化移動app開發流程的工具(原型

原文地址：轉載：iOS開發之工具篇-20個能夠幫你簡化移動app開發流程的工具(原型設計) 做者：奶牛

轉載：http://www.cocoachina.com/newbie/basic/2013/0402/5926.html

若是想進入移動app開發這個領域，你總能從別的開發者或者網上或者書上找到各類各樣的方法和工具，對於新手來講，尚未摸清門路就已經陷入迷茫了。這裏推薦20個能夠幫你簡化app開發流程的工具。不少開發者都使用過這些工具，涉及原型和設計、編程、測試以及最後的營銷，基本上涵蓋了整個開發過程。

 

原型和設計

有了一個很好的創意後，你要作的不是馬上編程，而是設計UI和建立原型，這樣你才能知道app如何運行，根據用戶體驗須要作哪些調整。

App Cooker

AppCooker ($39.99)不只是一個建立原型的優秀工具，它提供的許多功能還能夠幫助你將程序發佈到App store中。它集成了Dropbox，Box.net和photo roll，你能夠直接將圖標和其它UI資源導入到原型設計工具中。你能夠利用漸變和填充等功能來建立簡單的形狀，而且能夠訪問幾乎全部蘋果默認提供的UI控件。

 

若是你不許備深刻圖形設計，可使用App Cooker將圖片資源合理的放在一塊兒，以建立一個粗糙的、統一的原型。AppCooker還有一個很容易使用的動態連接功能，經過該功能，你能夠把各類畫面鏈接起來（在UX設計階段中畫面的各類鏈接方法）。

Pop

Pop就是這樣一款應用。有了它以後，作出一款產品原型只須要五個工具：Pop、iPhone、紙、筆和橡皮擦。讓你輕鬆作出可在iPhone上演示的應用原型。

畫圖：在紙上畫出完整構架圖，最常規的幾個頁面、按鈕、主流程跑通就好。
拍照：用POP拍下這些草圖，應用會自動調整亮度和對比度使其清晰可見，存到POP app內部，
編輯：將拍下的照片按你理想中的順序放置，利用連接點描摹出各個板塊之間的邏輯關係，點擊Play就能夠演示整個應用了。

Make app icon
 

Make app icon是一個能夠幫你快速生成app圖標的web工具。Make app icon能夠幫你生成蘋果指導方針所說的各類分辨率icon，包括retina設備和非retina設備在內。另外，還能夠製做Android平臺的多個icon。

雖然看起來是個很簡單的工具，但能夠幫你節省很多時間，使用起來也比較方便。你在Make app icon網頁添加你將要用來作icon的圖片，而後留下你的郵箱地址，系統最終會以zip文件形式發送給你，支持PNG、JPG以及PSD等不一樣格式文件。（發送時間會有點長...）

你也會意識到以前你在閱讀各個icon大小說明和調整每一個icon方面浪費了多少時間。

Fluid UI

Fluid UI是一款用於移動開發的Web原型設計工具，能夠幫助設計師高效地完成產品原型設計。優勢：無設備限制，無平臺限制（Windows、Mac以及Linux系統），支持Chrome和Safari瀏覽器（Chrome瀏覽器上的app也可離線使用）。採起拖拽的操做方式，不須要程序員來寫代碼。另外，Fluid UI資源庫很是豐富，有針對iOS、Android以及Windows 8的資源。若是你以爲庫存資源不能知足你的需求，你也能夠自行添加。

 

對於喜歡快速開發的小團隊來講，Fluid UI高保真模擬用戶體驗和操做很是適合。開發人員甚至在建立原型後還能夠進行觸摸測試，分享移動用戶體驗。另外，開發人員還能夠在Fluid UI上進行迭代開發！Fluid UI提供免費版本和付費版本：免費版支持1個項目，其他根據支持項目數目不一樣進行收費，好比29美圓/月支持3個項目，49美圓/月支持10個項目，129美圓/月支持10個以上項目。

Sketch

Sketch是一款Mac上的app，是一款優秀的Vector/Pixel混合型開發工具，能夠幫你建立retina圖像。這款app能夠當作是Photoshop和Fireworks的替代品，包含大量開發者友好型功能，好比「export to css」和「export for retinaoptions」。Get Sketch (售價$49，15天免費試用)。