今天已到2014年的最后一天了，25學(xué)堂還是一無(wú)既往的為大家提供最優(yōu)質(zhì)最簡(jiǎn)單通俗的移動(dòng)APP設(shè)計(jì)資源和移動(dòng)APP設(shè)計(jì)干貨。

25學(xué)堂整理了國(guó)內(nèi)外4個(gè)比較操作易上手的移動(dòng)APP在線(xiàn)原型設(shè)計(jì)工具推薦給大家。希望對(duì)大家有所用處。這4款在線(xiàn)原型設(shè)計(jì)工具特別適合是移動(dòng)端的產(chǎn)品經(jīng)理和移動(dòng)APP運(yùn)營(yíng)者。

第一款：國(guó)內(nèi)的第一款移動(dòng)APP在線(xiàn)原型設(shè)計(jì)工具-墨刀

一款非常不錯(cuò)的可視化操作的移動(dòng)APP原型設(shè)計(jì)工具。25學(xué)堂詳細(xì)介紹最好用的在線(xiàn)App原型設(shè)計(jì)工具。

具體在線(xiàn)移動(dòng)App原型設(shè)計(jì)工具演示圖：https://modao.io/playground

第二款在線(xiàn)原型設(shè)計(jì)工具：vxplo互動(dòng)大師

最近在百度推廣里面比較火的一款移動(dòng)APP在線(xiàn)原型設(shè)計(jì)工具。這塊移動(dòng)APP在線(xiàn)原型設(shè)計(jì)工具分為免費(fèi)版和收費(fèi)版。而且必須是注冊(cè)用戶(hù)才能使用。 于是25學(xué)堂就注冊(cè)了一個(gè)賬號(hào)，免費(fèi)體驗(yàn)了一下免費(fèi)版。

同時(shí)VXPLO還是一個(gè)新媒體和新想法的在線(xiàn)設(shè)計(jì)和展示平臺(tái)。

酷站體驗(yàn)官網(wǎng)：http://www.vxplo.cn/

第三款在線(xiàn)原型設(shè)計(jì)工具：Mockingbird?

是國(guó)外的一款非常出色的移動(dòng)app在線(xiàn)原型設(shè)計(jì)工具。更重要的 這款在線(xiàn)原型設(shè)計(jì)工具是Apple風(fēng)格的，基于 Html 5 Canvas 實(shí)現(xiàn)的 ，超帥！超棒！

為用戶(hù)提供了完全基于瀏覽器窗口的產(chǎn)品原型設(shè)計(jì)服務(wù)，由于Mockingbird 采用了Cappuccino開(kāi)源框架，能夠較為逼真的模擬 Axure 這類(lèi)桌面軟件，給用戶(hù)極大的親切感。Mockingbird? 內(nèi)置了常用的各種Web控件，包括Text, Link, Button, Image, List, Box 等等，鼠標(biāo)拖拽便可添加至畫(huà)布中；支持中文。這一點(diǎn)很重要！

體驗(yàn)官網(wǎng)：https://gomockingbird.com/mockingbird/

第四款在線(xiàn)原型設(shè)計(jì)工具：mockflow

mockflow一直以來(lái)都是一款在線(xiàn)做原型的工具。前提的你必須的注冊(cè)一個(gè)賬號(hào)，跟中國(guó)的vxplo互動(dòng)大師一樣，分為收費(fèi)版和免費(fèi)版。做出來(lái)的移動(dòng)APP原型效果比MockingBird 稍微好看一點(diǎn)。

而且，MockFlow 內(nèi)置了許許多多會(huì)經(jīng)常使用到的Widget控件，譬如：按鈕（Button）、圖片（Image）、文字面板（Text Panel）、下拉式菜單（Droplist）、進(jìn)度條（ProcessBar）等。也是國(guó)外比較受歡迎的一款在線(xiàn)原型設(shè)計(jì)工具。

酷站體驗(yàn)官網(wǎng)：http://www.mockflow.com/

第五款在線(xiàn)原型設(shè)計(jì)工具：pidoco

國(guó)內(nèi)APP設(shè)計(jì)大牛是這樣點(diǎn)評(píng)的：pidoco是手機(jī)客戶(hù)端的原型設(shè)計(jì)利器，可與pop相媲美。

Pidoco?是一款基于Web的原型設(shè)計(jì)軟件,用于快速創(chuàng)建可點(diǎn)擊的線(xiàn)框圖。也可以用于制作網(wǎng)站項(xiàng)目、移動(dòng)項(xiàng)目、企業(yè)應(yīng)用程序的用戶(hù)界面原型。

酷站體驗(yàn)地址：https://pidoco.com/en

如果你們還有其他更棒更美的移動(dòng)APP在線(xiàn)原型設(shè)計(jì)工具，記得推薦給我們！我們一起來(lái)為分享移動(dòng)APP設(shè)計(jì)最美的資源和APP設(shè)計(jì)工具而努力。

最后，再來(lái)分享下我們一般制作原型圖的有效快速流程：

1、用Axure繪制UE圖，導(dǎo)出成手機(jī)尺寸圖片

2、導(dǎo)入Briefs或者pop，加入交互，體驗(yàn)一下

3、把UI圖轉(zhuǎn)成黑白，在Axure里標(biāo)注，寫(xiě)文檔，生成html

4、UI定稿再導(dǎo)入briefs，高保真體驗(yàn)