axure怎么制作进度条的效果? axure进度条的制作方法

Auxre种族网页原型很方便,今天我们就来看看使用axure制作常见的进度条的教程。

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

1、首先打开Axure,新建一个空白页面,在工作区域内拖入本次要使用的各个元件,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法_第1张图片

2、然后对各个元件的样式进行调整,并对元件进行命名,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法_第2张图片

axure怎么制作进度条的效果? axure进度条的制作方法_第3张图片

3、然后将元件转为动态面板,并命名,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法_第4张图片

axure怎么制作进度条的效果? axure进度条的制作方法_第5张图片

axure怎么制作进度条的效果? axure进度条的制作方法_第6张图片

4、然后给元件加交互事件,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法_第7张图片

axure怎么制作进度条的效果? axure进度条的制作方法_第8张图片

5、注意动画的效果要设置成线性,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法_第9张图片

6、最后预览一下效果,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法_第10张图片

axure怎么制作进度条的效果? axure进度条的制作方法_第11张图片

以上就是axure进度条的制作方法,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure怎么设计点赞的百分比进度条?

Axure怎么制作百分比的进度条动画?

Axure怎么制作文本单击显示后消失?

你可能感兴趣的:(axure怎么制作进度条的效果? axure进度条的制作方法)