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

  • A+
所属分类:百科知识

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

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

1. 首先,创建一个APP或模板。想象有很多东西在里面。

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

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

4. 回来后,会发现,设定的太长,太遥远。接下来,将拖动矩形并调整矩形的大小,使其与之前移动显示屏的设置相同。

5. 打开预览看看!是不是发现这个滚动条很难看,漂亮的冲击!可以遮住滚动条。点击动态面板,拉动滚动条的一侧,使其与手机模型的右侧重叠,放置一个矩形,调整大小和线条,完美覆盖滚动条。

6. 完成,最终效果:

滚动条效果在用户体验设计中是非常重要的,相信在未来的各种应用场景中,我们会发现滚动条的作用越来越大,因此学习制作滚动条的技巧是非常重要的。

历史上的今天:

发表评论

您必须登录才能发表评论!