Axure中的原型如何导出成为HTML5源码

现在的Axure已经越来越强大了,你现在可以直接把你做好的原型导成HTML5文件进行查看或进行用户体验测试,它会帮你切图,写样式文件,什么都做的好好的,等你来用,你喜欢吗?反正我是很喜欢!!赶快来看看怎么做吧!

工具/原料

  • Axure软件
  • 原型设计一份

方法/步骤

  1. 你肯定需要先打开你的Axure。(温馨提示:高版本的Axure才有这个功能哦,笔者的Axure是7.0版本的)

    Axure中的原型如何导出成为HTML5源码
  2. 你当然需要先打开一个Axure原型文件,比如这个原型。

    Axure中的原型如何导出成为HTML5源码
  3. 现在开始生产HTML代码哦,点击菜单栏的中的“发布”选项。

    Axure中的原型如何导出成为HTML5源码
  4. 选择弹出的选项卡中的“Regenerate HTML File”,翻译过来,就是“生产HTML文件”。

    Axure中的原型如何导出成为HTML5源码
  5. 在弹出框中更改所生成HTML文件的地址哦,建议复制这个地址,这样方便你查看。

    Axure中的原型如何导出成为HTML5源码
  6. 正在生成啦,稍等片刻。

    Axure中的原型如何导出成为HTML5源码
  7. 生成完成后,你可以去存储位置查看你的HTML文件啦!

    Axure中的原型如何导出成为HTML5源码
  8. 看,里面的结构是不是比你想象中的好啊,图片都为你切好了,而且都分好类了哦,赶快行动起来吧!(提示:如果您的HTML需要融合其他代码,请在命名rp文件时用英文哦,避免发生一些不必要的错误。)

    Axure中的原型如何导出成为HTML5源码
  9. 生成完毕,赶快动手试试吧!感谢正在观看经验的你,么么哒!

    Axure中的原型如何导出成为HTML5源码
    END

注意事项

  • 该文章纯属原创,不周不整之处欢迎大家批评指正,谢谢大家!
  • 如果您觉得有用就赞一个吧!
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值