本篇教程將為大家展示如何使用Axure制作App移動端彈窗廣告效果。

最終效果

我們在很多APP做活動的時候，都會出現(xiàn)彈窗廣告的效果，今天我們分享一下彈窗的制作方法。

制作步驟

首先在場景中導入圖片元素，并且完成觸發(fā)按鈕制作：

分別為其命名：

• 第一張圖：主圖；
• 第二張圖：彈層；
• 開始演示：按鈕；
• 手機框：iphone。

然后將元素層的順序（從上到下）修改為：iphone>按鈕>彈層>主圖。

然后將“主圖”和“彈層”2個元素樣式，設置成隱藏。

下面我們?yōu)榘粹o設置動效，點擊“按鈕”，增加“單擊”動作，然后為該動作創(chuàng)建4個參數(shù)：

• 隱藏“按鈕”；
• 顯示“主圖”；
• 等待1000ms；
• 顯示“彈層”。

我們挨個截圖給大家演示（今天忘記切換軟件了，使用了axure9，設置與axure8相同）：

隱藏按鈕：

顯示主圖：

等待1000ms：

顯示彈層：

源文件下載

https://pan.baidu.com/s/1GO_jI1egSGmvAzMgZ90p2w

作者：ZQZ原型師，專注原型設計/交互設計

本文由 @ZQZ原型師 原創(chuàng)發(fā)布于人人都是產品經(jīng)理，未經(jīng)許可，禁止轉載。

題圖來自作者