Mockplus原型設(shè)計(jì)的8種常見演示和分享的方法

Mockplus目前是國內(nèi)比較流行的移動APP原型設(shè)計(jì)工具,在功能上,相比Axure不算全面和強(qiáng)大,但在不少功能上有它獨(dú)到之處。

更重要是Axure有個(gè)比較讓人頭疼的地方,就是對于移動App項(xiàng)目的預(yù)覽和演示比較麻煩,而這個(gè)方面,Mockplus展現(xiàn)了它的便利。在演示原型方面,Mockplus提供了多達(dá)8種展示預(yù)覽方式,確實(shí)很豐富,也很實(shí)用。

希望下面的8個(gè)方法可以對正在學(xué)習(xí)mockplus原型設(shè)計(jì)工具的同學(xué)有一定的幫助。

 

Mockplus原型設(shè)計(jì)的第1個(gè)方法:直接演示

適用場合:設(shè)計(jì)時(shí),便于設(shè)計(jì)者非常快速地看到原型效果。

操作方式:在設(shè)計(jì)時(shí),按下F5。

演示支持環(huán)境:Mockplus軟件。

Mockplus_preview_1

fullscreen

 

 

Mockplus原型設(shè)計(jì)的第2個(gè)方法:在線發(fā)布為HTML5的網(wǎng)頁

適用場合:通過發(fā)送一個(gè)網(wǎng)頁鏈接就可以查看原型。

操作方式:在主工具欄,點(diǎn)擊“發(fā)布”。發(fā)布完成后,即可獲得一個(gè)網(wǎng)頁鏈接地址,復(fù)制這個(gè)地址,將它發(fā)送給同事或客戶。分享實(shí)例:http://run.mockplus.cn/demo/index.html。

演示支持環(huán)境:瀏覽器。

Mockplus_preview_2

Mockplus_preview_3

 

Mockplus原型設(shè)計(jì)的第3個(gè)方法:導(dǎo)出HTML5的離線包

適用場合:在離線的情況下,也可以通過網(wǎng)頁方式查看原型。還可以通過這個(gè)功能,把網(wǎng)頁部署到你自己的服務(wù)器上,便于團(tuán)隊(duì)內(nèi)部分享。

操作方式:主菜單,“導(dǎo)出”,“導(dǎo)出HTML演示”。

演示支持環(huán)境:瀏覽器。

html

 

 

Mockplus原型設(shè)計(jì)的第4個(gè)方法:導(dǎo)出可獨(dú)立運(yùn)行的演示包

適用場合:在離線的情況下查看原型。由于演示包內(nèi)含了Mockplus的支持環(huán)境,因此,演示時(shí)可以最大程度保證演示效果和設(shè)計(jì)效果完全一致,不受各種瀏覽器的兼容問題影響。

操作方式:主菜單,“導(dǎo)出”,“導(dǎo)出演示包”。

演示支持環(huán)境:不需要其它軟件支持。

ysb

 

 

Mockplus原型設(shè)計(jì)的第5個(gè)方法:輸入原型碼,在手機(jī)中查看原型

適用場合:在線發(fā)布項(xiàng)目后,把獲得的原型碼告訴同事或者客戶,掃描后在線查看原型。

操作方式:在主工具欄,點(diǎn)擊“發(fā)布”。發(fā)布完成后,即可獲得一個(gè)原型碼,將這個(gè)原型碼發(fā)送給同事或客戶。

演示支持環(huán)境:Mockplus手機(jī)App?。

mockplus原型設(shè)計(jì)方法

 

Mockplus原型設(shè)計(jì)的第6個(gè)方法:掃描二維碼在手機(jī)中查看原型

適用場合:設(shè)計(jì)時(shí),離線掃碼后即時(shí)查看原型;在線發(fā)布項(xiàng)目后,也可以在瀏覽器中掃碼。

操作方式:設(shè)計(jì)時(shí),直接掃碼。發(fā)布項(xiàng)目后,用手機(jī)在瀏覽器中掃碼,或者把二維碼截圖發(fā)給同事或客戶。

演示支持環(huán)境:手機(jī)瀏覽器(設(shè)計(jì)時(shí)離線掃描需要Mockplus手機(jī)App)。

Mockplus_preview_6

Mockplus_preview_5

 

 

Mockplus原型設(shè)計(jì)的第7個(gè)方法:導(dǎo)出圖片

適用場合:演示和分享靜態(tài)的線框圖。

操作方式:主菜單,“導(dǎo)出”,“導(dǎo)出圖片”。支持JPG和PNG兩種格式。

演示支持環(huán)境:圖片播放軟件或幻燈片播放軟件。

pic

 

Mockplus原型設(shè)計(jì)的第8個(gè)方法:導(dǎo)出項(xiàng)目樹

適用場合:把整個(gè)項(xiàng)目的樹形結(jié)構(gòu),導(dǎo)出為圖片等多種形式,包括腦圖、樹圖、HTML、MarkDown、XML、文本等形式。適合插入到PRD文檔中,輔助演示和分享。

操作方式:主菜單,“導(dǎo)出”,“導(dǎo)出項(xiàng)目樹”。

演示支持環(huán)境:圖片播放軟件、文本編輯軟件或幻燈片播放軟件。

Mockplus_preview_8

 

以上,就是Mockplus演示分享原型的幾種方式,在使用中,你可以根據(jù)需要選擇適合你的方式。

 

大家可以根據(jù)這些APP原型演示和分享的方法,應(yīng)用到自己的移動APP項(xiàng)目原型設(shè)計(jì)當(dāng)中去吧~祝大家有一定的進(jìn)步和成長!

每天更新,
全站高品質(zhì)素材免費(fèi)下載!