本文以Axure 8為例，給大家演示一下如果做屏幕上下滾動(dòng)的原型，enjoy~

axure推出axure 9 正式版本 ，支持黑暗模式，完美契合國內(nèi)晚上加班的產(chǎn)品同學(xué)們，哈哈哈?。?！

不過目前感覺很多同學(xué)都是在用8，所以這次我以8為例，給大家演示一下如果做屏幕上下滾動(dòng)的原型。其實(shí)8和9相差不大，道理是相通的，大家仔細(xì)琢磨一下就可以了。

支持web端、APP、小程序設(shè)計(jì)，很奈斯~

下面進(jìn)入正題：

（1）例如：首先我們創(chuàng)建一個(gè)APP或模板（這里是為了好看哈哈哈），想象一下里面有很多東西，一個(gè)界面是看不完的，所以可以加入滾動(dòng)模式。

（2）我們可以拉一個(gè)矩形（隨你想拉什么），因?yàn)閮?nèi)容會(huì)放在這個(gè)矩形里面，所以大小設(shè)置為和屏幕顯示一致（好看）；然后可以把設(shè)置矩形邊框顏色、樣式、是否隱藏；完成之后拖入屏幕中央，對(duì)齊，右鍵單擊設(shè)為動(dòng)態(tài)面板。

（3）雙擊動(dòng)態(tài)面板，點(diǎn)擊狀態(tài)1(state 1),然后再里面那個(gè)框框里填東西，可勁兒填（注意，這里面填入的東西不要超過矩形左右距離，影響美觀，往下填就好了，因?yàn)檫@是APP，上下翻動(dòng)效果最合適，如果是web端，可以左右填），填好之后回到首頁。

（4）回來之后會(huì)發(fā)現(xiàn)我們的設(shè)置的東西很長，還超出了，接下來拉動(dòng)矩形，調(diào)整矩形大小，使它和之前設(shè)置手機(jī)顯示屏的一樣，單擊動(dòng)態(tài)面板，右鍵-滾動(dòng)條-自動(dòng)顯示垂直滾動(dòng)條，完成之后我們的界面滾動(dòng)就做完了！

（5）打開預(yù)覽看一下！是不是發(fā)現(xiàn)這個(gè)滾動(dòng)條很丑，影響美觀！ 我們可以把這個(gè)滾動(dòng)條給遮擋起來。

點(diǎn)擊動(dòng)態(tài)面板，拉動(dòng)滾動(dòng)條一側(cè)，使它和手機(jī)模型右側(cè)重疊，放置一個(gè)矩形，調(diào)整大小，線條，完美遮擋住滾動(dòng)條

（6）大功告成，完美

作者：妖怪口袋，微信公眾號(hào)“妖怪口袋”

本文由 @妖怪口袋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議