起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識Axure8原型教程：實現(xiàn)滾動效果（小技巧：隱藏滾動條）
本文以Axure 8為例，給大家演示一下如果做屏幕上下滾動的原型，enjoy~
axure推出axure 9 正式版本 ，支持黑暗模式，完美契合國內(nèi)晚上加班的產(chǎn)品同學們，哈哈哈?。?！
不過目前感覺很多同學都是在用8，所以這次我以8為例，給大家演示一下如果做屏幕上下滾動的原型。其實8和9相差不大，道理是相通的，大家仔細琢磨一下就可以了。
支持web端、APP、小程序設(shè)計，很奈斯~
下面進入正題：
（1）例如：首先我們創(chuàng)建一個APP或模板（這里是為了好看哈哈哈），想象一下里面有很多東西，一個界面是看不完的，所以可以加入滾動模式。
（2）我們可以拉一個矩形（隨你想拉什么），因為內(nèi)容會放在這個矩形里面，所以大小設(shè)置為和屏幕顯示一致（好看）；然后可以把設(shè)置矩形邊框顏色、樣式、是否隱藏；完成之后拖入屏幕中央，對齊，右鍵單擊設(shè)為動態(tài)面板。
（3）雙擊動態(tài)面板，點擊狀態(tài)1(state 1),然后再里面那個框框里填東西，可勁兒填（注意，這里面填入的東西不要超過矩形左右距離，影響美觀，往下填就好了，因為這是APP，上下翻動效果最合適，如果是web端，可以左右填），填好之后回到首頁。
（4）回來之后會發(fā)現(xiàn)我們的設(shè)置的東西很長，還超出了，接下來拉動矩形，調(diào)整矩形大小，使它和之前設(shè)置手機顯示屏的一樣，單擊動態(tài)面板，右鍵-滾動條-自動顯示垂直滾動條，完成之后我們的界面滾動就做完了！
（5）打開預覽看一下！是不是發(fā)現(xiàn)這個滾動條很丑，影響美觀！ 我們可以把這個滾動條給遮擋起來。
點擊動態(tài)面板，拉動滾動條一側(cè)，使它和手機模型右側(cè)重疊，放置一個矩形，調(diào)整大小，線條，完美遮擋住滾動條
（6）大功告成，完美
作者：妖怪口袋，微信公眾號“妖怪口袋”
本文由 @妖怪口袋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
Axure做的費勁，本身他應該具備一個隱藏功能
哈，看完還是不太會？你可能需要從Axure基礎(chǔ)開始學
這里推薦你加Axure實戰(zhàn)班的助教小可愛@CC-起點學院（微信：qidiancc520），回復關(guān)鍵詞：大禮包
?? 領(lǐng)取適合產(chǎn)品新人的原型設(shè)計大禮包哦，cc還會不定期分享Axure免費視頻課程呢！
牛逼就完了