Question

如何使用axure 7.0为你设计响应式的网站

Answer 1

在axure 8发布以后，可以利用几项技术（axure自动生成自适应html、前后端分离、响应式网站设计、restful接口、json或xml等）进一步简化网站的开发，该设计模式的主要流程如下：
1. 产品经理利用axure设计原型。
2. 原型讨论定型后由UI人员设计图标，更新到axure原型中。
3. 由axure生成自适应的响应式网站设计的html文件。
注意：axure发布项目生成html时，在左侧的“移动设备”这个设置页，需要勾选“包含视口标签”，不勾选“禁止页面垂直滚动”，宽度设置为“device-width”，高度留空不设置，初始缩放倍数绝对不能设置，最小缩放倍数设置为“0.1”，最大缩放倍数设置为10，允许用户缩放留空不设置，ios部分可以不理默认即可。另外需要axure 8以上版本才能普遍适配手机屏幕。

4a. 前端开发人员全盘使用上面生成的html文件、资源文件、axure的js文件，在各个页面上以前后端分离方式添加业务逻辑的实现（比如在html中加入jquery的ajax，和后端交互数据）。
4b. 后端开发人员设计和实现业务逻辑和前后端接口（4b可以和3、4a步骤同步进行），比如前后端使用restful的json封装作为前后端接口的数据交互。
5. 单元测试、集成测试、灰度测试，bug修复，发布上线。