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

馬震安

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

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

添加頁面元素

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

元素動態效果設置

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

圖片輪播效果設置

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

制作菜單列表

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

查看演示文稿

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

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