先感謝木的{moond},要不是一次提供了那么多畫原型圖的工具,我現在還在Word和Visio里面打轉呢。
這些軟件能試用的我差不多都用了一下,其中覺得Axure的RP Pro 4挺好的,功能包括站點地圖、流程設計、頁面框架設計、簡單交互設計等,可以生成HTML、Word等格式。

RP操作比用Dreamweaver簡單多了,圖片、文字、輸入框等等所有組件全是可視化操作,可以很方便的實現網站交互內容的原型設計,可將以前死板的頁面版式全部替換為有點擊、鏈接效果的網頁,nice~
同時可以為網站設計提供AJAX式的交互處理,RP提供一種動態層的組件,在同一頁設定不同狀態的效果,然后用鏈接、按鈕等觸發即可產生動態效果,這樣網站設計就變得更加生動,意圖也就更加直觀。
可惜,這么好的軟件只能試用30天,哪位兄臺要是有解決方法一定要通知我,這里先謝了~
以下對RP5的新特性做了下簡單翻譯:
Axure RP Pro 5.0增加了眾多新特性,并且著重增強了設計師間的協作、交互功能和更多的定制功能,生成也變的更快。
新功能包括:
1. 共享工程
1.1 可以在網絡驅動器上創建共享工程,而不必非安裝在服務器上
1.2 管理和便捷頁面只需要通過簡單的 check in / check out 即可
1.3 維護和瀏覽歷史版本
1.4 更多介紹
2. 交互功能的增強
2.1 OnFocus 和 OnLostFocus 事件 (更多)
2.2 使用和禁止Widgets行為
2.3 模仿在圖片上的錨點/熱區行為 (更多)
2.4 移動動態層(Dynamic Panels)行為 (更多)
2.5 在其他行為運行之前暫停當前行為
2.6 頁面間多達25個變量的儲存
3. 規范的增強
3.1 可以更快的把演示生成為Microsoft Word 2007格式(使用Microsoft Office兼容包可與Microsoft Word 2000+兼容)
3.2 有1欄和2欄布局的選項
3.3 可以更簡單的定制Word模板
3.4 有更多新選項去配置規范內容
4. 更多增強
4.1 優化Tab交互
4.2 可以選擇與主窗體分離(比如Sitemap和Widgets)
4.3 有更好的保存機制來處理關閉和重開一個文件
4.4 帶有梯度和透明設置的顏色工具
4.5 打印設置是被保存的
查看原文
同時提示一下:如果之前裝過RP4,并且有license的話,RP5可以直接使用,
是作為免費升級的,當然,你也可以只當下來看看,有30天試用
=======================================================================
互聯網行業產品經理的一項重要工作,就是進行產品原型設計(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視頻學習。
3、 登錄 Axure 博客 http://axure.com/cs/blogs/Default.aspx,了解軟件最新信息。
4、 登錄討論組http://axure.com/cs/forums/Default.aspx,參與討論。
并提供Axure RP pro 4.6版本的下載
http://www.2tan.net/LoadMod.asp?plugins=downloadForPJBlog
由于放存軟件的網絡硬盤在下載數量不多的情況下可能會刪除文件,如遇到死鏈接,可留言給我,我將重新上傳:)
(軟件僅供學習使用,反對商業用途 -_-!!!)
Name:3ddown
Serial:FiCGEezgdGoYILo8U/2MFyCWj0jZoJc/sziRRj2/ENvtEq+7w1RH97k5MWctqVHA