话说，不会写代码的产品经理不是好的射鸡湿。关于产品经理与技术之间的微妙关系，扯开了讲可是长篇大论，比如知乎上这个问题：IT 行业产品经理（尤其是创业的）需要懂技术吗？懂到什么程度？，以及这个：产品经理如何与强势的技术沟通？等等。总而言之，产品最终是完全落实到技术上实现的，而技术的发展可以说是在产品上体现了直接价值，二者结合得越紧密，对整个产品带来的价值更大，开发效率也会更高。

当然，这不是说让产品经理会写代码会设计算法，其实在平时工作中，要是产品经理哪怕稍微下意识地提高自己的“技术思维”，不要做一些在技术上看起来“天马行空随心所欲”并且再配一句台词“这么简单的功能，很好实现吧”让人欲哭无泪的台词，就已经谢天谢地了……

因此，产品经理适度提高“技术熟悉度”，是对整个产品负责的必要。而我根据这几年工作经验，发现一些常用技术的掌握对产品人员的思路、效率，以及解决问题的能力，都是有非常大的提高的。

今天来讲一下关于Axure在线文档发布的技巧。一般人们最常见操作，是利用Axure画好原型图后，直接按F8导出为HTML文档，然后大家要么打包成.rar发邮件给所有干系人，要么传到项目协作平台上，甚至直接拿个U盘来Copy……其实大可不必这么麻烦，一来对接收者不是很方便，先下载然后解压，再找到index.html来查看；二是随着版本增多，相关接收者不会像产品一样能把每个版本管理好，假如两个月内发了10次文档，那岂不是文件夹里乱成粥，每次生怕看错文档了。

一. 使用Axure官方AxShare平台发布在线文档（不推荐）

Axure官方提供了一个AxShare发布平台，你可以在设计完后，直接按F6，就能将当前文档保存到AxShare平台：

按F6或Publish时选择“Publish to Axure Share”（首次使用需注册）

你也可以直接登录https://share.axure.com/，然后创建Project，将.rp文件上传后，即可完工。

发布时也可设置一个密码来保密。完成后，利用URL（+密码），就可以随时通过浏览器访问产品文档了。

那么问题来了：既然Axure已经有了，用就行了，为毛还有自己搭建呢？原因是：慢！正常情况那个网页压根就打不开好吗！更别说上传的龟速了。所以还是自己动手丰衣足食。

二. 使用新浪SAE平台+svn自己搭建（推荐）

先大概了解下SAE（Sina App Engine），你可以理解为一个免费的在线服务器。因为Axure生成的文档就是普通的HTML格式，也就是最简单的静态网页，所以完全可以把它上传到任意一台WEB服务器上，一个URL就能访问了。

首先，你需要注册成为SAE开发者，而且需要手机绑定和实名认证。这一点是有点麻烦，但是一劳永逸，认证后基本上就免费使用了。

然后在SAE控制面板里选择“创建应用”，我们需要创建一个新的php空应用（理论上HTML文档是和开发语言无关的，但在可选的PHP、Python和Java里，PHP是最被熟悉，而且不需要应用租金的）：

创建PHP空应用

切到此应用下，进入“代码管理”，并创建一个版本：

接下来就需要上另一个主角：SVN。SVN是Subversion的简称，一个开源版本控制系统。但在这里可以简单理解为“文档同步工具”。就是将Axure生成的产品原型上传到SAE服务器，从而支持通过浏览器访问。

首先下载TortoiseSVN客户端，注意最好是1.7.x版本，并且区分32和64位。安装及汉化之后，在你的硬盘中新建一个日后用来生成Axure原型的目录（这里为UE_Online），并右击选择“SVN检出”（Checkout）：

完成后，你就发现目录下多了一个“1”的文件夹（“1”是刚刚在SAE新建的版本号）。现在开始，你就可以每次把新的UE文档生成在这个“1”目录下。

生成HTML时选择SVN目录

接下来就是同步了，在UE_Online文件夹上右击，选择“SVN提交”（SVN Submit），然后按照下图将所有项勾选，点击“确定”：

因为新生成文件是没有版本的，所以默认没有勾选，一般我每次都是全部选择

上传完成后，大功告成！你就可以通过“应用地址+文件夹”组成的URL（图中是：http://ueonline.sinaapp.com/Xiancheng_v1.2_iPhone/）来直接访问在线文档了。SAE在国内的速度很不错，即使是通过移动端，也完全没有问题。

而后续如果要新建一个文档，只需在Axure生成文档时存到SVN目录下新文件夹里，右击选择提交；修改就更简单了：直接生成覆盖原文件夹，再次提交即可（还是注意每次提交时变更列表勾选“全部”）。

最后，需要注意的是：目前我这种方法不能做到加密隐藏，所以理论上你的URL被任何人知道都可以访问。如果非要给这份文档加个保护的话，在SAE应用管理左侧“应用防火墙”里，添加IP白名单，这就足够安全了吧。

作者：牛冰峰； 转载自：简书

辑导读：对于 Axure原型工具，很少有产品经过系统学习，一般都是直接上手，边摸索边学习，这直接导致很多快捷操作被忽视。笔者在日常工作中总结出以下小技巧，希望对各位有帮助。

之前整理了2期Axure的使用技巧，大约有36个技巧，具体可查看下边的文章：

产品必会的Axure使用技巧（第一弹）

产品必会的Axure使用技巧（第二弹）

最近在使用Axure时又整理了几个我觉得比较实用的技巧，今天把第三弹分享给各位。

我使用的Axure8示例，不过在Axure9中同样可用。

一、格式刷

格式刷可以用来复制样式

先选择需要复制样式的控件，然后在点击钢笔旁边的“更多”，点击选择格式刷

然后选择需要复制样式的目标控件，点击“应用”，就可以将样式复制过来。

不过在Axure9中，可以直接右键复制样式

二、泳道图

Axure中自带了流程图元件，很多产品经理喜欢直接在Axure中画流程图，但是在画泳道图时，Axure没有提供泳道图的样式。

不过我们也可以画出泳道图样式，就是使用“表格”，调整一下表格数量就可以了。

三、快速表格

1. 复制表格

在之前的第一弹中说过这个，不过这次还是想再说一遍。

在做列表需求时，经常需要画列表，不过Axure的表格我用不惯，所以每次都直接在Excel里把列表字段写出来。

然后直接在复制到Axure里，就可直接把Excel表格复制过来。

不过复制过来会有几个问题：

1、样式不能复制。只有复制表格后，在手动调整样式。

2、合并单元格不能复制，主要是Axure不支持合并单元格。

2. 快速调整表格行高行宽

选中需要修改的表格，然后直接修改宽度与高度，即可批量修改选中表格的尺寸。

如果想修改个别表格，按照ctrl键，再选中即可。接着修改宽度与高度，就可直接修改选中表格的尺寸了。

四、快速重命名

最近领导要求给原型页面上加上编号，然后发现一个很快速的方法。

先选中一个页面重命名，然后在重命名状态下，使用键盘上下键，进到下个页面时还是重命名状态，就可以直接重命名了。

五、不安装插件预览

在生成html文件后，点击生成html文件夹内的start.html或者index.html查看时，会出现安装插件的提示。

直接安装插件这个方法就不说了，不过有2个快速的解决方法：

1.直接点击要查看的单个页面。不直接点击start.html、index.html等入口。

2.修改源代码，绕过提示。

打开start.html或index.html的代码

删除下方标的代码，然后保存，重新点击点击入口打开，就ok了。

六、导入Axure

最近安排手下的实习生去画原型，最后需要合并在其它源文件中。

他是直接复制粘贴过去的，页面少这样没啥问题，要是页面多了，一个个复制粘贴也挺费劲的。

我们可以直接使用“文件”下的“从RP文件导入”

选择需要导入的RP源文件后，然后在勾选需要导入的页面，一直Next就行了。

七、替换、查找

Axure也支持替换、查找文字，直接Ctrl+f。

当出现字段批量替换时，就不用一个个去找了。不过在替换后，不支持撤销，替换错了也影响不大，再替换回来就行了。

八、总结

第三弹先到这，我在整理整理其它的Axure小技巧，凑够一篇文章再分享给各位。

本文由 @王大鹿 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议

起Axure，做产品的朋友再熟悉不过了，它是我们在日程工作中最常见的原型制作软件之一，今天分享的文章，主要是教大家如何使用Axure打造简单的个人网站，不会编程我们依然可以做网站。

接下去将分为几个步骤去阐述：

1. 这些我们必须知道的小知识

• axure是可以生成html文件的，这为我们使用它来制作网站提供了可能性
• axure只能搭建小型的个人网站 ，他不具备数据库，比较适合做展示类的网站
• 和普通网站构建一样，我们需要购买域名和购置虚拟服务器

2. 利用xmind思维导图，对我们要构建的网站进行知识整理

举个例子，我构建的是一个小型个人展示站

包含以下主要内容：网址导航、常用工具、实用资源、案例展示，通过思维导出对其内容进行

整理如下图所示：

3. 整理好了内容所需，接下去我们进入制作部分

因为我们是利用Axure去制作网站，在我们平时工作的流程常常是，原型-设计-前端-开发，而这里我们只需进行原型和设计，这里将不再有前后关系，为了节约时间，我们可以把Axure当做设计工具，直接进行页面设计，里面所需的图片素材可以用ps辅助设计。

创建一个项目文件夹用来整理此网站涉及到的全部资源素材

对网站全局配色、字体、样式进行布局

采用的是蓝色调，可以看下我的主色、辅助色的配色如下

利用母版进行top导航的设计

导航布局如下，采用了顶部导航的方式，设置了动态面板并将此转化成母版用于多个页面

设置导航频道的点击效果与跳转

如下图所示，有悬停效果和点击跳转的设置

网址导航栏目的左侧菜单设置，滑块移动位置的y坐标按具体位置设置，每个元素都要设置

左侧导航在滚动时触发具体栏目类别，采用的是热区范围来触发，当窗口滚动时触发相应的类别选中

利用栅格系统对网站进行布局

布置完毕将栅格去除（紫红色是1200px宽度的边界）

每个元件尽可能的规范，再进行下一步

拿网址导航页做示例，每个单元模块标题，网址卡片、左侧导航的排布尽可能规范统一，立马包含了各种元素的基本规范如：字体大小、颜色、宽度、悬停交互效果点击跳转效果

合理利用中继器做页面的数据关联

常用工具与实用资源页面，采用了中继器来制作，在中继器的微型数据表中，插入对应字段后，关联每项参数的内容（对元件名称进行命名），以后增加一条数据对应改变其内容即可。

如下图包含了图片，标签，标题，详情描述几个内容，在中继器中就要有相应的字段来进行控制

4. 制作完毕，接下去要解决的是如何把生成的网站，能让其它人进行访问

（1）我们需要一个域名，可以到阿里云万网去购买https://wanwang.aliyun.com/，我选择的域名是uedart.com的域名；

（2）我们还需要一个服务器，我选择的是海外云虚拟机，不需要备案可以在阿里云进行购买；

（3）都准备好之后，我们要做的是按照阿里云的步骤进行虚拟机的设置布局，下载Filezilla进行关联，将我们axure生成的文件进行上传，上传之后，我们再进行域名的解析，即可通过域名对我们的网站进行外网访问。

5. 可能遇到的问题，工具栏明明在生成的时候关闭了，上传之后还是出现了

可以将index和start的html删除，复制第一个页面的html改名成index重新上传即可，查看我制作完毕的网址http://www.uedart.com/

总结

至此通过以上5个步奏，我们利用Axure完成了一个小型网站设计与制作，当然这并不是一个传统意义上的网站开发，只是借此向大家介绍下，利用Axure的html生成，我们可以简单的处理一个网站的制作，如果只是个人的网站，且不需要过多的复杂功能，此方法足以满足各位的需求，大家也可以利用这样发方式来制作自己的网站。

谢谢大家的观看！