Axure制作滾動(dòng)條效果圖文教程

  • A+
所屬分類：百科知識(shí)

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

Axure制作滾動(dòng)條效果圖文教程：

1. 首先，創(chuàng)建一個(gè)APP或模板。想象有很多東西在里面。

2.可以拉一個(gè)矩形(隨便你想要什么)，因?yàn)閮?nèi)容會(huì)放在這個(gè)矩形中，所以大小設(shè)置為屏幕(不錯(cuò));然后可以設(shè)置矩形邊框的顏色、樣式、是否隱藏;完成后，將其拖到屏幕中央，對齊，然后右鍵單擊將其設(shè)置為動(dòng)態(tài)面板。

3.雙擊動(dòng)態(tài)面板，點(diǎn)擊狀態(tài)1，然后在方框里面填充東西，但是要用力填充(注意，里面填充的東西不要超過矩形左右的距離，影響外觀，往下填充就好，因?yàn)檫@是APP，上下翻轉(zhuǎn)效果最合適，如果是網(wǎng)頁端，可以四周填充)，填充后回到首頁。

4. 回來后，會(huì)發(fā)現(xiàn)，設(shè)定的太長，太遙遠(yuǎn)。接下來，將拖動(dòng)矩形并調(diào)整矩形的大小，使其與之前移動(dòng)顯示屏的設(shè)置相同。

5. 打開預(yù)覽看看!是不是發(fā)現(xiàn)這個(gè)滾動(dòng)條很難看，漂亮的沖擊!可以遮住滾動(dòng)條。點(diǎn)擊動(dòng)態(tài)面板，拉動(dòng)滾動(dòng)條的一側(cè)，使其與手機(jī)模型的右側(cè)重疊，放置一個(gè)矩形，調(diào)整大小和線條，完美覆蓋滾動(dòng)條。

6. 完成，最終效果：

滾動(dòng)條效果在用戶體驗(yàn)設(shè)計(jì)中是非常重要的，相信在未來的各種應(yīng)用場景中，我們會(huì)發(fā)現(xiàn)滾動(dòng)條的作用越來越大，因此學(xué)習(xí)制作滾動(dòng)條的技巧是非常重要的。

歷史上的今天:

推薦應(yīng)用

發(fā)表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: