Axure入门1:Hello World
本文章将会以Hello World的形式把一个原型由设计、运行预览、输出HTML页面共享给同事等完整流程描述一次,让你可以直观地感受到Axure是做什么的、怎么做的。
主界面:
双击打开后,跳过提示,出现主界面,在左边靠上的位置可以看到axure已经默认生成了4个空白页面,往下一点是原件库。中间是编辑区域,想要编辑哪个页面就在左边双击对应页面名称即可。默认已经打开了index页面并进入编辑状态。主界面顶部的工具栏大多数都是灰色状态是因为这些都是用来设置控件(元件)属性的,只有选中控件的时候才是可用状态。
编辑并预览:
在“元件库”随便拖一个矩形到中间,双击该矩形然后打字:Hello World,接着按下F5键,就可以在默认的浏览器中预览了。如果预览不成功,就在菜单“发布” -> “预览选项”中设置一下浏览器。
发布:
点击菜单“发布” -> “生成HTML文件”(快捷键F8),在弹出的界面中设置好保存HTML文件的路径,然后点击“生成”。打开刚刚设置的路径就能看到对应的HTML文件。
打开保存HTML文件的路径,然后双击start.html,就可以在默认浏览器看到整个原型。
到此,就完成了使用Axure设计产品原型的Hello World了。
常见问题:
Q:为什么要生成HTML文件?
A:生成HTML文件是为了其他团队成员阅读原型,因为HTML文件用浏览器就能打开,axure保存的*.rp文件就要求安装axure,相对麻烦。当然,也方便你拷到U盘里面带着去面试。还有在线分享的方法,你也可以去了解一下。
- 点赞
- 收藏
- 关注作者
评论(0)