拖拖拽拽 交互式演示巧制作

馬震安

在制作演示文稿時，大家最拿手的工具要數(shù)微軟的PPT了。然而，對于制作有交互效果的演示文稿來說，PPT就顯得有些捉襟見肘。其實，如果利用Mockplus這個原型制作軟件制作交互式的演示文稿，就會顯得非常輕松，我們只需要進行拖拖拽拽的操作，交互式的演示文稿就能很快制作出來。怎么，存在疑慮嗎？就讓我們利用Mockplus制作一個產(chǎn)品介紹演示文稿，看看它的操作是多么的簡單吧！

為了使Mockplus制作出的演示文稿既能夠在手機上播放，也能夠在電腦上進行展示，在運行Mockplus后，新建項目時，選擇“手機”模板。當(dāng)然，也可以根據(jù)需要選擇合適的模板，如平板、桌面、網(wǎng)頁等等。

添加頁面元素

在頁面設(shè)計窗口右側(cè)的“頁面樣式”處設(shè)置所需要的背景顏色，根據(jù)需要勾選“應(yīng)用到所有頁面”，點擊“應(yīng)用”按鈕。在左側(cè)的組件窗口中，將文字標(biāo)簽、圖片等所需要的組件拖拽到窗口界面的合適位置，雙擊文字標(biāo)簽輸入所需文本，在右側(cè)屬性面板中設(shè)置好它的顏色、大小、字體等；同樣，雙擊圖片組件，選擇所需要的圖片。當(dāng)然，也可利用其他組件對頁面進行適當(dāng)?shù)男揎?，如利用直線添加背景的邊框等（圖1）。

元素動態(tài)效果設(shè)置

為了使元素出現(xiàn)時有一定的動態(tài)效果，可以對其進行必要的設(shè)置。這里以設(shè)置圖片的動態(tài)效果進行說明。選中圖片組件，在“目標(biāo)”處點擊“+”按鈕，在彈出窗口的“怎樣觸發(fā)？”處選擇“載入時”，“想要做什么？”處選擇“移動”，確定后在參數(shù)面板將X處設(shè)置為-355（具體要根據(jù)自己的需要設(shè)置），Y處設(shè)置為0，動畫處設(shè)置為“線性”，執(zhí)行時長為2000；如果想讓圖片的動畫效果在文字動畫效果之后實現(xiàn)，還需要在延遲處設(shè)置為2000（圖2）。

圖片輪播效果設(shè)置

對于產(chǎn)品的介紹，當(dāng)然需要更多產(chǎn)品圖片進行展示，這時就可以利用圖片輪播的效果來實現(xiàn)。在窗口右側(cè)面板點擊“+”新建一個頁面，雙擊輸入頁面名稱，如“產(chǎn)品展示”，設(shè)置好所需要的背景色；點擊手機模型右上角的旋轉(zhuǎn)按鈕，將頁面設(shè)置為橫向；在“交互”面板，將“圖片輪播”組件拖拽到窗口中，雙擊它，添加所需要的產(chǎn)品圖片；在右側(cè)的圖片輪播屬性面板，設(shè)置它的指示器類型為“數(shù)字”，指示器方向為“底”，指示器顏色為“淡藍(lán)色”，動畫效果為“滑入”。當(dāng)然，這些設(shè)置都可以根據(jù)自己的需要進行調(diào)整（圖3）。

制作菜單列表

為了使演示文稿播放項目組織得更有條理，一般情況下都會通過菜單進行管理。新建一個頁面，更改名稱為“播放菜單”，將“擴展”面板中的“列表”組件拖拽到頁面中；在它的右側(cè)屬性面板，設(shè)置好顏色、選中顏色、默認(rèn)選擇、文字等；點擊文字處的“項目一”按鈕，根據(jù)需要對項目內(nèi)容進行更改或添加；點擊“頁鏈接”面板，點擊各個項目所對應(yīng)的“+”按鈕，選擇所需要鏈接的頁面，設(shè)置好動畫效果及時長（圖4）。

查看演示文稿

對于演示文稿的查看，可直接點擊“演示”按鈕進行播放；而如果要在手機上查看演示文稿，需要點擊“在手機中演示”按鈕，然后掃描生成的二維碼，在手機上安裝Mockplus手機APP，打開它并掃描當(dāng)前的二維碼，就可以實現(xiàn)在手機上查看演示文稿了（圖6）。

可以使用“文件→導(dǎo)出→導(dǎo)出演示播放包”，使項目生成擴展名為EXE的可執(zhí)行文件。但是這個功能需要付費后才能使用。