axure推出axure 9 正式版本 ,支持黑暗模式,完美契合國內(nèi)晚上加班的產(chǎn)品同學(xué)們,哈哈哈?。?!
不過目前感覺很多同學(xué)都是在用8,所以這次我以8為例,給大家演示一下如果做屏幕上下滾動的原型。其實(shí)8和9相差不大,道理是相通的,大家仔細(xì)琢磨一下就可以了,還是不了解的,私我私我私我~
支持web端、APP、小程序設(shè)計(jì),很奈斯
下面進(jìn)入正題:
1.例如:首先我們創(chuàng)建一個(gè)APP或模板(這里是為了好看哈哈哈),想象一下里面有很多東西,一個(gè)界面是看不完的,所以可以加入滾動模式。
2.我們可以拉一個(gè)矩形(隨你想拉什么),因?yàn)閮?nèi)容會放在這個(gè)矩形里面,所以大小設(shè)置為和屏幕顯示一致(好看);然后可以把設(shè)置矩形邊框顏色、樣式、是否隱藏;完成之后拖入屏幕中央,對齊,右鍵單擊設(shè)為動態(tài)面板
3.雙擊動態(tài)面板,點(diǎn)擊狀態(tài)1(state 1),然后再里面那個(gè)框框里填東西,可勁兒填(注意,這里面填入的東西不要超過矩形左右距離,影響美觀,往下填就好了,因?yàn)檫@是APP,上下翻動效果最合適,如果是web端,可以左右填),填好之后回到首頁;
4.回來之后會發(fā)現(xiàn)我們的設(shè)置的東西很長,還超出了,接下來拉動矩形,調(diào)整矩形大小,使它和之前設(shè)置手機(jī)顯示屏的一樣,單擊動態(tài)面板,右鍵-滾動條-自動顯示垂直滾動條,完成之后我們的界面滾動就做完了!
5.打開預(yù)覽看一下!是不是發(fā)現(xiàn)這個(gè)滾動條很丑,影響美觀! 我們可以把這個(gè)滾動條給遮擋起來。
點(diǎn)擊動態(tài)面板,拉動滾動條一側(cè),使它和手機(jī)模型右側(cè)重疊,放置一個(gè)?矩形,調(diào)整大小,線條,完美遮擋住滾動條
6.大功告成,完美