網(wǎng)頁(yè)中經(jīng)常能看到輪播圖banner,想要制作一個(gè)輪播圖,該怎么制作呢?我們可以先試用axure制作網(wǎng)頁(yè)輪播圖的原型,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程。
一、準(zhǔn)備工作
1、我們需要準(zhǔn)備一臺(tái)電腦:
2、電腦上首先需要安裝Axure原型設(shè)計(jì)工具:
3、有了這款工具,雙擊打開(kāi):
二、創(chuàng)建輪播圖的動(dòng)態(tài)面板:
1、在左側(cè)的工具庫(kù)中找到多態(tài)面板,選中鼠標(biāo)一直拖動(dòng)到頁(yè)面中,此時(shí)頁(yè)面多了一個(gè)矩形區(qū)域:
2、雙擊剛才創(chuàng)建的多態(tài)面板:
3、我們首先給這個(gè)動(dòng)態(tài)面板命名,主要是為了更方便的找到這個(gè)面板;命名好之后可以點(diǎn)擊添加或者是復(fù)制按鈕,根據(jù)自己的圖創(chuàng)建輪播圖(如下圖所示):
4、上一步創(chuàng)建好之后,在頁(yè)面右邊大綱下,有我們剛才創(chuàng)建的多態(tài)面板,點(diǎn)擊輪播圖1,在工作區(qū)域會(huì)打開(kāi)輪播圖1:
5、我們?cè)趲?kù)中拖動(dòng)圖片到右側(cè):
6、選中想要畫的圖,點(diǎn)擊打開(kāi),這樣輪播1就配置好了:
7、按照上面的操作步驟,我們需要把其他的圖都設(shè)置好,最終效果如下圖所示:
三、添加動(dòng)態(tài)效果:
1、點(diǎn)擊大綱下面剛才創(chuàng)建的 面板,在屬性面板中點(diǎn)擊頁(yè)面加載時(shí):
2、在用例編輯頁(yè)面,點(diǎn)擊設(shè)置面板狀態(tài),然后根據(jù)下圖配置動(dòng)作:
3、配置完成后, 輪播圖效果制作完成,點(diǎn)擊預(yù)覽,效果如下圖:
以上就是axure輪播圖效果的做法,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。
相關(guān)推薦:
Axure怎么使用動(dòng)態(tài)面板制作banner圖片輪播?
新聞熱點(diǎn)
疑難解答
圖片精選