整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
話說，不會(huì)寫代碼的產(chǎn)品經(jīng)理不是好的射雞濕。關(guān)于產(chǎn)品經(jīng)理與技術(shù)之間的微妙關(guān)系，扯開了講可是長(zhǎng)篇大論，比如知乎上這個(gè)問題：IT 行業(yè)產(chǎn)品經(jīng)理（尤其是創(chuàng)業(yè)的）需要懂技術(shù)嗎？懂到什么程度？，以及這個(gè)：產(chǎn)品經(jīng)理如何與強(qiáng)勢(shì)的技術(shù)溝通？等等。總而言之，產(chǎn)品最終是完全落實(shí)到技術(shù)上實(shí)現(xiàn)的，而技術(shù)的發(fā)展可以說是在產(chǎn)品上體現(xiàn)了直接價(jià)值，二者結(jié)合得越緊密，對(duì)整個(gè)產(chǎn)品帶來的價(jià)值更大，開發(fā)效率也會(huì)更高。
當(dāng)然，這不是說讓產(chǎn)品經(jīng)理會(huì)寫代碼會(huì)設(shè)計(jì)算法，其實(shí)在平時(shí)工作中，要是產(chǎn)品經(jīng)理哪怕稍微下意識(shí)地提高自己的“技術(shù)思維”，不要做一些在技術(shù)上看起來“天馬行空隨心所欲”并且再配一句臺(tái)詞“這么簡(jiǎn)單的功能，很好實(shí)現(xiàn)吧”讓人欲哭無淚的臺(tái)詞，就已經(jīng)謝天謝地了……
因此，產(chǎn)品經(jīng)理適度提高“技術(shù)熟悉度”，是對(duì)整個(gè)產(chǎn)品負(fù)責(zé)的必要。而我根據(jù)這幾年工作經(jīng)驗(yàn)，發(fā)現(xiàn)一些常用技術(shù)的掌握對(duì)產(chǎn)品人員的思路、效率，以及解決問題的能力，都是有非常大的提高的。
今天來講一下關(guān)于Axure在線文檔發(fā)布的技巧。一般人們最常見操作，是利用Axure畫好原型圖后，直接按F8導(dǎo)出為HTML文檔，然后大家要么打包成.rar發(fā)郵件給所有干系人，要么傳到項(xiàng)目協(xié)作平臺(tái)上，甚至直接拿個(gè)U盤來Copy……其實(shí)大可不必這么麻煩，一來對(duì)接收者不是很方便，先下載然后解壓，再找到index.html來查看；二是隨著版本增多，相關(guān)接收者不會(huì)像產(chǎn)品一樣能把每個(gè)版本管理好，假如兩個(gè)月內(nèi)發(fā)了10次文檔，那豈不是文件夾里亂成粥，每次生怕看錯(cuò)文檔了。
一. 使用Axure官方AxShare平臺(tái)發(fā)布在線文檔（不推薦）
Axure官方提供了一個(gè)AxShare發(fā)布平臺(tái)，你可以在設(shè)計(jì)完后，直接按F6，就能將當(dāng)前文檔保存到AxShare平臺(tái)：
按F6或Publish時(shí)選擇“Publish to Axure Share”（首次使用需注冊(cè)）
你也可以直接登錄https://share.axure.com/，然后創(chuàng)建Project，將.rp文件上傳后，即可完工。
發(fā)布時(shí)也可設(shè)置一個(gè)密碼來保密。完成后，利用URL（+密碼），就可以隨時(shí)通過瀏覽器訪問產(chǎn)品文檔了。
那么問題來了：既然Axure已經(jīng)有了，用就行了，為毛還有自己搭建呢？原因是：慢！正常情況那個(gè)網(wǎng)頁壓根就打不開好嗎！更別說上傳的龜速了。所以還是自己動(dòng)手豐衣足食。
二. 使用新浪SAE平臺(tái)+svn自己搭建（推薦）
先大概了解下SAE（Sina App Engine），你可以理解為一個(gè)免費(fèi)的在線服務(wù)器。因?yàn)锳xure生成的文檔就是普通的HTML格式，也就是最簡(jiǎn)單的靜態(tài)網(wǎng)頁，所以完全可以把它上傳到任意一臺(tái)WEB服務(wù)器上，一個(gè)URL就能訪問了。
首先，你需要注冊(cè)成為SAE開發(fā)者，而且需要手機(jī)綁定和實(shí)名認(rèn)證。這一點(diǎn)是有點(diǎn)麻煩，但是一勞永逸，認(rèn)證后基本上就免費(fèi)使用了。
然后在SAE控制面板里選擇“創(chuàng)建應(yīng)用”，我們需要?jiǎng)?chuàng)建一個(gè)新的php空應(yīng)用（理論上HTML文檔是和開發(fā)語言無關(guān)的，但在可選的PHP、Python和Java里，PHP是最被熟悉，而且不需要應(yīng)用租金的）：
創(chuàng)建PHP空應(yīng)用
切到此應(yīng)用下，進(jìn)入“代碼管理”，并創(chuàng)建一個(gè)版本：
接下來就需要上另一個(gè)主角：SVN。SVN是Subversion的簡(jiǎn)稱，一個(gè)開源版本控制系統(tǒng)。但在這里可以簡(jiǎn)單理解為“文檔同步工具”。就是將Axure生成的產(chǎn)品原型上傳到SAE服務(wù)器，從而支持通過瀏覽器訪問。
首先下載TortoiseSVN客戶端，注意最好是1.7.x版本，并且區(qū)分32和64位。安裝及漢化之后，在你的硬盤中新建一個(gè)日后用來生成Axure原型的目錄（這里為UE_Online），并右擊選擇“SVN檢出”（Checkout）：
完成后，你就發(fā)現(xiàn)目錄下多了一個(gè)“1”的文件夾（“1”是剛剛在SAE新建的版本號(hào)）。現(xiàn)在開始，你就可以每次把新的UE文檔生成在這個(gè)“1”目錄下。
生成HTML時(shí)選擇SVN目錄
接下來就是同步了，在UE_Online文件夾上右擊，選擇“SVN提交”（SVN Submit），然后按照下圖將所有項(xiàng)勾選，點(diǎn)擊“確定”：
因?yàn)樾律晌募菦]有版本的，所以默認(rèn)沒有勾選，一般我每次都是全部選擇
上傳完成后，大功告成！你就可以通過“應(yīng)用地址+文件夾”組成的URL（圖中是：http://ueonline.sinaapp.com/Xiancheng_v1.2_iPhone/）來直接訪問在線文檔了。SAE在國內(nèi)的速度很不錯(cuò)，即使是通過移動(dòng)端，也完全沒有問題。
而后續(xù)如果要新建一個(gè)文檔，只需在Axure生成文檔時(shí)存到SVN目錄下新文件夾里，右擊選擇提交；修改就更簡(jiǎn)單了：直接生成覆蓋原文件夾，再次提交即可（還是注意每次提交時(shí)變更列表勾選“全部”）。
最后，需要注意的是：目前我這種方法不能做到加密隱藏，所以理論上你的URL被任何人知道都可以訪問。如果非要給這份文檔加個(gè)保護(hù)的話，在SAE應(yīng)用管理左側(cè)“應(yīng)用防火墻”里，添加IP白名單，這就足夠安全了吧。
作者：牛冰峰； 轉(zhuǎn)載自：簡(jiǎn)書
輯導(dǎo)讀：對(duì)于 Axure原型工具，很少有產(chǎn)品經(jīng)過系統(tǒng)學(xué)習(xí)，一般都是直接上手，邊摸索邊學(xué)習(xí)，這直接導(dǎo)致很多快捷操作被忽視。筆者在日常工作中總結(jié)出以下小技巧，希望對(duì)各位有幫助。
之前整理了2期Axure的使用技巧，大約有36個(gè)技巧，具體可查看下邊的文章：
產(chǎn)品必會(huì)的Axure使用技巧（第一彈）
產(chǎn)品必會(huì)的Axure使用技巧（第二彈）
最近在使用Axure時(shí)又整理了幾個(gè)我覺得比較實(shí)用的技巧，今天把第三彈分享給各位。
我使用的Axure8示例，不過在Axure9中同樣可用。
格式刷可以用來復(fù)制樣式
先選擇需要復(fù)制樣式的控件，然后在點(diǎn)擊鋼筆旁邊的“更多”，點(diǎn)擊選擇格式刷
然后選擇需要復(fù)制樣式的目標(biāo)控件，點(diǎn)擊“應(yīng)用”，就可以將樣式復(fù)制過來。
不過在Axure9中，可以直接右鍵復(fù)制樣式
Axure中自帶了流程圖元件，很多產(chǎn)品經(jīng)理喜歡直接在Axure中畫流程圖，但是在畫泳道圖時(shí)，Axure沒有提供泳道圖的樣式。
不過我們也可以畫出泳道圖樣式，就是使用“表格”，調(diào)整一下表格數(shù)量就可以了。
在之前的第一彈中說過這個(gè)，不過這次還是想再說一遍。
在做列表需求時(shí)，經(jīng)常需要畫列表，不過Axure的表格我用不慣，所以每次都直接在Excel里把列表字段寫出來。
然后直接在復(fù)制到Axure里，就可直接把Excel表格復(fù)制過來。
不過復(fù)制過來會(huì)有幾個(gè)問題：
1、樣式不能復(fù)制。只有復(fù)制表格后，在手動(dòng)調(diào)整樣式。
2、合并單元格不能復(fù)制，主要是Axure不支持合并單元格。
選中需要修改的表格，然后直接修改寬度與高度，即可批量修改選中表格的尺寸。
如果想修改個(gè)別表格，按照ctrl鍵，再選中即可。接著修改寬度與高度，就可直接修改選中表格的尺寸了。
最近領(lǐng)導(dǎo)要求給原型頁面上加上編號(hào)，然后發(fā)現(xiàn)一個(gè)很快速的方法。
先選中一個(gè)頁面重命名，然后在重命名狀態(tài)下，使用鍵盤上下鍵，進(jìn)到下個(gè)頁面時(shí)還是重命名狀態(tài)，就可以直接重命名了。
在生成html文件后，點(diǎn)擊生成html文件夾內(nèi)的start.html或者index.html查看時(shí)，會(huì)出現(xiàn)安裝插件的提示。
直接安裝插件這個(gè)方法就不說了，不過有2個(gè)快速的解決方法：
1.直接點(diǎn)擊要查看的單個(gè)頁面。不直接點(diǎn)擊start.html、index.html等入口。
2.修改源代碼，繞過提示。
打開start.html或index.html的代碼
刪除下方標(biāo)的代碼，然后保存，重新點(diǎn)擊點(diǎn)擊入口打開，就ok了。
最近安排手下的實(shí)習(xí)生去畫原型，最后需要合并在其它源文件中。
他是直接復(fù)制粘貼過去的，頁面少這樣沒啥問題，要是頁面多了，一個(gè)個(gè)復(fù)制粘貼也挺費(fèi)勁的。
我們可以直接使用“文件”下的“從RP文件導(dǎo)入”
選擇需要導(dǎo)入的RP源文件后，然后在勾選需要導(dǎo)入的頁面，一直Next就行了。
Axure也支持替換、查找文字，直接Ctrl+f。
當(dāng)出現(xiàn)字段批量替換時(shí)，就不用一個(gè)個(gè)去找了。不過在替換后，不支持撤銷，替換錯(cuò)了也影響不大，再替換回來就行了。
第三彈先到這，我在整理整理其它的Axure小技巧，湊夠一篇文章再分享給各位。
本文由 @王大鹿 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
起Axure，做產(chǎn)品的朋友再熟悉不過了，它是我們?cè)谌粘坦ぷ髦凶畛Ｒ姷脑椭谱鬈浖唬裉旆窒淼奈恼拢饕墙檀蠹胰绾问褂肁xure打造簡(jiǎn)單的個(gè)人網(wǎng)站，不會(huì)編程我們依然可以做網(wǎng)站。
接下去將分為幾個(gè)步驟去闡述：
舉個(gè)例子，我構(gòu)建的是一個(gè)小型個(gè)人展示站
包含以下主要內(nèi)容：網(wǎng)址導(dǎo)航、常用工具、實(shí)用資源、案例展示，通過思維導(dǎo)出對(duì)其內(nèi)容進(jìn)行
整理如下圖所示：
因?yàn)槲覀兪抢肁xure去制作網(wǎng)站，在我們平時(shí)工作的流程常常是，原型-設(shè)計(jì)-前端-開發(fā)，而這里我們只需進(jìn)行原型和設(shè)計(jì)，這里將不再有前后關(guān)系，為了節(jié)約時(shí)間，我們可以把Axure當(dāng)做設(shè)計(jì)工具，直接進(jìn)行頁面設(shè)計(jì)，里面所需的圖片素材可以用ps輔助設(shè)計(jì)。
創(chuàng)建一個(gè)項(xiàng)目文件夾用來整理此網(wǎng)站涉及到的全部資源素材
采用的是藍(lán)色調(diào)，可以看下我的主色、輔助色的配色如下
導(dǎo)航布局如下，采用了頂部導(dǎo)航的方式，設(shè)置了動(dòng)態(tài)面板并將此轉(zhuǎn)化成母版用于多個(gè)頁面
如下圖所示，有懸停效果和點(diǎn)擊跳轉(zhuǎn)的設(shè)置
網(wǎng)址導(dǎo)航欄目的左側(cè)菜單設(shè)置，滑塊移動(dòng)位置的y坐標(biāo)按具體位置設(shè)置，每個(gè)元素都要設(shè)置
左側(cè)導(dǎo)航在滾動(dòng)時(shí)觸發(fā)具體欄目類別，采用的是熱區(qū)范圍來觸發(fā)，當(dāng)窗口滾動(dòng)時(shí)觸發(fā)相應(yīng)的類別選中
布置完畢將柵格去除（紫紅色是1200px寬度的邊界）
拿網(wǎng)址導(dǎo)航頁做示例，每個(gè)單元模塊標(biāo)題，網(wǎng)址卡片、左側(cè)導(dǎo)航的排布盡可能規(guī)范統(tǒng)一，立馬包含了各種元素的基本規(guī)范如：字體大小、顏色、寬度、懸停交互效果點(diǎn)擊跳轉(zhuǎn)效果
合理利用中繼器做頁面的數(shù)據(jù)關(guān)聯(lián)
常用工具與實(shí)用資源頁面，采用了中繼器來制作，在中繼器的微型數(shù)據(jù)表中，插入對(duì)應(yīng)字段后，關(guān)聯(lián)每項(xiàng)參數(shù)的內(nèi)容（對(duì)元件名稱進(jìn)行命名），以后增加一條數(shù)據(jù)對(duì)應(yīng)改變其內(nèi)容即可。
如下圖包含了圖片，標(biāo)簽，標(biāo)題，詳情描述幾個(gè)內(nèi)容，在中繼器中就要有相應(yīng)的字段來進(jìn)行控制
（1）我們需要一個(gè)域名，可以到阿里云萬網(wǎng)去購買https://wanwang.aliyun.com/，我選擇的域名是uedart.com的域名；
（2）我們還需要一個(gè)服務(wù)器，我選擇的是海外云虛擬機(jī)，不需要備案可以在阿里云進(jìn)行購買；
（3）都準(zhǔn)備好之后，我們要做的是按照阿里云的步驟進(jìn)行虛擬機(jī)的設(shè)置布局，下載Filezilla進(jìn)行關(guān)聯(lián)，將我們axure生成的文件進(jìn)行上傳，上傳之后，我們?cè)龠M(jìn)行域名的解析，即可通過域名對(duì)我們的網(wǎng)站進(jìn)行外網(wǎng)訪問。
可以將index和start的html刪除，復(fù)制第一個(gè)頁面的html改名成index重新上傳即可，查看我制作完畢的網(wǎng)址http://www.uedart.com/
至此通過以上5個(gè)步奏，我們利用Axure完成了一個(gè)小型網(wǎng)站設(shè)計(jì)與制作，當(dāng)然這并不是一個(gè)傳統(tǒng)意義上的網(wǎng)站開發(fā)，只是借此向大家介紹下，利用Axure的html生成，我們可以簡(jiǎn)單的處理一個(gè)網(wǎng)站的制作，如果只是個(gè)人的網(wǎng)站，且不需要過多的復(fù)雜功能，此方法足以滿足各位的需求，大家也可以利用這樣發(fā)方式來制作自己的網(wǎng)站。
謝謝大家的觀看！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
