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

来源:互联网 发布:淘宝抓取 编辑:程序博客网 时间:2024/05/22 17:35

现在的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

注意事项

  • 该文章纯属原创,不周不整之处欢迎大家批评指正,谢谢大家!
  • 如果您觉得有用就赞一个吧!
0 0