很多初學者在使用Axure繪制時感到困惑，如何快速地掌握繪制滾動條的技能？本文將帶您一步步掌握制作滾動條的方法。本文介紹的制作滾動條的方法簡單易用，值得大家掌握。正在學習Axure的小伙伴，你們還在等什么？一起繼續往下學習吧！

Axure制作滾動條效果圖文教程：文章源自四五設計網-http://www.133122.cn/27786.html

1. 首先，創建一個APP或模板。想象有很多東西在里面。文章源自四五設計網-http://www.133122.cn/27786.html

2.可以拉一個矩形(隨便你想要什么)，因為內容會放在這個矩形中，所以大小設置為屏幕(不錯);然后可以設置矩形邊框的顏色、樣式、是否隱藏;完成后，將其拖到屏幕中央，對齊，然后右鍵單擊將其設置為動態面板。文章源自四五設計網-http://www.133122.cn/27786.html

3.雙擊動態面板，點擊狀態1，然后在方框里面填充東西，但是要用力填充(注意，里面填充的東西不要超過矩形左右的距離，影響外觀，往下填充就好，因為這是APP，上下翻轉效果最合適，如果是網頁端，可以四周填充)，填充后回到首頁。文章源自四五設計網-http://www.133122.cn/27786.html

4. 回來后，會發現，設定的太長，太遙遠。接下來，將拖動矩形并調整矩形的大小，使其與之前移動顯示屏的設置相同。文章源自四五設計網-http://www.133122.cn/27786.html

5. 打開預覽看看!是不是發現這個滾動條很難看，漂亮的沖擊!可以遮住滾動條。點擊動態面板，拉動滾動條的一側，使其與手機模型的右側重疊，放置一個矩形，調整大小和線條，完美覆蓋滾動條。文章源自四五設計網-http://www.133122.cn/27786.html

6. 完成，最終效果：文章源自四五設計網-http://www.133122.cn/27786.html

滾動條效果在用戶體驗設計中是非常重要的，相信在未來的各種應用場景中，我們會發現滾動條的作用越來越大，因此學習制作滾動條的技巧是非常重要的。文章源自四五設計網-http://www.133122.cn/27786.html 文章源自四五設計網-http://www.133122.cn/27786.html