起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識Axure原型設計之輪播圖
輪播圖是網頁設計或者APP設計常見的元素，學會使用axure原型工具制作輪播圖對制作PC端或者移動端的原型都非常有幫助。現在講講如何使用axure8.0制作輪播圖原型~~
步驟一：（輪播圖動態面板）
首先，拖一個動態面板至畫布中間，設置大小為670X320，命名為“輪播圖”；
然后，為該動態面板設置3個面板狀態，分別為圖1，圖2和圖3，并分別在每個面板狀態分別放一張圖片；
最后，為該動態面板添加一個“載入時”用例，在用例中設置面板狀態為：
- 選擇狀態：Next，向后循環，循環間隔4000ms；
- 進入動畫：向左滑動700ms；
- 退出動畫：向左滑動700ms。
步驟二：（輪播按鈕動態面板）
首先，拖一個動態面板至“輪播圖”動態面板的正下方適當位置，設置大小為134X11，命名為“輪播按鈕”；
然后，為該動態面板設置3個面板狀態，分別為輪播按鈕1，輪播按鈕2和輪播按鈕3，并在每個面板狀態分別放3個白色矩形。輪播按鈕1狀態中的第1個白色矩形透明度設置為50%，輪播按鈕2狀態中的第2個白色矩形透明度設置為50%，輪播按鈕3狀態中的第3個白色矩形透明度設置為50%；
最后，為該動態面板添加一個“載入時”用例，用例中設置面板狀態為：
- 選擇狀態：Next，向后循環，循環間隔4000ms；
- 進入動畫：逐漸700ms；
- 退出動畫：逐漸700ms。
好了！預覽即可以看到輪播圖自動輪播的效果了，同時輪播按鈕也跟隨著變化。
效果圖：http://ahzcnr.axshare.com/
本文由 @維度 原創發布于人人都是產品經理。未經許可，禁止轉載
一個專注產品設計，技術研發，推廣運營的博客
評論
感謝大佬
試過了很多教學都沒有成功輪播，但是這一次看的清晰詳細的講述，一次就成功了！十分感謝作者！ ??
仔細檢查自己的原型之后，終于發現了問題所在——謝謝啦大神！每天都按照你的原型做，每天都能學到很多東西 ??
好咧??！分享支持！大神加油
效果圖真的好高大上，可是我按照這個步驟做的根本就不動哇 ?? ??
這個banner動效，用動效軟件來設計，會更好。