axure rp 是一個專業、高效制作原型軟件,可以制作低保真原型,高保真原型,以及流程圖,給產品經理帶來很多的方便,工作效果也大大提高?;脽羝Ч?,在很多網站上都可以看到圖片輪播,今天我在這給大家詳細介紹一下如何利用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,在這不一一展示,設置好的效果如圖:
新聞熱點
疑難解答