axure如何制作跑马灯动作?axure怎么为文字设置跑马灯动态效果?

李冰琪            来源:优草派

对于正在学习Axure原型制作软件的朋友们来说,需要掌握其中常用工具功能的使用技巧,以熟练运用到作图过程中。本文小编来教大家如何在axure软件中为文字设置跑马灯动态效果。

axure如何制作跑马灯动作?axure怎么为文字设置跑马灯动态效果?

1、首先我们需要在电脑中双击打开Axure应用程序,新建画布,进入到工作区域中去。

2、 从界面左侧点击进入到元件库面板,找到矩形元件,点击拖拽到编辑页面中去;并将矩形元件命名为“跑马灯”。

3、在属性栏中打开【填充】面板,将填充类型选项选择为“单色”,再从色板中拾取喜欢的颜色,填充在元件内部。

4、选中文本框,将边框设置为【无边框】样式,接着根据需要在文本框中输入跑马灯内容。

5、准备两个【矩形】框作为遮罩使用,拖到页面中放置在跑马灯元件左右两侧位置。

6、在右侧的交互属性面板中,选择【页面载入时】用例,调出用例设置窗口。

7、设置用例的交互动作为【移动】跑马灯元件到绝对位置,选择【缓慢进入】的方式;具体位置和时间根据实际需要设置即可。

8、设置完成后,点击【预览】按钮,即可查看跑马灯动态原型效果。

以上就是关于如何在axure软件中制作跑马灯动作的方法和步骤。通过学习掌握元件属性和交互事例的设置技巧,即可制作出多种交互原型效果。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行