Axure怎么制作翻转效果的手机引导页?

Axure怎么制作翻转效果的手机引导页?,第1张

Axure怎么制作翻转效果的手机引导页?

引导页的样式有很多,今天我们就来看看使用axure制作翻转效果引导页的教程。

原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)

  • 类型:辅助设计
  • 大小:90.5MB
  • 语言:简体中文
  • 时间:2018-05-24
查看详情

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

2、对页面中的元件进行样式的调整,并将其放入到准备好的动态面板中,如下图所示。

3、同样的方式,复制四个state页面,并对每一个页面中的样式进行调整,如下图所示。

4、下面开始对动态面板的交互事件进行设置,首先是向左拖动结束时,这里需要注意的是,与滑动效果不同,在动画中要选择向左翻转的效果,如下图所示。

 

5、同样的方式,我们对向右拖动结束时的交互事件进行设置,如下图所示。

6、好了,F5预览一下效果,拖动页面,此时效果是翻转的效果,如下图所示。

以上就是axure制作翻转效果的手机引导页的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure rp怎么设计微信的交互界面?

Axure怎么做表格随着鼠标移动改变颜色?

Axure RP 8怎么用按钮控制文本框显示数字或星号?

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/1344956.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-13
下一篇2022-06-13

发表评论

登录后才能评论

评论列表(0条)

    保存