今日讲解的教程是关于Axure的,你们了解Axure中如何制作翻转效果手机引导页呢?下文就带来了Axure制作出翻转效果手机引导页的具体操作流程 。
![Axure制作出翻转效果手机引导页具体操作流程](http://pic.yunnanlong.com/230313/2112234L4-0.jpg)
1、首先创建一个空白的页面,在工作区域拖入要使用的元件元素,如下图所示,主要是动态面板 。
![Axure制作出翻转效果手机引导页具体操作流程](http://pic.yunnanlong.com/230313/2112234H5-1.jpg)
2、对页面中的元件进行样式的调整,并将其放入到准备好的动态面板中,如下图所示 。
![Axure制作出翻转效果手机引导页具体操作流程](http://pic.yunnanlong.com/230313/2112235119-2.jpg)
3、同样的方式,复制四个state页面,并对每一个页面中的样式进行调整,如下图所示 。
![Axure制作出翻转效果手机引导页具体操作流程](http://pic.yunnanlong.com/230313/211223L53-3.jpg)
4、下面开始对动态面板的交互事件进行设置,首先是向左拖动结束时,这里需要注意的是,与滑动效果不同,在动画中要选择向左翻转的效果,如下图所示 。
![Axure制作出翻转效果手机引导页具体操作流程](http://pic.yunnanlong.com/230313/2112231494-4.jpg)
5、同样的方式,我们对向右拖动结束时的交互事件进行设置,如下图所示 。
![Axure制作出翻转效果手机引导页具体操作流程](http://pic.yunnanlong.com/230313/2112231145-5.jpg)
6、好了,F5预览一下效果,拖动页面,此时效果是翻转的效果,如下图所示 。
![Axure制作出翻转效果手机引导页具体操作流程](http://pic.yunnanlong.com/230313/2112231H4-6.jpg)
![Axure制作出翻转效果手机引导页具体操作流程](http://pic.yunnanlong.com/230313/2112232407-7.jpg)
【Axure制作出翻转效果手机引导页具体操作流程】根据以上为你们分享的Axure制作出翻转效果手机引导页的具体操作流程,你们自己也赶紧去制作吧!
推荐阅读
- iPhone卡死机处理方法 平板怎么强制关机苹果
- 喜马拉雅有声制作平台怎么弄
- 戚风蛋糕的制作方法
- 如何养好榔榆盆景 榔榆盆景制作方法
- 戚风蛋糕为何烤制时间那么长
- 文竹盆景制作方法 文竹盆景的制作
- 快手作品链接怎么复制
- 清香木盆景的制作方法 清香木老桩盆景制作技巧
- 微信表情怎么制作
- 游戏时间限制怎么设置