Axure設計圖片輪番播放效果的網(wǎng)頁原型的教程
axure是一個非常實用的原型制作工具,產品經理、產品助理、交互設計師經常用到它,那怎么使用axure實現(xiàn)廣告輪播圖效果呢?
1、創(chuàng)建兩個動態(tài)面板,一個用于輪播圖片,命名為【背景圖片】,一個用于圖片中的小圓點,命名為【圓點】


2、然后再對應的【背景圖片】動態(tài)圖中添加3個動態(tài),并每個動態(tài)設置對應添加圖片,本文以占位符代替

3、然后設置【圓點】動態(tài)圖中添加三種圓點動態(tài),效果見下圖



4、這一步最關鍵,對動態(tài)面板設置【載入時】動作,先設置等待3000毫秒,再設置面板狀態(tài)【背景圖片】 下一步 ->從最后一個到第一個自動跳轉 ->重復每個3000毫秒切換->進入動畫向左滑動用時500毫秒->退出時動畫向左滑動用時500毫秒,再設置面板狀態(tài)【圓點】下一步->從最后一個到第一個自動跳轉 ->重復每個3000毫秒切換。點擊確定。



5、好了,到此為止最簡單的axure廣告輪播圖效果到此為止,快點擊F5預覽下效果吧
注意事項:
動作設置為載入時需要設置等待動作,不然一加載的時候就會切換到第二張圖片的。
相關推薦:
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?
相關文章
- axure怎么繪制流程圖中的箭頭?axure繪制流程圖需要使用箭頭連接,該怎么繪制箭頭呢?下面我們就來看看使用axure給流程圖添加箭頭的教程,需要的朋友可以參考下2016-09-30
axure動態(tài)面板怎么用? Axure動態(tài)面板制作頁面彈出層的教程
axure動態(tài)面板怎么用?像制作一個彈出的網(wǎng)頁,這時候我們就可以使用axure來設計,下面我們就來看看Axure動態(tài)面板制作頁面彈出層的教程,需要的朋友可以參考下2016-09-23axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?很多網(wǎng)站上都可以看到圖片類似幻燈片一樣播放,該怎么制作這個效果呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-09-12- Axure設計的原型怎么一鍵生成網(wǎng)站結構圖?Axure中設計好的網(wǎng)站原型怎么生成網(wǎng)站結構圖呢?下面我們就來看看Axure生成網(wǎng)站結構物的教程,需要的朋友可以參考下2016-09-01
- Axure下載的外部部件怎么導入?Axure中繪制網(wǎng)頁原型的時候,為了讓網(wǎng)頁效果更好,該怎么導入已經下載好的部件呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-08-30
- Axure RP 8怎么創(chuàng)建母板?Axure RP 8中像制作一個常用的模版,該怎么制作呢?下面我們就來看看Axure創(chuàng)建母板的詳細教程,很簡單,需要的朋友可以參考下2016-08-19
- Axure RP 8怎么制作一幅一年四季變化圖?Axure經常制作網(wǎng)頁原型,該怎么制作一幅司機風景圖呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-08-18
- Axure RP Pro 7.0怎么制作Tab標簽效果?Axure經常用于網(wǎng)頁原型設計,今天我們就來看看使用Axure設置Tab標簽效果的教程,需要的朋友可以參考下2016-08-14
Axure RP 8設計網(wǎng)頁原型怎么添加水平菜單?
Axure RP 8設計網(wǎng)頁原型怎么添加水平菜單?經常使用Axure軟件設計網(wǎng)頁原型,想給網(wǎng)頁添加一個水平菜單,該怎么添加呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-08-12- Axure RP 8怎么制作鎖定對象或隱藏對象?Axure設計網(wǎng)頁原型的時候,想要實現(xiàn)利用鎖定對象或隱藏對象的功能,該怎么實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋友可以參2016-08-11


