起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識Axure教程：App移動端彈窗廣告
本篇教程將為大家展示如何使用Axure制作App移動端彈窗廣告效果。
最終效果
我們在很多APP做活動的時候，都會出現(xiàn)彈窗廣告的效果，今天我們分享一下彈窗的制作方法。
制作步驟
首先在場景中導(dǎo)入圖片元素，并且完成觸發(fā)按鈕制作：
分別為其命名：
- 第一張圖：主圖；
- 第二張圖：彈層；
- 開始演示：按鈕；
- 手機框：iphone。
然后將元素層的順序（從上到下）修改為：iphone>按鈕>彈層>主圖。
然后將“主圖”和“彈層”2個元素樣式，設(shè)置成隱藏。
下面我們?yōu)榘粹o設(shè)置動效，點擊“按鈕”，增加“單擊”動作，然后為該動作創(chuàng)建4個參數(shù)：
- 隱藏“按鈕”；
- 顯示“主圖”；
- 等待1000ms；
- 顯示“彈層”。
我們挨個截圖給大家演示（今天忘記切換軟件了，使用了axure9，設(shè)置與axure8相同）：
隱藏按鈕：
顯示主圖：
等待1000ms：
顯示彈層：
源文件下載
https://pan.baidu.com/s/1GO_jI1egSGmvAzMgZ90p2w
作者：ZQZ原型師，專注原型設(shè)計/交互設(shè)計
本文由 @ZQZ原型師 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自作者
美國物流筆記：nmfclist.com
評論
你好，，做好了動效，要導(dǎo)出想你那樣的顯示動效圖是在哪里導(dǎo)出來的
看到評論給你點個贊
我做的彈窗效果彈出起來是什么問題??？
能否上傳至網(wǎng)盤 我下載后 幫你看下