Axure怎么做滚动效果

小洛Tv 设计教程评论阅读模式

Axure是一款原型制作软件,使用Axure可以制作出生动多样的原型图出来,很多产品经理都会通过Axure来进行原型图的制作,对于使用Axure制作原型图,很多人都是不知道怎么制作的,接下来我们就来详细了解了解Axure画原型图以及制作滚动效果的操作方法。

axure画原型图方法:文章源自设计学徒自学网-http://www.sx1c.com/27778.html

第一步:设计一个草图,随便画一个带壳的原型图都可以。接着讲其它的原型体安装顺序显示;文章源自设计学徒自学网-http://www.sx1c.com/27778.html

第二步:将画好的原型图进行设置事件;文章源自设计学徒自学网-http://www.sx1c.com/27778.html

Axure怎么做滚动效果-1文章源自设计学徒自学网-http://www.sx1c.com/27778.html

第三步:视频录制,录制之前先将原型图导出来,打开index.html;文章源自设计学徒自学网-http://www.sx1c.com/27778.html

Axure怎么做滚动效果-2文章源自设计学徒自学网-http://www.sx1c.com/27778.html

第四步:将文件进行一个排序以及整理;文章源自设计学徒自学网-http://www.sx1c.com/27778.html

Axure怎么做滚动效果-3文章源自设计学徒自学网-http://www.sx1c.com/27778.html

第五步:加入交互以及一些文字说明;文章源自设计学徒自学网-http://www.sx1c.com/27778.html

Axure怎么做滚动效果-4文章源自设计学徒自学网-http://www.sx1c.com/27778.html

第六步:添加一些合适的音乐进去,原型图更为生动;

Axure怎么做滚动效果-5

第七步:将视频导出来基本上一个原型图就画好了。

Axure怎么做滚动效果-6

Axure制作滚动效果步骤:

1、打开Axure,进入界面!新建一个空白页面,拖入一个动态面板;

2、进入动态面板里面在拖入一个动态面板进行命名;

3、打开这个动态面板输入所要滚动的文字;

4、同样操作制作出多个state;

5、对动态面板设置属性事件,输入载人时的属性事件并且进行设置(文字上下左右滚动设置调整);

6、设置完成之后就可以按F5预览效果了,保存下来就可以生成一个滚动效果的页面了。

Axure怎么做滚动效果-7

其实,对于刚刚接触Axure的新手来说,从最简单的画原型以及滚动效果制作开始是再好不过的了,简单的操作学会了,那么对于后面的原型图制作还是很有帮助的。

我的微信
微信扫一扫
weinxin
我的微信
惠生活福利社
微信扫一扫
weinxin
我的公众号
 
小洛Tv
  • 本文由 小洛Tv 发表于 2023年7月8日12:39:01
  • 转载请务必保留本文链接:http://www.sx1c.com/27778.html
    本站展示的所有图文软件均来自于互联网,仅用于软件学习研究分享传递,请勿商用,本站如有侵权请联系客服删除。
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证