話說，不會寫代碼的產品經理不是好的射雞濕。關于產品經理與技術之間的微妙關系，扯開了講可是長篇大論，比如知乎上這個問題：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生成，我們可以簡單的處理一個網站的制作，如果只是個人的網站，且不需要過多的復雜功能，此方法足以滿足各位的需求，大家也可以利用這樣發方式來制作自己的網站。

謝謝大家的觀看！