Axure制作水波涟漪动画操作实例

在原型设计中为了提高交互效果，并在很多实际应用中也需要用到一些原型动画效果使得整个产品看起来更加具有灵动性。用Axure制作水波涟漪动画就是很不错的一个方法，具体操作步骤我们一起去看看吧：

效果大家看到了，很简单，就是一个涟漪的加载效果；颜色将就看吧，不好看你自己调下。

开始画原型

一、画涟漪的波纹圈

1、首先画四个原型，背景透明，边框调到最粗，颜色白色，名称随意起；由大到小尺寸分别是100*100、80*80、60*60、40*40

此处我起名为c1、c2、c3、c4

2、然后将4个圆形的透明度由大到小依次调整为40%、60%、80%、100%

3、将4个圆形水平垂直居中

二、创建执行动画的动态面板

1、从默认组件库里，拖一个动态面板进来，尺寸调小一点，便于操作，给动态面板也起个名称随意

2、我们有4个圈要做动画，我计算了一下波形的由隐藏到显示再到隐藏的循环，来回正好需要8次，因此复制创建总共8个动态面板的状态

3、接下来添加交互动作，每次切换状态的时候依次从小圈到大圈显示再隐藏，为了让涟漪看起来由快到慢，这里的显示动画也将时间逐步增长处理

动作列表

操作步骤

三、完成封装，添加全局执行命令

1、将刚刚创建的所有原件，全选编组，并且起个名称便于操作

2、将其中4个圆形，设置为隐藏

3、最后给刚刚编的组，添加一个加载命令

这里的循环间隔时间越长，动画速度越慢

以上就是Axure制作水波涟漪动画操作实例的全部内容介绍了，关于更多Axure教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。