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

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

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

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

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

第二款在線原型設(shè)計(jì)工具：vxplo互動大師

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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