Axure是一款非常流行的原型設(shè)計(jì)工具，可以幫助用戶快速制作出高保真度的產(chǎn)品原型。在使用Axure的過程中，輪播圖效果是一個(gè)很實(shí)用且提升用戶體驗(yàn)的功能。下面就為大家分享如何在Axure中實(shí)現(xiàn)輪播圖效果

Axure是一款非常流行的原型設(shè)計(jì)工具，可以幫助用戶快速制作出高保真度的產(chǎn)品原型。在使用Axure的過程中，輪播圖效果是一個(gè)很實(shí)用且提升用戶體驗(yàn)的功能。下面就為大家分享如何在Axure中實(shí)現(xiàn)輪播圖效果。

建立頁面

首先，在Axure中建立一個(gè)新頁面。這里我們可以直接用上次經(jīng)驗(yàn)的手機(jī)殼，畫的方法前面介紹了。然后在合適的位置添加動(dòng)態(tài)面板，調(diào)整動(dòng)態(tài)面板的大小，如圖。

重命名并添加子頁面

選擇動(dòng)態(tài)面板，然后在程序的右下方找到動(dòng)態(tài)面板，雙擊在彈出的對(duì)話框中輸入動(dòng)態(tài)面板的名字，以及輪播圖的個(gè)數(shù)。然后雙擊第一個(gè)state1，打開編輯頁面，并添加元件。每一個(gè)state都可以單獨(dú)進(jìn)行編輯，我這里以矩形元件為例，你可以添加圖片。

設(shè)置狀態(tài)

設(shè)置矩形的顏色，然后復(fù)制矩形，依次復(fù)制到第二個(gè)和第三個(gè)state中，別忘了修改每個(gè)矩形的顏色。

為動(dòng)態(tài)面板添加交互效果

選擇輪播圖動(dòng)態(tài)面板，選擇屬性面板--雙擊載入時(shí)，打開設(shè)置面板，選擇設(shè)置動(dòng)態(tài)面板。然后添加滾動(dòng)效果，如圖，在只面板的下方，選擇next效果，然后設(shè)置向后循環(huán)-時(shí)間設(shè)置為3000，效果向左，然后點(diǎn)擊確定。

繪制輪播圖下方的輪播圖標(biāo)

回到主頁面，在輪播圖的下方或者其他位置拖拽一個(gè)動(dòng)態(tài)面板，用于放置滾動(dòng)圖標(biāo)，如圖：

同樣的方法，更改動(dòng)態(tài)面板的名稱，添加三個(gè)state。這個(gè)需要與上面的輪播圖對(duì)應(yīng)起來，有幾個(gè)輪播圖就設(shè)置幾個(gè)。

為每個(gè)state添加狀態(tài)點(diǎn)

分別繪制三個(gè)圓形，state1將第一個(gè)圓形的顏色變灰；state2將第二個(gè)圓形變灰；state3將第三個(gè)圓形變灰。

設(shè)置交互效果

交互效果同上面一樣，但是要注意的這個(gè)不需要向左滑動(dòng)效果。時(shí)間要與上面的一致，設(shè)置為3000.

設(shè)置好以后點(diǎn)擊預(yù)覽查看效果，一個(gè)輪播圖就這樣做好了。

總結(jié)

通過以上步驟，我們可以輕松地在Axure中實(shí)現(xiàn)圖片輪播效果。除此之外，Axure還擁有眾多其他功能，例如組件庫、注釋、事件等等。如果你是一個(gè)UI設(shè)計(jì)師或者產(chǎn)品經(jīng)理，Axure是一個(gè)非常值得學(xué)習(xí)和掌握的工具。