快速原型设计工具-Axure

快速原型设计工具-Axure

sf2gis@163.com

2016年1月5日

2016年1月7日添加闪烁效果

2016年1月15日增加团队项目

1  目标：快速构建GUI，具备基本演示功能，帮助确定界面。

能够模拟正式程序，具有交互功能（演示），基本接近真实产品。

2 原理：使用HTML+JS生成基本网页，模拟简单逻辑。

Axure使用常用的控件和jQuery进行逻辑功能，模拟交互，产生较为真实的交互体验。

3 流程：安装Axure，新建网站，设计页面，预览，发布

安装Axure：官网http://www.axure.com/ ，绿色版(http://www.cr173.com/soft/31607.html )。

3.1 新建网站：File-》new会自动创建一个网站，包括Home和三个子页面。

3.2 设计网页：首先使用铅笔在纸上绘制线框图。然后在Axure中拖动控件（Axure中也叫元件，Widget等，一个意思）设计网页。

设置控件名称和属性：控件名称在最上面，属性在属性框中设置。

为控件设计事件响应：点击控件-》在右侧的事件框中添加相应事件。

3.3 预览：F5可以在默认浏览器中查看HTML。

3.4 发布：发布为HTML或Word文档。

3.4.1发布HTML：Publish-》Generate HTML Files。

Chrome需要下载插件（chrome不允许本地文件调用（认为是跨域））。

IE没有成功。

3.4.2发布World文档：Publish-》Generate World Document。

World文档包括各个页面、分页面的控件等截图和描述。

4 方法：

参考：http://www.woshipm.com/rp/39203.html