Axure RP互動設計軟體使用教程

互動原型設計軟體Axure中文教程——介紹

介紹(Introduce)

互連網行業產品經理的一項重要工作，就是進行產品原型設計(Prototype Design)。而產品原型設計最基礎的工作，就是結合批註、大量的說明以及流程圖畫架構圖wireframe，將自己的產品原型完整而準確的表述給UI、UE、程式工程師，市場人員，並通過溝通會議，反覆修改prototype 直至最終確認，開始投入執行。

進行產品原型設計的軟體工具也有很多種，我寫的這個教程所介紹的Axure RP，是taobao、dangdang等國內大型網路公司的團隊在推廣使用的原型設計軟體。同時，此軟體也在產品經理圈子中廣為流傳。之所以Axure RP得到了大家的認同和推廣，正是因為其簡便的操作和使用，符合了產品經理、互動設計師們的需求。

在正式談Axure RP之前，我們先來看看做產品原型設計，現在大致有哪些工具可以使用，而他們的利弊何在。

• 紙筆：
  簡單易得，上手難度為零。有力於瞬間創意的產生與記錄，有力於對文檔即時的討論與修改。但是逼真度不高，難以表述頁面流程，更難以表述互動資訊與程式需求細節。
• Word：
  上手難度普通。可以畫wireframe，能夠畫頁面流程，能夠使用批註與文字說明。但是對互動表達不好，也不利於示範。
• PPT：
  上手難度普通。易於畫架構圖，易於做批註，也可以表達互動流程，也擅長示範。但是不利於大篇幅的文檔表達。
• Visio：
  功能相對比較複雜。善於畫流程圖，架構圖。不利於批註與大篇幅的文字說明。同樣不利於互動的表達與示範。
• Photshop/fireworks：
  操作難度相對較大，易於畫架構圖、流程圖。不利於表達互動設計，不擅長文字說明與批註。
• Dreamweave：
  操作難度大，需要基礎的html知識。易於畫架構圖、流程圖、表達互動設計。不擅長文字說明與批註。

以上這些工具，都是產品經理經常會使用到的，但是從根本上來說，這些工具都不是做prototype design的專門利器，需要根據產品開發不同的目的，不同的開發階段，選擇不同的工具搭配使用，才能達到表達、溝通的目的。

比如使用紙筆，更適合在產品創意階段使用，可以快速記錄閃電般的思路和靈感；也可以在即時討論溝通時使用，通過圖形快速表達自己的產品思路，及時的畫出來，是再好不過的方法。而word則適合在用文字詳細表達產品，對產品進行細節說明時使用，圖片結合文字的排版，是word最擅長的工作。而ppt自然是示範時更好。visio則可以適用於各種流程圖、關係圖的表達，更可通過畫use case 擷取使用者需求。PS/FW是圖片處理的工具，DW則是所見即所得 (WYSIWYG)的網頁開發軟體，這些是設計師的看家本領，對於普通的產品經理來說，需要耗費太多的精力去掌握。

其實每件工具，每個軟體，在創造它的初期，軟體設計師們都給它賦予了性格、氣質。因為每個工具的產生，都是為了滿足人類的某一方面需求。比如鋤頭是鋤土的，起子是起螺絲的，電熨鬥是燙衣服的。但是不同的工具都有自己的工作領域，在其他領域它並不擅長。而以上的軟體在創造的初期，並非為了協助產品經理、ue完成產品原型設計，因此他們都不能在prototype design 這件工作上得心應手。而Axure RP正是在互連網產品大張其道的前提下，為滿足prototype design建立的需求，應運而生。

Axure RP 能協助網站需求設計者，快捷而簡便的建立 基於目錄組織的原型文檔、功能說明、互動介面以及帶注釋的wireframe網頁，並可自動產生用於示範的網頁檔案和word文檔，以提供示範與開發。

沒錯！Axure RP 的特點是：

• 快速建立帶注釋的wireframe檔案，並可根據所設定的時間周期，軟體自動儲存文檔，確保檔案安全。
• 在不寫任何一條html與javascript語句的情況下，通過建立的文檔以及相關條件和注釋，一鍵產生html prototype示範。
• 根據設計稿，一鍵產生一致而專業的word版本的原型設計文檔。

說到這裡相信很多人已經激起了興趣，但是在開始學習之前，我認為我們還是有必要先瞭解一下軟體短短的曆史，創造這一軟體的公司—Axure Software Solutions, Inc.該公司建立於2002年五月，Axure RP是這一軟體公司的旗艦產品，2003年一月Axure RP第一版本上線發表，至今已經正式發行到了第四個版本，而我提筆寫到這裡的時候，Axure 5.0版本beta版本已經正式提供下載試用，雖然我已經下載使用，但是我想，寫教程還是應該先從穩定的4.6版說起，至於5.0版，我們可以伴隨著軟體一起成長。

接下來我會結合圖片，分幾個步驟分享我對Axure的認識，

　　一、 介面與功能
　　二、 工具列
　　三、 網站地圖
　　四、 組件與使用方法
　　五、 複用模板與使用
　　六、 互動功能與注釋
　　七、 執行個體

當然，在書寫的過程中我會根據具體的情況再進行調整，盡量做到圖文並茂，易於理解。寫這個教程的目的，一方面為自己熟悉與更加理解Axure，另一方面也鞭策自己完善自己的blog網站www.2tan.net，同時也希望以自己的綿薄之力，為希望學習Axure的朋友分享一點經驗。由於這是我第一次嘗試寫教程，難免會出現偏頗，也希望朋友們能夠不吝賜教，共同進步。

為e文好的朋友附上自學Axure RP的幾個途徑：

1. 開啟軟體，按F1調取協助文檔，對照文檔學習。
2. 登入http://www.axure.com/au-home.aspx 查看flash視頻學習。
3. 登入 Axure 部落格 http://axure.com/cs/blogs/Default.aspx，瞭解軟體最新資訊。
4. 登入討論群組http://axure.com/cs/forums/Default.aspx，參與討論。