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

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

1、創(chuàng)建兩個動態(tài)面板，一個用于輪播圖片，命名為【背景圖片】，一個用于圖片中的小圓點(diǎn)，命名為【圓點(diǎn)】

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

3、然后設(shè)置【圓點(diǎn)】動態(tài)圖中添加三種圓點(diǎn)動態(tài)，效果見下圖

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

5、好了，到此為止最簡單的axure廣告輪播圖效果到此為止，快點(diǎn)擊F5預(yù)覽下效果吧

注意事項(xiàng)：

動作設(shè)置為載入時需要設(shè)置等待動作，不然一加載的時候就會切換到第二張圖片的。