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