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

Axure制作滾動條效果圖文教程：文章源自四五設(shè)計網(wǎng)-http://www.wasochina.com/27786.html

1. 首先，創(chuàng)建一個APP或模板。想象有很多東西在里面。文章源自四五設(shè)計網(wǎng)-http://www.wasochina.com/27786.html

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

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

4. 回來后，會發(fā)現(xiàn)，設(shè)定的太長，太遙遠。接下來，將拖動矩形并調(diào)整矩形的大小，使其與之前移動顯示屏的設(shè)置相同。文章源自四五設(shè)計網(wǎng)-http://www.wasochina.com/27786.html

5. 打開預覽看看!是不是發(fā)現(xiàn)這個滾動條很難看，漂亮的沖擊!可以遮住滾動條。點擊動態(tài)面板，拉動滾動條的一側(cè)，使其與手機模型的右側(cè)重疊，放置一個矩形，調(diào)整大小和線條，完美覆蓋滾動條。文章源自四五設(shè)計網(wǎng)-http://www.wasochina.com/27786.html

6. 完成，最終效果：文章源自四五設(shè)計網(wǎng)-http://www.wasochina.com/27786.html

滾動條效果在用戶體驗設(shè)計中是非常重要的，相信在未來的各種應用場景中，我們會發(fā)現(xiàn)滾動條的作用越來越大，因此學習制作滾動條的技巧是非常重要的。文章源自四五設(shè)計網(wǎng)-http://www.wasochina.com/27786.html 文章源自四五設(shè)計網(wǎng)-http://www.wasochina.com/27786.html