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

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、接下這一步很重要,我們點擊大圖,右鍵,轉(zhuǎn)化為動態(tài)面板,如圖效果:
4、雙擊動態(tài)面板,彈出對話框,我們給動態(tài)面板起個名字(大圖展示),并在下面點擊添加狀態(tài)abcde,如圖:
5、接下來我們要開始設(shè)置我們小圖,點擊第一張小圖,名稱設(shè)為a,在交互欄目下雙擊鼠標(biāo)移入時,
6、彈出的編輯器對話框,我們在左邊選擇設(shè)置面板狀態(tài),勾選大圖展示,狀態(tài)選a,進入動畫效果選為向左滑動;再選擇左邊設(shè)置不透明度,選中矩形a,設(shè)置不透明度為20,然后點擊確定,如圖:
7、繼續(xù)選中第一個,在交互界面上選擇鼠標(biāo)移出時,雙擊,在出現(xiàn)的編輯器選擇,設(shè)置不透明度,右邊選中矩形a原件,不透明度設(shè)為100,點擊確定,如圖:
8、按以上辦法,依次設(shè)置好第二、三、四個矩形,并且分別命名b/c/d,動態(tài)面板狀態(tài)分別選中b/c/d,在這不一一展示,設(shè)置好的效果如圖:
9、接下來我們要設(shè)置動態(tài)面板大圖展示的狀態(tài),a狀態(tài)展示的圖片是小矩形a的放大圖的效果,我們就把a狀態(tài)的顏色與矩形a的顏色設(shè)為相同,bcd的狀態(tài)顏色分別與對應(yīng)的原件bcd顏色相同,雙擊大圖展示動態(tài)面板的abcd,并且把a狀態(tài)的矩形分別復(fù)制到bcd,分別給bcd狀態(tài)填充矩形bcd的顏色,與之一一對應(yīng),效果如下:
10、最后一步,也是我們最重要的關(guān)鍵一步,那就是大功告成了,我們返回首頁,點擊預(yù)覽,彈出的頁面我們就可以看到我們辛苦制作的幻燈片原型出來了,如圖:
注意事項:
幻燈片制作時小圖要與大圖一一對應(yīng),不能弄混了。
相關(guān)推薦:
Axure RP Pro怎么漢化?axure rp8中文破解教程
相關(guān)文章
- Axure RP 8怎么創(chuàng)建母板?Axure RP 8中像制作一個常用的模版,該怎么制作呢?下面我們就來看看Axure創(chuàng)建母板的詳細(xì)教程,很簡單,需要的朋友可以參考下2016-08-19
- Axure RP 8怎么制作一幅一年四季變化圖?Axure經(jīng)常制作網(wǎng)頁原型,該怎么制作一幅司機風(fēng)景圖呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-08-18
Axure RP 8設(shè)計網(wǎng)頁原型怎么添加水平菜單?
Axure RP 8設(shè)計網(wǎng)頁原型怎么添加水平菜單?經(jīng)常使用Axure軟件設(shè)計網(wǎng)頁原型,想給網(wǎng)頁添加一個水平菜單,該怎么添加呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-08-12- Axure RP 8怎么制作鎖定對象或隱藏對象?Axure設(shè)計網(wǎng)頁原型的時候,想要實現(xiàn)利用鎖定對象或隱藏對象的功能,該怎么實現(xiàn)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參2016-08-11
Axure RP 8網(wǎng)頁原型中的組合對象怎么取消組合?
Axure RP 8網(wǎng)頁原型中的組合對象怎么取消組合?Axure制作網(wǎng)頁原型的時候,有組合圖形,現(xiàn)在想將組合圖形拆開,該怎么辦呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參2016-08-10- Axure RP 8中怎么制作移動頁面原型?Axure設(shè)計網(wǎng)頁的時候,網(wǎng)頁還有主網(wǎng)頁和子網(wǎng)頁,該怎么實現(xiàn)主網(wǎng)頁和子網(wǎng)頁的切換呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2016-08-09
- Axure RP 8.0怎么設(shè)置紙張尺寸和大???Axure中設(shè)置網(wǎng)頁原型的時候,想給設(shè)置網(wǎng)頁的大小,該怎么設(shè)置呢?下面我們就來看看Axure RP紙張的大小和尺寸的設(shè)置方法,需要的朋友2016-08-03
- Axure8怎么制作彩色個性化的按鈕?在設(shè)置網(wǎng)頁原型的時候,想給網(wǎng)頁設(shè)計特別的按鈕,該怎么設(shè)計呢?下面我們就來看看Axure8制作彩色按鈕的教程,需要的朋友可以參考下2016-07-26
Axure RP Pro怎么漢化?axure rp8中文破解教程
axure rp是一套專業(yè)的原型設(shè)計工具,能高效率制作產(chǎn)品原型,快速繪制線框圖、流程圖、網(wǎng)站架構(gòu)圖、示意圖、HTML模版等,那么怎么對英文版進行漢化呢?下面就一起來看看axur2016-07-04- Axure RP8怎么制作上下左右制遙控器中的按鈕?大家都見過遙控器上有上下左右的按鈕可以控制,我們今天就來看看怎么繪制一個上下左右控制按鈕來控制圖片,需要的朋友可以參2016-06-28