有一個(gè)App可以幫你解決這個(gè)問題

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

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

現(xiàn)狀

幸運(yùn)的是，越來越多原型工具被開發(fā)出來，下面我們向大家介紹兩款很不錯(cuò)的手機(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)境，支持滑動(dòng)、輕觸、縮放、長按等主流移動(dòng)觸摸風(fēng)格和手勢(shì)。通過它，開發(fā)者可以為iOS、Android等各種移動(dòng)平臺(tái)設(shè)備制作交互式應(yīng)用原型，并從用戶那里得到反饋。

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

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

Fluid UI

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

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

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

總結(jié)

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

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