Axure入门1:Hello World

举报
Khan安全团队 发表于 2023/06/05 20:32:33 2023/06/05
【摘要】 本文章将会以Hello World的形式把一个原型由设计、运行预览、输出HTML页面共享给同事等完整流程描述一次,让你可以直观地感受到Axure是做什么的、怎么做的。主界面:双击打开后,跳过提示,出现主界面,在左边靠上的位置可以看到axure已经默认生成了4个空白页面,往下一点是原件库。中间是编辑区域,想要编辑哪个页面就在左边双击对应页面名称即可。默认已经打开了index页面并进入编辑状态。...

本文章将会以Hello World的形式把一个原型由设计、运行预览、输出HTML页面共享给同事等完整流程描述一次,让你可以直观地感受到Axure是做什么的、怎么做的。

  1. 主界面:

    双击打开后,跳过提示,出现主界面,在左边靠上的位置可以看到axure已经默认生成了4个空白页面,往下一点是原件库。中间是编辑区域,想要编辑哪个页面就在左边双击对应页面名称即可。默认已经打开了index页面并进入编辑状态。主界面顶部的工具栏大多数都是灰色状态是因为这些都是用来设置控件(元件)属性的,只有选中控件的时候才是可用状态。

  1. 编辑并预览:

    在“元件库”随便拖一个矩形到中间,双击该矩形然后打字:Hello World,接着按下F5键,就可以在默认的浏览器中预览了。如果预览不成功,就在菜单“发布” -> “预览选项”中设置一下浏览器。

  1. 发布:

    点击菜单“发布” -> “生成HTML文件”(快捷键F8),在弹出的界面中设置好保存HTML文件的路径,然后点击“生成”。打开刚刚设置的路径就能看到对应的HTML文件。

  2. 打开保存HTML文件的路径,然后双击start.html,就可以在默认浏览器看到整个原型。


到此,就完成了使用Axure设计产品原型的Hello World了。

常见问题:

Q:为什么要生成HTML文件?

A:生成HTML文件是为了其他团队成员阅读原型,因为HTML文件用浏览器就能打开,axure保存的*.rp文件就要求安装axure,相对麻烦。当然,也方便你拷到U盘里面带着去面试。还有在线分享的方法,你也可以去了解一下。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。