axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型?

發(fā)布時間：2016-09-12 13:00:12 作者：佚名

axure rp 8.0怎么制作幻燈片效果的網(wǎng)頁原型？很多網(wǎng)站上都可以看到圖片類似幻燈片一樣播放，該怎么制作這個效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下

axure rp 是一個專業(yè)、高效制作原型軟件，可以制作低保真原型，高保真原型，以及流程圖，給產(chǎn)品經(jīng)理帶來很多的方便，工作效果也大大提高?；脽羝Ч?，在很多網(wǎng)站上都可以看到圖片輪播，今天我在這給大家詳細(xì)介紹一下如何利用AXURE RP 8.0制作幻燈片輪播的原型過程。

原型設(shè)計工具Axure RP Pro 8.1特別版中文漢化特別版(附漢化包+注冊碼+安裝教程)

類型：輔助設(shè)計
大?。?/span>90.5MB
語言：簡體中文
時間：2018-05-24

查看詳情

1、打開axure 8.0 ,界面如圖

2、在首頁拖入四張小圖和一張大圖，在這我就I以矩形色塊代替圖片，這樣更節(jié)省時間，給每個色塊填充不同的顏色，用來區(qū)分，大圖的顏色跟第一個小圖的色塊一樣，如圖：

3、接下這一步很重要，我們點(diǎn)擊大圖，右鍵，轉(zhuǎn)化為動態(tài)面板，如圖效果：

4、雙擊動態(tài)面板，彈出對話框，我們給動態(tài)面板起個名字（大圖展示），并在下面點(diǎn)擊添加狀態(tài)abcde,如圖：

5、接下來我們要開始設(shè)置我們小圖，點(diǎn)擊第一張小圖，名稱設(shè)為a,在交互欄目下雙擊鼠標(biāo)移入時，

6、彈出的編輯器對話框，我們在左邊選擇設(shè)置面板狀態(tài)，勾選大圖展示，狀態(tài)選a,進(jìn)入動畫效果選為向左滑動；再選擇左邊設(shè)置不透明度，選中矩形a,設(shè)置不透明度為20，然后點(diǎn)擊確定，如圖：

7、繼續(xù)選中第一個，在交互界面上選擇鼠標(biāo)移出時，雙擊，在出現(xiàn)的編輯器選擇，設(shè)置不透明度，右邊選中矩形a原件，不透明度設(shè)為100，點(diǎn)擊確定，如圖：

8、按以上辦法，依次設(shè)置好第二、三、四個矩形，并且分別命名b/c/d，動態(tài)面板狀態(tài)分別選中b/c/d，在這不一一展示，設(shè)置好的效果如圖：

9、接下來我們要設(shè)置動態(tài)面板大圖展示的狀態(tài)，a狀態(tài)展示的圖片是小矩形a的放大圖的效果，我們就把a(bǔ)狀態(tài)的顏色與矩形a的顏色設(shè)為相同，bcd的狀態(tài)顏色分別與對應(yīng)的原件bcd顏色相同，雙擊大圖展示動態(tài)面板的abcd,并且把a(bǔ)狀態(tài)的矩形分別復(fù)制到bcd，分別給bcd狀態(tài)填充矩形bcd的顏色，與之一一對應(yīng)，效果如下：