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

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

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

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

因為APP原型設(shè)計工具也分為2類：

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

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

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

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

1、基于頁面的工具

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

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

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

2、基于層的工具

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

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

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

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

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

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