25學(xué)堂今天這節(jié)課是跟大家分享和告訴產(chǎn)品經(jīng)理，去如何選擇合適的APP原型設(shè)計(jì)工具。

到今天為止，25學(xué)堂應(yīng)該介紹了不少，國(guó)內(nèi)的國(guó)外的都有很多APP原型設(shè)計(jì)工具。

國(guó)內(nèi)的APP原型設(shè)計(jì)工具：墨刀、vxplo互動(dòng)大師、Mockup plus（Mockplus 是最為簡(jiǎn)潔高效的原型設(shè)計(jì)工具）、乎之原型等

國(guó)外的APP原型設(shè)計(jì)工具：Proto.io、Pixate、axure RP、Pixate 、pidoco等等

因?yàn)锳PP原型設(shè)計(jì)工具也分為2類：

一類基于頁面的APP原型設(shè)計(jì)工具

一類基于層的APP原型設(shè)計(jì)工具

看到這里，大伙有誰可以快速辨認(rèn)出我們現(xiàn)在常用的APP原型設(shè)計(jì)工具是基于頁面還是基于基于層的呢？

我發(fā)現(xiàn)用多數(shù)原型設(shè)計(jì)工具再造這種重度動(dòng)畫效果的應(yīng)用（圖標(biāo)以不同的速度向不同的方向移動(dòng)）幾乎不可能。大多數(shù)工具僅僅是讓你連接靜態(tài)“頁面”，只有那些更復(fù)雜的才能讓你在給定的頁面里不同的對(duì)象或“層”添加動(dòng)效。

1、基于頁面的工具

在基于頁面的工具里，你布置好不同的屏，然后建立熱點(diǎn)或者按鈕將它們連接在一起。你輕觸一個(gè)屏上某個(gè)按鈕來進(jìn)入另一個(gè)屏?；陧撁娴墓ぞ咭话阒С制林g的多種過渡效果，比如淡入、從右滑入，從下滑入等等。雖然有點(diǎn)笨拙，但是當(dāng)你還在設(shè)法搞清楚一個(gè)app的流程，比如說需要多少屏、它們?nèi)绾纬尸F(xiàn)出來、按鈕如何布置等等，用這種工具快速作出“實(shí)體模型”還算是個(gè)不錯(cuò)的方法。

基于頁面的工具有：?Briefs,?InVision,?Notism,?Flinto,?Fluid,Mockup.io,?Prott,?POP,?Marvel,?Balsamiq,?Red Pen?和?Keynotopia.

的確，這里面有些工具可以讓你在一個(gè)頁面里帶有動(dòng)效或者滾動(dòng)區(qū)域，但是你無法用它們來模擬真實(shí)的原生app所有的交互效果。

2、基于層的工具

每個(gè)元件、界面元素，或者說層，都可以設(shè)置為可觸摸、可滑動(dòng)、可拖拽，還能帶動(dòng)效。然而，用這類工具制作一個(gè)完整的app原型會(huì)讓人發(fā)瘋的，會(huì)有太多的工作量，基本上就等于創(chuàng)建一個(gè)真正的app。但是，它們用來測(cè)試新的交互效果，或者微調(diào)一下動(dòng)效的時(shí)間參數(shù)還是很棒的。

我測(cè)試的是Proto.io, Pixate, Framer, Facebook的Origami 和 RelativeWave的Form。坦率的說，還有幾個(gè)其他的?—?Axure?和?Indigo Studio?—不過它們好像更加企業(yè)級(jí)（就是挺貴的），我有可能以后嘗試一下。

好吧，下一節(jié)課我們就繼續(xù)看看這些獲選的工具吧！

1、最好用的在線App原型設(shè)計(jì)工具推薦-墨刀

2、五款移動(dòng)APP在線原型設(shè)計(jì)工具，值得收藏

3、用Axure制作APP交互原型的視頻教程【共6節(jié)課】