axure rp 是一個專業、高效制作原型軟件,可以制作低保真原型,高保真原型,以及流程圖,給產品經理帶來很多的方便,工作效果也大大提高?;脽羝Ч诤芏嗑W站上都可以看到圖片輪播,今天我在這給大家詳細介紹一下如何利用AXURE RP 8.0制作幻燈片輪播的原型過程。
1、打開axure 8.0 ,界面如圖
2、在首頁拖入四張小圖和一張大圖,在這我就I以矩形色塊代替圖片,這樣更節省時間,給每個色塊填充不同的顏色,用來區分,大圖的顏色跟第一個小圖的色塊一樣,如圖:
3、接下這一步很重要,我們點擊大圖,右鍵,轉化為動態面板,如圖效果:
4、雙擊動態面板,彈出對話框,我們給動態面板起個名字(大圖展示),并在下面點擊添加狀態abcde,如圖:
5、接下來我們要開始設置我們小圖,點擊第一張小圖,名稱設為a,在交互欄目下雙擊鼠標移入時,
6、彈出的編輯器對話框,我們在左邊選擇設置面板狀態,勾選大圖展示,狀態選a,進入動畫效果選為向左滑動;再選擇左邊設置不透明度,選中矩形a,設置不透明度為20,然后點擊確定,如圖:
7、繼續選中第一個,在交互界面上選擇鼠標移出時,雙擊,在出現的編輯器選擇,設置不透明度,右邊選中矩形a原件,不透明度設為100,點擊確定,如圖:
8、按以上辦法,依次設置好第二、三、四個矩形,并且分別命名b/c/d,動態面板狀態分別選中b/c/d,在這不一一展示,設置好的效果如圖:
9、接下來我們要設置動態面板大圖展示的狀態,a狀態展示的圖片是小矩形a的放大圖的效果,我們就把a狀態的顏色與矩形a的顏色設為相同,bcd的狀態顏色分別與對應的原件bcd顏色相同,雙擊大圖展示動態面板的abcd,并且把a狀態的矩形分別復制到bcd,分別給bcd狀態填充矩形bcd的顏色,與之一一對應,效果如下:
10、最后一步,也是我們最重要的關鍵一步,那就是大功告成了,我們返回首頁,點擊預覽,彈出的頁面我們就可以看到我們辛苦制作的幻燈片原型出來了,如圖:
注意事項:
幻燈片制作時小圖要與大圖一一對應,不能弄混了。
新聞熱點
疑難解答