DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> Axure RP交互設計軟件使用教程
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則是所見即所得的網頁開發軟件,這些是設計師的看家本領,對於普通的產品經理來說,需要耗費太多的精力去掌握。

其實每件工具,每個軟件,在創造它的初期,軟件設計師們都給它賦予了性格、氣質。因為每個工具的產生,都是為了滿足人類的某一方面需求。比如鋤頭是鋤土的,起子是起螺絲的,電熨斗是燙衣服的。但是不同的工具都有自己的工作領域,在其他領域它並不擅長。而以上的軟件在創造的初期,並非為了幫助產品經理、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視頻學習。

    123下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved