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

來源:互聯網
上載者:User

互動原型設計軟體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,參與討論。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。