Axure制作滚动条效果图文教程

小洛Tv 设计教程评论阅读模式

很多初学者在使用Axure绘制时感到困惑,如何快速地掌握绘制滚动条的技能?本文将带您一步步掌握制作滚动条的方法。本文介绍的制作滚动条的方法简单易用,值得大家掌握。正在学习Axure的小伙伴,你们还在等什么?一起继续往下学习吧!

Axure制作滚动条效果图文教程:文章源自设计学徒自学网-http://www.sx1c.com/27786.html

1. 首先,创建一个APP或模板。想象有很多东西在里面。文章源自设计学徒自学网-http://www.sx1c.com/27786.html

2.可以拉一个矩形(随便你想要什么),因为内容会放在这个矩形中,所以大小设置为屏幕(不错);然后可以设置矩形边框的颜色、样式、是否隐藏;完成后,将其拖到屏幕中央,对齐,然后右键单击将其设置为动态面板。文章源自设计学徒自学网-http://www.sx1c.com/27786.html

3.双击动态面板,点击状态1,然后在方框里面填充东西,但是要用力填充(注意,里面填充的东西不要超过矩形左右的距离,影响外观,往下填充就好,因为这是APP,上下翻转效果最合适,如果是网页端,可以四周填充),填充后回到首页。文章源自设计学徒自学网-http://www.sx1c.com/27786.html

4. 回来后,会发现,设定的太长,太遥远。接下来,将拖动矩形并调整矩形的大小,使其与之前移动显示屏的设置相同。文章源自设计学徒自学网-http://www.sx1c.com/27786.html

5. 打开预览看看!是不是发现这个滚动条很难看,漂亮的冲击!可以遮住滚动条。点击动态面板,拉动滚动条的一侧,使其与手机模型的右侧重叠,放置一个矩形,调整大小和线条,完美覆盖滚动条。文章源自设计学徒自学网-http://www.sx1c.com/27786.html

6. 完成,最终效果:文章源自设计学徒自学网-http://www.sx1c.com/27786.html

滚动条效果在用户体验设计中是非常重要的,相信在未来的各种应用场景中,我们会发现滚动条的作用越来越大,因此学习制作滚动条的技巧是非常重要的。文章源自设计学徒自学网-http://www.sx1c.com/27786.html 文章源自设计学徒自学网-http://www.sx1c.com/27786.html

我的微信
微信扫一扫
weinxin
我的微信
惠生活福利社
微信扫一扫
weinxin
我的公众号
 
小洛Tv
  • 本文由 小洛Tv 发表于 2023年7月8日12:40:53
  • 转载请务必保留本文链接:http://www.sx1c.com/27786.html
    本站展示的所有图文软件均来自于互联网,仅用于软件学习研究分享传递,请勿商用,本站如有侵权请联系客服删除。
匿名

发表评论

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

拖动滑块以完成验证