Axure怎么制作滑动引导页效果的原型?

番茄系统家园 · 2022-03-10 08:08:24

机软件启动时会加载一些引导页的效果,这个引导页可以做出很多效果,今天我们就来看看Axure制作华东引导页的教程。

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

1、首先创建一个空白页面,在工作区域拖入本次要使用的元件元素,最主要的是动态面板,如下图所示。

Axure怎么制作滑动引导页效果的原型?

2、元件准备完成后,将样式修改好,并将矩形、图片等元件放入到动态面板中,如下图所示。

Axure怎么制作滑动引导页效果的原型?

3、按上述要求,将动态面板中的state复制出三个,并将这三个state中的内容进行调整,如下图所示。

Axure怎么制作滑动引导页效果的原型?

4、下面开始对动态面板做属性事件做交互,首先给向左拖动结束时的交互事件进行设置,如下图所示。

Axure怎么制作滑动引导页效果的原型?

5、然后我们再给向右拖动结束时的交互事件进行设置,如下图所示。

Axure怎么制作滑动引导页效果的原型?

6、动态面板的交互事件弄好了,下面f5预览一下效果,向左拖动和向右拖动的效果是否实现,如下图所示。

Axure怎么制作滑动引导页效果的原型?

Axure怎么制作滑动引导页效果的原型?

以上就是Axure制作滑动引导页效果的教程,希望大家喜欢,请继续关注。

相关推荐:

免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/123454PwHCjp.html
猜你喜欢
最新应用
热门应用