Axure設(shè)計(jì)圖片輪番播放效果的網(wǎng)頁(yè)原型的教程

axure是一個(gè)非常實(shí)用的原型制作工具,產(chǎn)品經(jīng)理、產(chǎn)品助理、交互設(shè)計(jì)師經(jīng)常用到它,那怎么使用axure實(shí)現(xiàn)廣告輪播圖效果呢?

快速產(chǎn)品原型設(shè)計(jì)工具 Axure RP Pro v7.0.0.3174 漢化綠色版
- 類型:應(yīng)用其它
- 大小:8.97MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2014-12-22
1、創(chuàng)建兩個(gè)動(dòng)態(tài)面板,一個(gè)用于輪播圖片,命名為【背景圖片】,一個(gè)用于圖片中的小圓點(diǎn),命名為【圓點(diǎn)】
2、然后再對(duì)應(yīng)的【背景圖片】動(dòng)態(tài)圖中添加3個(gè)動(dòng)態(tài),并每個(gè)動(dòng)態(tài)設(shè)置對(duì)應(yīng)添加圖片,本文以占位符代替
3、然后設(shè)置【圓點(diǎn)】動(dòng)態(tài)圖中添加三種圓點(diǎn)動(dòng)態(tài),效果見(jiàn)下圖
4、這一步最關(guān)鍵,對(duì)動(dòng)態(tài)面板設(shè)置【載入時(shí)】動(dòng)作,先設(shè)置等待3000毫秒,再設(shè)置面板狀態(tài)【背景圖片】 下一步 ->從最后一個(gè)到第一個(gè)自動(dòng)跳轉(zhuǎn) ->重復(fù)每個(gè)3000毫秒切換->進(jìn)入動(dòng)畫向左滑動(dòng)用時(shí)500毫秒->退出時(shí)動(dòng)畫向左滑動(dòng)用時(shí)500毫秒,再設(shè)置面板狀態(tài)【圓點(diǎn)】下一步->從最后一個(gè)到第一個(gè)自動(dòng)跳轉(zhuǎn) ->重復(fù)每個(gè)3000毫秒切換。點(diǎn)擊確定。
5、好了,到此為止最簡(jiǎn)單的axure廣告輪播圖效果到此為止,快點(diǎn)擊F5預(yù)覽下效果吧
注意事項(xiàng):
動(dòng)作設(shè)置為載入時(shí)需要設(shè)置等待動(dòng)作,不然一加載的時(shí)候就會(huì)切換到第二張圖片的。
相關(guān)推薦:
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁(yè)原型?
Axure RP 8怎么完成一個(gè)登錄界面并鏈接對(duì)應(yīng)功能?
相關(guān)文章
- axure怎么繪制流程圖中的箭頭?axure繪制流程圖需要使用箭頭連接,該怎么繪制箭頭呢?下面我們就來(lái)看看使用axure給流程圖添加箭頭的教程,需要的朋友可以參考下2016-09-30
axure動(dòng)態(tài)面板怎么用? Axure動(dòng)態(tài)面板制作頁(yè)面彈出層的教程
axure動(dòng)態(tài)面板怎么用?像制作一個(gè)彈出的網(wǎng)頁(yè),這時(shí)候我們就可以使用axure來(lái)設(shè)計(jì),下面我們就來(lái)看看Axure動(dòng)態(tài)面板制作頁(yè)面彈出層的教程,需要的朋友可以參考下2016-09-23axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁(yè)原型?
axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁(yè)原型?很多網(wǎng)站上都可以看到圖片類似幻燈片一樣播放,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-09-12Axure設(shè)計(jì)的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?
Axure設(shè)計(jì)的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?Axure中設(shè)計(jì)好的網(wǎng)站原型怎么生成網(wǎng)站結(jié)構(gòu)圖呢?下面我們就來(lái)看看Axure生成網(wǎng)站結(jié)構(gòu)物的教程,需要的朋友可以參考下2016-09-01- Axure下載的外部部件怎么導(dǎo)入?Axure中繪制網(wǎng)頁(yè)原型的時(shí)候,為了讓網(wǎng)頁(yè)效果更好,該怎么導(dǎo)入已經(jīng)下載好的部件呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-08-30
- Axure RP 8怎么創(chuàng)建母板?Axure RP 8中像制作一個(gè)常用的模版,該怎么制作呢?下面我們就來(lái)看看Axure創(chuàng)建母板的詳細(xì)教程,很簡(jiǎn)單,需要的朋友可以參考下2016-08-19
- Axure RP 8怎么制作一幅一年四季變化圖?Axure經(jīng)常制作網(wǎng)頁(yè)原型,該怎么制作一幅司機(jī)風(fēng)景圖呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-08-18
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?Axure經(jīng)常用于網(wǎng)頁(yè)原型設(shè)計(jì),今天我們就來(lái)看看使用Axure設(shè)置Tab標(biāo)簽效果的教程,需要的朋友可以參考下2016-08-14Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)原型怎么添加水平菜單?
Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)原型怎么添加水平菜單?經(jīng)常使用Axure軟件設(shè)計(jì)網(wǎng)頁(yè)原型,想給網(wǎng)頁(yè)添加一個(gè)水平菜單,該怎么添加呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-08-12Axure RP 8怎么制作鎖定對(duì)象或隱藏對(duì)象?
Axure RP 8怎么制作鎖定對(duì)象或隱藏對(duì)象?Axure設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候,想要實(shí)現(xiàn)利用鎖定對(duì)象或隱藏對(duì)象的功能,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參2016-08-11