有一個App可以幫你解決這個問題

當(dāng)你向某人求助的時候，你很可能聽到這句話。是的，目前為止，手機(jī)應(yīng)用幾乎可以為你解決所有的難題。設(shè)計者和開發(fā)者是如何了解用戶需求并迅速開發(fā)出一款實用App的？

開發(fā)者首先會快速創(chuàng)建出一個產(chǎn)品的原型。在過去，建立原型對開發(fā)者來說是非常麻煩的，尤其是建立一個手機(jī)應(yīng)用的原型，有時候我們甚至需要寫數(shù)千行的JavaScript代碼來實現(xiàn)響應(yīng)式的交互，用很混亂而又不直觀的注解來形容一個觸控手勢。在向用戶展示你的創(chuàng)意的時候，你很可能會說：“現(xiàn)在你們想像一下，在手機(jī)界面的頂端，有一個下拉框……”，然后你的手就不停的比劃下拉動作。

現(xiàn)狀

幸運的是，越來越多原型工具被開發(fā)出來，下面我們向大家介紹兩款很不錯的手機(jī)應(yīng)用原型工具。

Proto.io

Proto.io 作為開發(fā)原型的解決方案已經(jīng)有很多年了，想必你一定用它創(chuàng)造過很多優(yōu)秀的產(chǎn)品了，最近它開始為Android和iOS應(yīng)用提供創(chuàng)建原型的解決方案。Proto.io基于Web環(huán)境，支持滑動、輕觸、縮放、長按等主流移動觸摸風(fēng)格和手勢。通過它，開發(fā)者可以為iOS、Android等各種移動平臺設(shè)備制作交互式應(yīng)用原型，并從用戶那里得到反饋。

如果你是***次使用Proto.io，你將會看到Proto.io的使用教程。如下圖所示，Proto.io為你提供了各個系統(tǒng)的資源，你甚至可以創(chuàng)建一個動畫橫幅。

使用Proto.io，只需短短幾分鐘，即可完成原型創(chuàng)建，而其過程也是相當(dāng)有趣。Proto.io有免費和付費兩個版本。對于新用戶，Proto.io有15天的免費試用。

Fluid UI

Fluid UI也是一個不錯的手機(jī)應(yīng)用原型開發(fā)工具，像Proto.io一樣支持iOS、Android、 WP系統(tǒng)。它是一款極簡主義的原型設(shè)計工具，也深受諸多公司及開發(fā)者喜愛。FluidUI支持Chrome、Safari、Firefox瀏覽器，可以在 Windows、Mac、Linux系統(tǒng)上運行操作，沒有平臺限制，支持添加手勢，讓開發(fā)者幾分鐘內(nèi)便輕輕松松地完成原型創(chuàng)建。

到目前為止，F(xiàn)luid UI提供了易懂的操作流程和非常直觀的用戶體驗，你可以隨意的拖動任意的組件并控制它們的大小。雖然Fluid UI設(shè)計出的原型會給你一種項目未完成的感覺，但這也不算是一個大問題，因為大部分應(yīng)用在原型設(shè)計的階段沒有必要做到那么***。

使用FluidUI進(jìn)行原型創(chuàng)作可同步保存到云端，并實時更新，無需任何編程即可直接生成可在智能手機(jī)上運行的App原型。FluidUI提供了免費和付費兩個版本，免費的版本限制你只能在一個應(yīng)用中創(chuàng)建10個界面。

總結(jié)

Proto.io和Fluid UI提供不同的方式來創(chuàng)建原型，在用戶體驗上有明顯的區(qū)別，它們有不同的理念和實現(xiàn)方式，我也不能說哪一個更好，你可以兩個都試一試，選擇一個適合你的工 具，可以在評論中告訴我你對這兩種工具的看法，如果有其他更好的手機(jī)應(yīng)用原型設(shè)計工具也可以拿出來和大家分享。

英文原文地址：http://www.sitepoint.com/2-tools-prototyping-mobile-apps/