1、Axure RP Pro 5.6 教程 目錄TOC o 1-1 h u HYPERLINK l _Toc22641 （一）Axxuree介紹 PAGEREF _Toc22641 2 HYPERLINK l _Toc26779 （二）界面面與功能能 PAGEREF _Toc26779 4 HYPERLINK l _Toc5457 （三）文檔檔管理7 HYPERLINK l _Toc19006 （四）模板板復(fù)用 PAGEREF _Toc19006 11 HYPERLINK l _Toc16948 （五）wiidgeets工工具-上上 PAGEREF _Toc16948 14 HYPERLINK l

2、 _Toc32335 （六）wiidgeets工工具-下下 PAGEREF _Toc32335 17 HYPERLINK l _Toc25979 （七）注釋釋annnotaatioons18 HYPERLINK l _Toc1835 （八）交互互intteraactiionss（上） PAGEREF _Toc1835 25 HYPERLINK l _Toc24431 （九）交互互intteraactiionss（中）29 HYPERLINK l _Toc24431 （十）交互互intteraactiionss（下） PAGEREF _Toc24431 33（一）Axxuree介紹互聯(lián)網(wǎng)行業(yè)業(yè)產(chǎn)

3、品經(jīng)經(jīng)理的一一項(xiàng)重要要工作，就就是進(jìn)行行產(chǎn)品原原型設(shè)計(jì)計(jì)(Prrotootyppe DDesiign)。而產(chǎn)產(chǎn)品原型型設(shè)計(jì)最最基礎(chǔ)的的工作，就就是結(jié)合合批注、大大量的說(shuō)說(shuō)明以及及流程圖圖畫框架架圖wiirefframme，將將自己的的產(chǎn)品原原型完整整而準(zhǔn)確確的表述述給 UUI、UUE、程程序工程程師，市市場(chǎng)人員員，并通通過(guò)溝通通會(huì)議，反反復(fù)修改改prootottypee 直至至最終確確認(rèn)，開開始投入入執(zhí)行。進(jìn)行產(chǎn)品原原型設(shè)計(jì)計(jì)的軟件件工具也也有很多多種，我我寫的這這個(gè)教程程所介紹紹的Axxuree RPP，是ttaobbao、ddanggdanng等國(guó)國(guó)內(nèi)大型型網(wǎng)絡(luò)公公司的團(tuán)團(tuán)隊(duì)在推推廣使用用

4、的原型型設(shè)計(jì)軟軟件。同同時(shí)，此此軟件也也在產(chǎn)品品經(jīng)理圈圈子中廣廣為流傳傳。之所所以Axxuree RPP得到了了大家的的認(rèn)同和和推廣，正正是因?yàn)闉槠浜?jiǎn)便便的操作作和使用用，符合合了產(chǎn)品品經(jīng)理、交交互設(shè)計(jì)計(jì)師們的的需求。在正式談AAxurre RRP之前前，我們們先來(lái)看看看做產(chǎn)產(chǎn)品原型型設(shè)計(jì)，現(xiàn)現(xiàn)在大致致有哪些些工具可可以使用用，而他他們的利利弊何在在。紙筆筆：簡(jiǎn)單單易得，上上手難度度為零。有有力于瞬瞬間創(chuàng)意意的產(chǎn)生生與記錄錄，有力力于對(duì)文文檔即時(shí)時(shí)的討論論與修改改。但是是保真度度不高，難難以表述述頁(yè)面流流程，更更難以表表述交互互信息與與程序需需求細(xì)節(jié)節(jié)。Woord：上手難難度普通通。可以以畫w

5、iirefframme，能能夠畫頁(yè)頁(yè)面流程程，能夠夠使用批批注與文文字說(shuō)明明。但是是對(duì)交互互表達(dá)不不好，也也不利于于演示。PPT：上手難度普通。易于畫框架圖，易于做批注，也可以表達(dá)交互流程，也擅長(zhǎng)演示。但是不利于大篇幅的文檔表達(dá)。Visio：功能相對(duì)比較復(fù)雜。善于畫流程圖，框架圖。不利于批注與大篇幅的文字說(shuō)明。同樣不利于交互的表達(dá)與演示。Photshop/fireworks：操作難度相對(duì)較大，易于畫框架圖、流程圖。不利于表達(dá)交互設(shè)計(jì)，不擅長(zhǎng)文字說(shuō)明與批注。Dreamweave：操作難度大，需要基礎(chǔ)的html知識(shí)。易于畫框架圖、流程圖、表達(dá)交互設(shè)計(jì)。不擅長(zhǎng)文字說(shuō)明與批注。以上這些工工具，都都是產(chǎn)

6、品品經(jīng)理經(jīng)經(jīng)常會(huì)使使用到的的，但是是從根本本上來(lái)說(shuō)說(shuō)，這些些工具都都不是做做prootottypee deesiggn的專專門利器器，需要要根據(jù)產(chǎn)產(chǎn)品開發(fā)發(fā)不同的的目的，不不同的開開發(fā)階段段，選擇擇不同的的工具搭搭配使用用，才能能達(dá)到表表達(dá)、溝溝通的目目的。比如使用紙紙筆，更更適合在在產(chǎn)品創(chuàng)創(chuàng)意階段段使用，可可以快速速記錄閃閃電般的的思路和和靈感；也可以以在即時(shí)時(shí)討論溝溝通時(shí)使使用，通通過(guò)圖形形快速表表達(dá)自己己的產(chǎn)品品思路，及及時(shí)的 畫出來(lái)來(lái)，是再再好不過(guò)過(guò)的方法法。而wwordd則適合合在用文文字詳細(xì)細(xì)表達(dá)產(chǎn)產(chǎn)品，對(duì)對(duì)產(chǎn)品進(jìn)進(jìn)行細(xì)節(jié)節(jié)說(shuō)明時(shí)時(shí)使用，圖圖片結(jié)合合文字的的排版，是是worrd最擅

7、擅長(zhǎng)的工工作。而而pptt自 然然是演示示時(shí)更好好。viisioo則可以以適用于于各種流流程圖、關(guān)關(guān)系圖的的表達(dá)，更更可通過(guò)過(guò)畫usse ccasee 獲取取用戶需需求。PPS/FFW是圖圖片處理理的工具具，DWW則是所所見(jiàn)即所所得的網(wǎng)網(wǎng)頁(yè)開發(fā)發(fā)軟件，這這些是設(shè)設(shè)計(jì)師的的看家本本領(lǐng)，對(duì)對(duì)于普通通的產(chǎn)品品經(jīng)理來(lái)來(lái)說(shuō)，需需要耗費(fèi)費(fèi)太多的的精力去去 掌握握。其實(shí)每件工工具，每每個(gè)軟件件，在創(chuàng)創(chuàng)造它的的初期，軟軟件設(shè)計(jì)計(jì)師們都都給它賦賦予了性性格、氣氣質(zhì)。因因?yàn)槊總€(gè)個(gè)工具的的產(chǎn)生，都都是為了了滿足人人類的某某一方面面需求。比比如鋤頭頭是 鋤鋤土的，起起子是起起螺絲的的，電熨熨斗是燙燙衣服的的。但是是不

8、同的的工具都都有自己己的工作作領(lǐng)域，在在其他領(lǐng)領(lǐng)域它并并不擅長(zhǎng)長(zhǎng)。而以以上的軟軟件在創(chuàng)創(chuàng)造的初初期，并并非為了了幫助產(chǎn)產(chǎn)品經(jīng) 理、uue完成成產(chǎn)品原原型設(shè)計(jì)計(jì)，因此此他們都都不能在在prootottypee deesiggn 這這件工作作上得心心應(yīng)手。而而Axuure RP正正是在互互聯(lián)網(wǎng)產(chǎn)產(chǎn)品大張張其道的的前提下下，為滿滿足prrotootyppe ddesiign創(chuàng)創(chuàng)建的需需求，應(yīng)應(yīng)運(yùn)而生生。Axuree RPP 能幫幫助網(wǎng)站站需求設(shè)設(shè)計(jì)者，快快捷而簡(jiǎn)簡(jiǎn)便的創(chuàng)創(chuàng)建 基基于目錄錄組織的的原型文文檔、功功能說(shuō)明明、交互互界面以以及帶注注釋的wwireefraame網(wǎng)網(wǎng)頁(yè)，并并可自動(dòng)動(dòng)生成用用于

9、演示示的網(wǎng)頁(yè)頁(yè)文件和和worrd文檔檔，以提提供演示示與開發(fā)發(fā)。沒(méi)錯(cuò)！Axxuree RPP 的特特點(diǎn)是：快速創(chuàng)建帶帶注釋的的wirrefrramee文件，并并可根據(jù)據(jù)所設(shè)置置的時(shí)間間周期，軟軟件自動(dòng)動(dòng)保存文文檔，確確保文件件安全。在不寫任何何一條hhtmll與jaavasscriipt語(yǔ)語(yǔ)句的情情況下，通通過(guò)創(chuàng)建建的文檔檔以及相相關(guān)條件件和注釋釋，一鍵鍵生成hhtmll prrotootyppe演示示。根據(jù)設(shè)計(jì)稿稿，一鍵鍵生成一一致而專專業(yè)的wwordd版本的的原型設(shè)設(shè)計(jì)文檔檔。說(shuō)到這里相相信很多多人已經(jīng)經(jīng)激起了了興趣，但但是在開開始學(xué)習(xí)習(xí)之前，我我認(rèn)為我我們還是是有必要要先了解解一下軟軟件

10、短短短的歷史史，創(chuàng)造造這一軟軟件的公公司AAxurre SSofttwarre SSoluutioons, Innc.該該公司創(chuàng)創(chuàng)建于220022年五月月，Axxuree RPP是這一一軟件公公司的旗旗艦產(chǎn)品品，20003年年一月AAxurre RRP第一一版本上上線發(fā)表表，至今今已經(jīng)正正式發(fā)行行到了第第四個(gè)版版本，而而我提筆筆寫到這這里的時(shí)時(shí)候，AAxurre 55.0版版本beeta版版本已經(jīng)經(jīng)正式提提供下載載試用，雖雖然我已已經(jīng)下載載使用，但但是我想想，寫教教程還是是應(yīng)該先先從穩(wěn)定定的4.6版說(shuō)說(shuō)起，至至于5.0版，我我們可以以伴隨著著軟件 一起成成長(zhǎng)。接下來(lái)我會(huì)會(huì)結(jié)合圖圖片，分分幾個(gè)步

11、步驟分享享我對(duì)AAxurre的認(rèn)認(rèn)識(shí)，一一、 界界面與功功能二、 工具欄欄三、 站點(diǎn)地地圖四、 組件與與使用方方法五、 復(fù)用模模板與使使用六、 交互功功能與注注釋七、 實(shí)例當(dāng)然，在書書寫的過(guò)過(guò)程中我我會(huì)根據(jù)據(jù)具體的的情況再再進(jìn)行調(diào)調(diào)整，盡盡量做到到圖文并并茂，易易于理解解。寫這這個(gè)教程程的目的的，一方方面為自自己熟悉悉與更加加理解AAxurre，另另一方面面也鞭策策自己完完善自己己的bllog網(wǎng)網(wǎng)站 HYPERLINK ，同同時(shí)也希希望以自自己的綿綿薄之力力，為希希望學(xué)習(xí)習(xí)Axuure的的朋友分分享一點(diǎn)點(diǎn)經(jīng)驗(yàn)。由由于這是是我第一一次嘗試試寫教程程，難免免會(huì)出現(xiàn)現(xiàn)偏頗，也也希望朋朋友們能能夠不吝

12、吝賜教，共共同進(jìn)步步。另，為e文文好的朋朋友附上上自學(xué)AAxurre RRP的幾幾個(gè)途徑徑：1、 打開軟軟件，按按F1調(diào)調(diào)取幫助助文檔，對(duì)對(duì)照文檔檔學(xué)習(xí)。2、 登錄 HYPERLINK om/au-home.aspx 查看flash視頻學(xué)習(xí)。3、 登錄 Axure 博客 HYPERLINK ，了解軟件最新信息。4、 登錄討論組 HYPERLINK ，參與討論。 并提供Axxuree RPP prro 44.6版版本的下下載 HYPERLINK （二）界面面與功能能不論學(xué)習(xí)什什么，打打基礎(chǔ)是是很重要要的。關(guān)關(guān)于基礎(chǔ)礎(chǔ)練習(xí)，我我印象最最深的故故事是王王羲之練練習(xí)書法法的故事事，將一一池水染染黑，需

13、需要怎樣樣的毅力力？再有有就是達(dá)達(dá)芬奇與與雞蛋的的故事， 一個(gè)簡(jiǎn)簡(jiǎn)單的雞雞蛋，達(dá)達(dá)芬奇畫畫了無(wú)數(shù)數(shù)次。我我相信正正是他們們的一步步一個(gè)腳腳印，才才讓他們們有了后后來(lái)偉大大的成就就。故事事老套，道道理淺顯顯，可是是我認(rèn)為為很重要要。學(xué)習(xí)習(xí)軟件，應(yīng)應(yīng)該先熟熟悉每個(gè)個(gè)面板，每每個(gè)基礎(chǔ)礎(chǔ)功能，才才能夠真真正談到到運(yùn)用。所所以我的的學(xué)習(xí)方方法是了了解軟件件的基礎(chǔ)礎(chǔ)功能開開始。一一、歡迎迎界面與與功能運(yùn)行Axuure RP后后，首先先彈出的的是歡迎迎界面，它它擁有的的功能和和其他軟軟件的歡歡迎界面面沒(méi)有什什么特別別的不同同。功能能區(qū)1：文檔區(qū)區(qū)，這個(gè)個(gè)區(qū)域顯顯示用戶戶最近打打開的AAxurre RRP文件

14、件，用戶戶可以快快捷的打打開之前前編輯的的文件。同同時(shí)也提提供快捷捷按鈕，可可以創(chuàng)建建新文檔檔與打開開Axuure RP默默認(rèn)文件件夾。功功能區(qū)22：認(rèn)證證區(qū)，這這個(gè)區(qū)域域顯示注注冊(cè)信息息。 已已經(jīng)注冊(cè)冊(cè)的用戶戶，顯示示注冊(cè)者者名稱，與與已經(jīng)獲獲得認(rèn)證證的圖標(biāo)標(biāo)。 未未注冊(cè)用用戶，顯顯示注冊(cè)冊(cè)鏈接，引引導(dǎo)用戶戶完成注注冊(cè)注冊(cè)冊(cè)。功能能區(qū)3：Axuure RP學(xué)學(xué)習(xí)中心心。主要要包括在在線學(xué)習(xí)習(xí)、幫助助文檔、問(wèn)問(wèn)題反饋饋三個(gè)環(huán)環(huán)節(jié)。 a、在在線學(xué)習(xí)習(xí)提供了了三個(gè)鏈鏈接： viddeo tuttoriial：點(diǎn)擊后后進(jìn)入視視頻學(xué)習(xí)習(xí)中心，可可以通過(guò)過(guò)觀看相相關(guān)的fflassh教程程學(xué)習(xí)AAxurr

15、e RRP，不不過(guò)都是是e文解解說(shuō)。 onllinee coommuunitty：進(jìn)進(jìn)入Axxuree RPP的官方方討論組組，在線線討論學(xué)學(xué)習(xí)。 Axuure bloog：進(jìn)進(jìn)入Axxuree的官方方論壇，了了解最新新資訊。 b、幫助文檔也提供了兩個(gè)鏈接，但是其實(shí)起到的是一樣的效果，都是打開幫助文檔，只是跳往不同的章節(jié)罷了。 c、問(wèn)題反饋，通過(guò)點(diǎn)擊鏈接可以發(fā)郵件到support，以尋求獲得幫助。在歡迎界面中，Axure還提醒用戶，用4.6高版本的軟件創(chuàng)建保存的Axure文件，無(wú)法用以前的低版本查看。同時(shí)，如果我們不希望下次打開軟件再看到這個(gè)面板，我們可以通過(guò)選擇“Dont show this

16、 at startup”實(shí)現(xiàn)。二、軟件主界面與功能關(guān)閉歡迎界界面后，我我們進(jìn)入入軟件的的主界面面，淡藍(lán)藍(lán)色調(diào)的的ui，并并不是很很張揚(yáng)。功能區(qū)1：命令區(qū)，和我們操作的所有office軟件一樣，包含文件、編輯、查看和幫助，這些功能大抵是差不多的。table也很容易理解，就是對(duì)表格編輯的命令。而Axure特有的幾個(gè)特殊的命令欄目是 a、wireframe：線框，包含所有畫原型線框圖的相關(guān)命令。 b、object：包含所有對(duì)工作區(qū)物體的操作命令，操作放入工作區(qū)的所有widgets，包括組合、排序、鎖定以及腳注命令等。 c、generate：自動(dòng)生成html演示文件、word說(shuō)明文檔，以及對(duì)生成規(guī)則進(jìn)

17、行自行編輯、定義。功能區(qū)2：工具欄，基本和office風(fēng)格一模一樣，功能也很容易上手。功能區(qū)3：工作區(qū)，這就是我們平常操作工具，創(chuàng)建prototype的舞臺(tái)，將自己的構(gòu)思在這里釋放，將自己的想法在這里展現(xiàn)。 工作區(qū)的上部顯示打開的文件名，可同時(shí)打開多文檔，進(jìn)行操作。功能區(qū)4：站點(diǎn)地圖，Axsure RP創(chuàng)建的文件是模擬真實(shí)網(wǎng)站頁(yè)面關(guān)系的，sitemap就是通過(guò)樹形目錄關(guān)系，管理所有的站點(diǎn)頁(yè)面文件與流程圖文件。科學(xué)的文件關(guān)系結(jié)構(gòu)，對(duì)有效的演示文檔與生成易讀的說(shuō)明文檔相當(dāng)重要。 我的操作習(xí)慣是先畫流程圖，然后根據(jù)流程圖構(gòu)建頁(yè)面文件框架，最后才開始頁(yè)面的具體設(shè)置。期間可以將文件分為L(zhǎng)OFI（低保真）

18、與HIFI（高保真）兩個(gè)部分進(jìn)行分別展示，有利于不同的需求者使用。功能區(qū)5：器具箱，囤積了所有用來(lái)畫wireframe與流程圖的對(duì)象。我們可以通過(guò)拖拽的方式將小圖形放入工作區(qū)，進(jìn)行操作。對(duì)于這里面的對(duì)象，我們有必要一一詳細(xì)了解。功能區(qū)6：復(fù) 用模塊區(qū)，這里創(chuàng)建的頁(yè)面文件和sitemap的頁(yè)面相似，唯一不同的是，master的每個(gè)文件，可以當(dāng)作一個(gè)整體，被sitemap反復(fù)調(diào)用。這個(gè)功 能就相當(dāng)于程序開發(fā)中的程序復(fù)用，用好這個(gè)功能，可以減少我們很大一部的工作量。也更容易理解網(wǎng)頁(yè)文件的關(guān)系，了解網(wǎng)頁(yè)設(shè)計(jì)師、程序員是怎么構(gòu)建網(wǎng)站的頁(yè) 面的。功能區(qū)7：頁(yè)面筆記，用來(lái)對(duì)當(dāng)前創(chuàng)作頁(yè)面進(jìn)行注釋與說(shuō)明。同時(shí)可

19、以在這里對(duì)頁(yè)面里的關(guān)鍵字段和特殊問(wèn)題進(jìn)行詳細(xì)的描述。功能區(qū)8：頁(yè)面載入時(shí)的交互功能。通過(guò)在這里設(shè)置，不同條件下，頁(yè)面初次打開時(shí)的狀況。功能區(qū)9：注釋與交互區(qū)。這個(gè)注釋和交互和7、8不同，7、8針對(duì)的是頁(yè)面，而9針對(duì)的是頁(yè)面中的元素，也就是一個(gè)個(gè)widgets。 功能區(qū)的上面部分設(shè)置交互條件。通過(guò)鼠標(biāo)點(diǎn)擊、滑入、滑出，設(shè)置觸發(fā)的事件，與對(duì)應(yīng)widgets相應(yīng)的變化。這一部分對(duì)沒(méi)有程序基礎(chǔ)的人可能會(huì)有一點(diǎn)難度，我稍后會(huì)做詳細(xì)解釋。 功能區(qū)的下面部分是注釋部分，用戶可以對(duì)選定的對(duì)象進(jìn)行詳細(xì)的注釋。Axure已經(jīng)設(shè)置了幾個(gè)默認(rèn)的注釋字段，但是其實(shí)這些默認(rèn)的注釋字段，大家完全可以不使用，因?yàn)樗赡芎湍阋?/p>

20、說(shuō)明的東西風(fēng)馬牛不相及。 那 么該怎么辦呢？Axure提供了自主設(shè)置字段，只要你自己設(shè)置好自己常用的字段，然后按照自己的習(xí)慣編寫就可以了。比如說(shuō)你要說(shuō)明對(duì)象的功能、優(yōu)先級(jí)、參 數(shù)，那么你在設(shè)置中加入這三個(gè)字段就好了。Axure最大的優(yōu)勢(shì)就是你設(shè)置的這些注釋，在生成說(shuō)明文檔時(shí)，Axure自動(dòng)幫你生成PRD規(guī)格的表格文檔， 你可以省去相當(dāng)大的編號(hào)工作，與文檔工作。這些我在之后也會(huì)做說(shuō)明。這些就是Axure的主要功能區(qū)，但是其實(shí)還有兩個(gè)小的角落大家可能會(huì)忽略，那就是6、7、8區(qū)下面的一行系統(tǒng)信息，這里顯示的信息很重要， 但是一般人卻經(jīng)常會(huì)忽視。我只所以說(shuō)重要，因?yàn)槲覀冊(cè)诮oui設(shè)計(jì)師wireframe

21、的時(shí)候他們總會(huì)問(wèn)，這里多少像素，那里多少像素，可是我們?cè)诋?wireframe的時(shí)候卻無(wú)法度量。Axure創(chuàng)建的wireframe，完全可以生成html，因此我們可以在畫的時(shí)候就度量好每個(gè)像素距離。但是我 們要怎么做呢？這就需要利用到下面這行小信息欄了。信息欄左邊顯示的是文檔保存情況。而右邊呢，當(dāng)你將一個(gè)widgets放入工作區(qū)，并 選擇這個(gè)widget時(shí)，這里就有用了，它顯示的是你所選擇widget的高寬，以及距離頁(yè)面頂部和左邊的px距離。通過(guò)使用上下左右鍵，結(jié)合這個(gè)信息 欄，你可以一步一步將它移動(dòng)到你想去的地方。有意思吧？好了，今天先寫到這里，寫到快3點(diǎn)了，今天真是有點(diǎn)投入了，要上床睡覺(jué)了

22、，支持不住呀。接下來(lái)，我將根據(jù)不同的工作區(qū)，來(lái)詳細(xì)解說(shuō)功能了。寫得不清楚的，可以問(wèn)；寫得不對(duì)的，可以提，我會(huì)盡力做好工作！ （三）文檔檔管理開章要說(shuō)的的是文檔檔管理。文文檔管理理看似簡(jiǎn)簡(jiǎn)單，但但是這是是從操作作功能上上來(lái)說(shuō)的的，而我我在說(shuō)功功能上的的時(shí)候，想想把我對(duì)對(duì)文檔管管理的理理解也一一并說(shuō)一一下。文文檔管理理的目的的，其實(shí)實(shí)是為了了有一個(gè)個(gè)清晰的的產(chǎn)品思思路。剛剛開始工工作的時(shí)時(shí)候，我我發(fā)現(xiàn)很很多剛從從學(xué)校出出來(lái)的朋朋友對(duì)文文檔的命命名與放放置都是是隨心所所欲的，我我也不例例外。沒(méi)沒(méi)有好 的整理理習(xí)慣，這這直接導(dǎo)導(dǎo)致每次次尋找先先前的文文檔都要要花費(fèi)相相當(dāng)長(zhǎng)的的時(shí)間，甚甚至不小小心誤刪刪

23、，如果果恰好有有事請(qǐng)假假，別的的同事也也無(wú)法接接手工作作。所以以，做一一個(gè)prrotootyppe需要要首先構(gòu)構(gòu)建一個(gè)個(gè)清晰的的文檔關(guān)關(guān)系，這這樣一方方面能夠夠讓自己己清楚文文件關(guān)系系與位置置，更主主要的是是讓開發(fā)發(fā)者與接接受者能能清晰理理解你的的思路，生生成更合合理的產(chǎn)產(chǎn)品說(shuō)明明worrd文檔檔。Axxuree RPP的siitemmap，與與winndowws的樹樹形目錄錄相似，是是以父子子關(guān)系構(gòu)構(gòu)建頁(yè)面面關(guān)系的的，每個(gè)個(gè)頁(yè)面既既可以是是一個(gè)頁(yè)頁(yè)面paage，也也可以是是一個(gè)流流程圖ffloww。一、工工具功能能條1、增加一一個(gè)子頁(yè)頁(yè)面：為為所選擇擇的頁(yè)面面創(chuàng)建一一個(gè)子頁(yè)頁(yè)面。22、頁(yè)面面

24、上移：同等級(jí)級(jí)的頁(yè)面面中，將將所選頁(yè)頁(yè)面的上上下排列列次序，上上移一個(gè)個(gè)位置。3、頁(yè)面下移：同等級(jí)的頁(yè)面中，將所選頁(yè)面的上下排列次序，下移一個(gè)位置。4、頁(yè)面降序：將所選頁(yè)面等級(jí)降序，作為原等級(jí)中，排列在所選頁(yè)面上方之頁(yè)面的子頁(yè)面。5、頁(yè)面升序：將所選頁(yè)面等級(jí)升序，將所選頁(yè)面的頁(yè)面等級(jí)，升序?yàn)楦疙?yè)面的同等級(jí)頁(yè)面。6、刪除頁(yè)面：將所選頁(yè)面刪除，同時(shí)刪除其子頁(yè)面。7、編輯頁(yè)面：在工作區(qū)打開所選擇頁(yè)面，進(jìn)行編輯。二、右鍵增加為鼠標(biāo)右擊文件所顯示命令，下同。1、增加一一個(gè)子頁(yè)頁(yè)面：同同 一，11。（表表示和第第一大點(diǎn)點(diǎn)，第11小點(diǎn)功功能相同同，以下下同此）2、在所選頁(yè)面之上增加一個(gè)同等級(jí)頁(yè)面。3、在所選

25、頁(yè)面之下增加一個(gè)同等級(jí)頁(yè)面。三、右鍵移動(dòng)1、頁(yè)面上上移：同同一，22。2、頁(yè)頁(yè)面下移移：同一一，3。3、頁(yè)面降序：同一，4。4、頁(yè)面升序：同一，5。四、右鍵復(fù)制1、復(fù)制頁(yè)頁(yè)面：復(fù)復(fù)制所選選頁(yè)面，作作為同級(jí)級(jí)頁(yè)面顯顯示在所所選頁(yè)面面下方。不不包含所所選頁(yè)面面子頁(yè)面面。2、復(fù)復(fù)制分支支：復(fù)制制所選頁(yè)頁(yè)面以及及子頁(yè)面面，作為為同級(jí)分分支顯示示在所選選頁(yè)面分分支下方方。五、右右鍵頁(yè)頁(yè)面類型型1、wirrefrramee：頁(yè)面面類型定定為線框框圖，文文件圖標(biāo)標(biāo)顯示頁(yè)頁(yè)面圖標(biāo)標(biāo)。2、ffloww：頁(yè)面面類型定定位流程程圖，文文件圖標(biāo)標(biāo)顯示流流程圖標(biāo)標(biāo)。六、右右鍵其其他1、刪除頁(yè)頁(yè)面：同同一、66。2、重重

26、命名頁(yè)頁(yè)面：為為所選頁(yè)頁(yè)面重命命名。33、編輯輯頁(yè)面：同一、77。4、生生成流程程表：將將所選頁(yè)頁(yè)面以及及其子頁(yè)頁(yè)面關(guān)系系，生成成流程圖圖。生產(chǎn)產(chǎn)圖有兩兩種頁(yè)面面布局方方式可選選。 標(biāo)準(zhǔn)準(zhǔn)模式，頁(yè)頁(yè)面按照照父子關(guān)關(guān)系從上上自下排排列；階階梯模式式，頁(yè)面面按照父父子關(guān)系系從左上上至右下下，以階階梯方式式進(jìn)行排排列。55、復(fù)制制頁(yè)面鏈鏈接到剪剪切板。以上就是sitemap所有命令，其實(shí)這些命令都很簡(jiǎn)單，也很容易理解，關(guān)鍵在于怎么去使用。由于頁(yè)面有兩種類型，wireframe與flow，所以要善于用這兩種標(biāo)記頁(yè)面，從而讓人理解你的意圖。我總結(jié)大致這兩種標(biāo)記可以如下利用。flow圖為父頁(yè)面，wiref

27、rame圖為子頁(yè)面：先畫流程圖，然后根據(jù)流程圖構(gòu)建頁(yè)面關(guān)系。這樣在流程圖的指引下結(jié)構(gòu)頁(yè)面關(guān)系，可以更清晰的理解頁(yè)面框架。wireframe為父頁(yè)面，flow為子頁(yè)面：為頁(yè)面線框圖中的特殊部分做流程解釋。可以對(duì)頁(yè)面的細(xì)節(jié)部分進(jìn)行詳盡的解釋。當(dāng)然，這兩種結(jié)構(gòu)方式要活學(xué)活用，在復(fù)雜的產(chǎn)品頁(yè)面結(jié)構(gòu)中，他們完全是你中有我，我中有你的。 （四）模板板復(fù)用masteers和和sittemaap面板板很相似似，文檔檔操作也也一樣，它它們的本本質(zhì)區(qū)別別是，ssiteemapp里的文文件是最最終展示示頁(yè)面，mmastterss里的文文件卻只只是一個(gè)個(gè)模塊，是是頁(yè)面的的一個(gè)部部分。mmastterss的英文文直譯是

28、是主人或或雇主，但但是我認(rèn)認(rèn)為這里里可以叫叫做模板板，或者者復(fù)用模模塊。mmastterss的文件件，是頁(yè)頁(yè)面中重重復(fù)的模模塊，由由于在不不同頁(yè)面面中這些些模塊是是一樣的的，所以以拿出來(lái)來(lái)作為一一個(gè)模塊塊編輯，然然后在不不同頁(yè)面面中進(jìn)行行調(diào)用。這 個(gè)功能類似于網(wǎng)頁(yè)程序開發(fā)中的程序復(fù)用，不同頁(yè)面中調(diào)用同一段程序，一般把這段程序單獨(dú)做成一段頁(yè)面程序，然后用include命令進(jìn)行調(diào)用。 master的文件就相當(dāng)于這段被調(diào)用的頁(yè)面程序。dreamweaver也有類似的功能，就是template，可以參照理解。一、功能條master的功能條功能基本和sitemap一模一樣，功能也基本一樣。唯一不同的是m

29、aster可以創(chuàng)建文件夾，可以通過(guò)文件夾收納不同的文件，因此唯一不同的就是第一個(gè)功能按鈕，功能作用是增加一個(gè)文件夾。二、右鍵單擊文檔增加增加功能的的功能模模塊功能能除了增增加文件件夾其他他和siitemmap相相同，大大家可以以參考教教程三中中的二大大條。而而massterrs的文文檔組織織結(jié)構(gòu)主主要依靠靠文件夾夾完成，頁(yè)頁(yè)面文件件之間不不存在父父子關(guān)系系。這是是文檔操操作與組組織中與與sittemaap的最最大不同同。三、右右鍵單擊擊文檔移動(dòng)動(dòng)文件移動(dòng)功功能基本本上也和和sittemaap完全全相同，但但是父子子關(guān)系的的文檔移移動(dòng)是文文件相對(duì)對(duì)于文件件夾完成成，而不不是相對(duì)對(duì)于文件件進(jìn)行。功

30、能，基本上也可以參考教程三的第三點(diǎn)。四、右鍵單擊文件文件身份“行為”behavviorr是行為為的意思思，這個(gè)個(gè)功能是是axuure升升級(jí)到44版本后后加入的的，是針針對(duì)maasteer的不不同使用用情況而而添加的的一個(gè)功功能，也也是要重重點(diǎn)介紹紹的功能能。1、nnormmal：普通文文件。就就是一般般的復(fù)用用文件。是是默認(rèn)創(chuàng)創(chuàng)建的復(fù)復(fù)用文件件。2、pplacce iin bbackkgrooundd：定位位的復(fù)用用模板，這這類模板板的特點(diǎn)點(diǎn)是定位位于頁(yè)面面的底層層，并且且鎖定模模板中的的widdgetts在他他原來(lái)創(chuàng)創(chuàng)建的位位置。這這類復(fù)用用模塊主主要用于于創(chuàng)建hheadd、fooot、側(cè)側(cè)

31、邊欄等等明確定定位的復(fù)復(fù)用模塊塊。3、ccusttom widdgetts bbehaavioor：自自定義模模塊。這這類模塊塊就類似似于自創(chuàng)創(chuàng)了一個(gè)個(gè)widdgetts。這這類模塊塊與其他他類型的的復(fù)用模模塊的不不同在于于，其他他模塊與與復(fù)用到到頁(yè)面的的模塊是是完全相相同的，模模塊的功功能設(shè)置置是什么么，功能能說(shuō)明是是什么，頁(yè)頁(yè)面中的的模塊設(shè)設(shè)置和功功能說(shuō)明明就是什什么。而而自定義義模塊與與頁(yè)面中中被復(fù)用用的模塊塊是母子子關(guān)系。自自定義模模塊只決決定了模模塊的功功能和位位置，但但是進(jìn)入入到特定定的頁(yè)面面中，模模塊中的的各自部部分的說(shuō)說(shuō)明和功功能可以以重新定定義。充充分理解解三種不不同類型型的

32、復(fù)用用模塊的的區(qū)別，根根據(jù)不同同環(huán)境有有效的選選擇，也也是非常常重要的的。四、右右鍵單擊擊文件其他他1、2、33功能都都是文檔檔文檔操操作功能能，和ssiteemapp一樣，分分別是刪刪除、重重命名和和編輯mmastter。4、5功能是對(duì)應(yīng)的。前者是將所選模板文件批量運(yùn)用于頁(yè)面，后者是將所選模板文件，批量從頁(yè)面中去除。通過(guò)選擇此功能，會(huì)彈出sitemap文件的樹形目錄，你可以通過(guò)選擇需要添加模板的頁(yè)面，從而完成模板使用或移除。check all：選擇所有頁(yè)面uncheck all：所有頁(yè)面都不選擇check all children：選擇所選頁(yè)面以及其所有子頁(yè)面uncheck all chil

33、dren：不選擇所選頁(yè)面以及其所有字頁(yè)面在4中有特殊的position設(shè)置和options命令，position中有兩個(gè)命令place in blackground：將文件至于頁(yè)面背景specify location：是特殊定位，可以通過(guò)設(shè)置距離左側(cè)和上邊的距離，來(lái)將模板文件放入特定的位置。options里的多選框的意思是“只有頁(yè)面中沒(méi)有此模板時(shí)才置入”，默認(rèn)是選擇的。如果不選擇而置入頁(yè)面，就會(huì)出現(xiàn)如果頁(yè)面中已經(jīng)有模板，模板被再次置入的情況。當(dāng)然如果有特殊需要的模塊，就可以這么使用了。6、usage report：使用報(bào)告，點(diǎn)擊后彈出面板，顯示所有使用了此復(fù)用模板的列表，顯示的是文件名稱，通過(guò)

34、雙擊文件名，可以在工作區(qū)打開，直接編輯。（五）wiidgeets工工具-上上Axuree RPP的wiidgeets工工具欄，就就是我們們用來(lái)畫畫線框圖圖wirrefrramee、流程程圖fllow的的工具，也也可以說(shuō)說(shuō)是組成成我們最最終輸出出圖表的的零件。好好比我們們小時(shí)候候玩 的的組裝積積木，這這些工具具就是組組裝積木木里的一一個(gè)個(gè)小小部件，組組成什么么？組合合得怎樣樣？完全全依靠個(gè)個(gè)人的經(jīng)經(jīng)驗(yàn)和智智慧。因因此，熟熟悉每一一個(gè)工具具的用法法和用途途，才能能隨心所所欲 的的畫出腦腦海中的的圖形。Widgets工具欄，下分兩類工具：wireframe線框圖工具：基本上對(duì)應(yīng)著web頁(yè)面中的各種圖

35、形。針對(duì)頁(yè)面中交互行為的表達(dá)，Axure RP專門增加了image map region 圖像映射區(qū)、dynamic panel動(dòng)態(tài)面版、menu（vertical/horizontal）水平/垂直菜單等幾個(gè)特殊的工具。Flow工具：流程圖所需的基本圖形框架。我們先談wireframe線框圖工具。學(xué)習(xí)這部分工具，如果事先有html基礎(chǔ)，或者對(duì)web頁(yè)面元素有比較充分的理解，就很容易入手。以下我根據(jù)圖片中的編碼，依次講解。1、imaage圖圖片：給給wirrefrramee中插入入一個(gè)圖圖片站位位，也可可以直接接置入真真實(shí)的圖圖片。22、teext pannel文文本：插插入文本本。相當(dāng)當(dāng)于插入

36、入了一個(gè)個(gè)標(biāo)標(biāo)簽。是是不帶鏈鏈接的文文本。但但是其實(shí)實(shí)也可以以帶鏈接接，在iinteeracctioons中中我們會(huì)會(huì)提到。3、hyperlink超鏈接：插入帶鏈接的文本。相當(dāng)于插入了一段帶標(biāo)簽的文字。但其實(shí)在Axure中它與普通文本除了外型不同，沒(méi)有本質(zhì)區(qū)別。之所以將兩類文字區(qū)分開來(lái)，目的還是為了在視覺(jué)表達(dá)中讓人直觀的理解鏈接文本和普通文本，而這對(duì)于設(shè)計(jì)人員理解也非常重要，因此建議畫圖時(shí)盡量標(biāo)準(zhǔn)的區(qū)分鏈接文本和普通文本。4、rectangle矩形：插入一個(gè)矩形。可以對(duì)其進(jìn)行圖形樣式編輯。此圖形通暢被用來(lái)表達(dá)板塊的邊界。5、placeholder占位符：插入一個(gè)占位符。占位符通常用來(lái)表達(dá)在頁(yè)面

37、中某些特殊區(qū)域，比如情況復(fù)雜，或者在系統(tǒng)升級(jí)中不需要修改，又或者無(wú)關(guān)緊要的區(qū)域等等。作者需要結(jié)合說(shuō)明文字，進(jìn)行對(duì)應(yīng)的詳細(xì)表達(dá)。6、button按鈕：插入一個(gè)按鈕，相當(dāng)于標(biāo)簽。按鈕一般結(jié)合表單使用，當(dāng)然也可以作為強(qiáng)化的提示鏈接使用。7、 teble表格：插入一個(gè)表格。Axure的表格使用起來(lái)不是很方便，增加行、列，修改行、列寬度都不方便，算是一個(gè)敗筆。期待在下一個(gè)版本的時(shí)候能夠有 更好的進(jìn)步。與標(biāo)準(zhǔn)化制作網(wǎng)頁(yè)一樣，表格的使用在畫wireframe的時(shí)候就應(yīng)該明確其作用，是用來(lái)作為數(shù)據(jù)列表展示使用，而不是作為網(wǎng)頁(yè)布局的控件。8、text field文本輸入框：結(jié)合表單使用。一般用作表單中提交數(shù)據(jù)。

38、比如搜索框、用戶登錄框、注冊(cè)信息填寫框等。用作字段提交或單行數(shù)據(jù)提交。9、text area文本區(qū)：結(jié)合表單使用。一般用作大段文字編輯、提交。比如文章編輯、留言等板塊。10、droplist下拉列表框：結(jié)合表單使用。一般用作下拉菜單或者下拉列表選項(xiàng)，比如在搜索中，可以通過(guò)下拉列表框來(lái)定位搜索分類的范圍。也有人用它來(lái)做友情鏈接，可以通過(guò)下拉選擇直接進(jìn)行頁(yè)面跳轉(zhuǎn)。11、listbox列表選擇框：結(jié)合表單使用。通過(guò)文本框列表選項(xiàng)，通常使用在多項(xiàng)列表選擇，比如在填寫簡(jiǎn)歷表的時(shí)候，選擇你所感興趣的行業(yè)，會(huì)提供列表選擇框。不過(guò)列表選擇框都會(huì)結(jié)合按鈕使用。12、checkbox多項(xiàng)選擇：多項(xiàng)選擇通常使用在表

39、單中，以提供多項(xiàng)選擇。比如在有些有些注冊(cè)要求用戶選擇興趣愛(ài)好，會(huì)提供十多個(gè)選項(xiàng)，因?yàn)檫x項(xiàng)可以并列進(jìn)行，因此使用的是多項(xiàng)選擇。13、raido button單項(xiàng)選擇：在一組選擇中選擇適合選項(xiàng)，選項(xiàng)關(guān)系非此即彼。比如在填寫性別的時(shí)候提供男女選擇，用戶非男即女，只取一項(xiàng)。當(dāng)然，不排除再多提供一個(gè)雙性選擇，這樣就是三選一，但是同樣是非此即彼的單一選擇。14、15、horizontal line水平線、vertical line垂直線：用以分割頁(yè)面中的不同板塊區(qū)域。由于web頁(yè)面中只能存在垂直與水平線，為了系統(tǒng)生成用于演示的html文件，特將兩種線條分開使用。16、button shape形狀按鈕：相當(dāng)

40、于圖形按鈕，多用于導(dǎo)航，或者多幀切換的版面切換按鈕。可進(jìn)行邊角編輯。17、 image map region圖像映射區(qū)：它用于在web頁(yè)面中制造一片不可見(jiàn)的區(qū)域，一般是圖片的部分區(qū)域，相當(dāng)于圖片的熱區(qū)，從而添加說(shuō)明與互動(dòng)。在現(xiàn)實(shí)的網(wǎng)頁(yè)中經(jīng)常 會(huì)有一張大圖中有某個(gè)區(qū)域是觸發(fā)按鈕，而圖像映射區(qū)就可以用來(lái)說(shuō)明這個(gè)區(qū)域的的功能和互動(dòng)內(nèi)容。18、inline frame框架：類似于html中的對(duì)象。用于在頁(yè)面中制造頁(yè)面框架，每個(gè)框架中嵌入不同的頁(yè)面。我們經(jīng)常看到后臺(tái)系統(tǒng)分左右兩欄，一般都是使用了框架，左側(cè)載入的是導(dǎo)航頁(yè)面，右側(cè)是載入的管理頁(yè)面。Axure的缺點(diǎn)是，暫時(shí)不支持百分比，因此iframe都是按

41、像素度量的，和實(shí)際頁(yè)面效果還是有差距。19、 dynamic panel動(dòng)態(tài)面版：是Axure為了表現(xiàn)多幀區(qū)域內(nèi)容而制造的一個(gè)工具。它的圖標(biāo)很形象的說(shuō)明了它的結(jié)構(gòu)。它是不同的state疊加的一個(gè)動(dòng)態(tài)區(qū)域，默 認(rèn)顯示其中一個(gè)state，當(dāng)用戶觸發(fā)按鈕、圖片或者下拉列表等時(shí)，可以設(shè)置相應(yīng)動(dòng)態(tài)面版切換到不同的state。不同state的關(guān)系，類似于 photoshop的層，也類似于html中的css屬性layer。我們可以通過(guò)右擊dynamic panel進(jìn)行state編輯，然后通過(guò)打開對(duì)應(yīng)state進(jìn)行編輯，編輯方式和編輯頁(yè)面相同。20、21、menu（vertical/horizontal）水平

42、/垂直菜單：用于制作水平或者垂直的菜單，可以添加漂浮的的子菜單，添加方法很簡(jiǎn)單，就是選擇所要添加的菜單項(xiàng)，添加submenu。（六）wiidgeets工工具-下下對(duì)于畫流程程圖，是是我們經(jīng)經(jīng)常會(huì)遇遇到的問(wèn)問(wèn)題。我我們和程程序工程程師溝通通，用再再多的口口水，也也無(wú)法挑挑明的事事情，畫畫一張簡(jiǎn)簡(jiǎn)明的流流程圖，就就能很直直白的說(shuō)說(shuō)明關(guān)鍵鍵問(wèn)題。有 時(shí)候你可能會(huì)懊惱，因?yàn)槌绦騿T的思維猶如計(jì)算機(jī)，你告訴他為什么沒(méi)有用，你就告訴他該怎么做，是左是右，是0是1就好了。這個(gè)時(shí)候，產(chǎn)品經(jīng)理需要的是理性 思維，清晰的思路，如果你不清晰，工程師大多數(shù)會(huì)跟著你的思路亂做一團(tuán)。所以多畫幾個(gè)流程，多根據(jù)頁(yè)面需求畫清晰的

43、流程，就能解決實(shí)際的問(wèn)題。話不多說(shuō)，本章主要介紹flow里面的工具，因?yàn)閳D形其實(shí)很好介紹，簡(jiǎn)單的英文翻譯就好了，所以也順帶說(shuō)說(shuō)這些圖形在流程里的作用。方式還和以前一樣，編號(hào)，對(duì)號(hào)入座，咱們來(lái)一個(gè)蘿卜，一個(gè)坑：1、rectangle：矩形 作用：一般用作要執(zhí)行的處理（process），在程序流程圖中做執(zhí)行框。 在axure中如果是畫頁(yè)面框架圖，那么也可以指代一個(gè)頁(yè)面。有時(shí)候我會(huì)把頁(yè)面和執(zhí)行命令放在同一個(gè)流程中做說(shuō)明，這個(gè)時(shí)候?qū)深惒煌木匦巫錾蕝^(qū)別，然后做說(shuō)明就好了。2、rounded rectangle：圓角矩形或者扁圓 作用：表示程序的開始或者結(jié)束，在程序流程圖中用作為起始框或者結(jié)束框。3

44、、beveled rectangle：斜角矩形 作用：斜角矩形我?guī)缀醪皇褂茫梢砸暻闆r自行定義。或者在其他的流程圖中，有特殊含義，暫不知曉，也希望有識(shí)之士指點(diǎn)一二。4、diamond：菱形 作用：表示決策或判斷（例如：If.Then.Else）,在程序流程圖中，用作判別框。5、file：文件 作用：表達(dá)為一個(gè)文件，可以是生成的文件，或者是調(diào)用的文件。如何定義，需要自己根據(jù)實(shí)際情況做解釋。6、bracket：括弧 作用：注釋或者說(shuō)明，也可以做條件敘述。一般流程到一個(gè)位置，做一段執(zhí)行說(shuō)明，或者特殊行為時(shí)，我會(huì)用到它。7、semicircle：半圓形 作用：半圓在使用中常作為流程頁(yè)面跳轉(zhuǎn)、流程跳轉(zhuǎn)的

45、標(biāo)記。8、triangle：三角形 作用：控制傳遞，一般和線條結(jié)合使用，畫數(shù)據(jù)傳遞。9、trapezoid：梯形 作用：一般用作手動(dòng)操作。10、ellipse：橢圓形或圓形 作用：如果畫小圓，一般是用來(lái)表示按順序數(shù)據(jù)的流程。 如果是畫橢圓形，很多人用作流程的結(jié)束。如果是在use case用例圖中，橢圓就是一個(gè)用例了。11、hexagon：六邊形 作用：表示準(zhǔn)備之意，大多數(shù)人用作流程的起始，類似起始框。12、parallelogram：平行四邊形 作用：一般表示數(shù)據(jù)，或確定的數(shù)據(jù)處理。或者表示資料輸入（Input）。13、actor：角色 作用：來(lái)自于use case 用例，模擬流程中執(zhí)行操作的

46、角色是誰(shuí)。需要注意的時(shí)，角色并非一定是人，有時(shí)候是機(jī)器自動(dòng)執(zhí)行，有時(shí)候也可是是模擬一個(gè)系統(tǒng)管理。14、database：數(shù)據(jù) 作用：就是指保存我們網(wǎng)站數(shù)據(jù)的數(shù)據(jù)庫(kù)。15、image：圖片 作用：表示一張圖片，或者置入一個(gè)已經(jīng)畫好的圖片、流程或者一個(gè)環(huán)境。基本上，axure講基本流程圖、頁(yè)面框架圖、use case 用例圖涉及到的一些關(guān)鍵圖形都囊括在flow流程工具中，模糊了流程圖的區(qū)別，而盡量貼近交互設(shè)計(jì)時(shí)的工作內(nèi)容。流程圖無(wú)疑只是一個(gè)表達(dá)的工具，我們?cè)谑褂玫臅r(shí)候應(yīng)該根據(jù)自己的實(shí)際情況使用，而不應(yīng)該死鉆牛角尖，非要知道某個(gè)圖形的通用標(biāo)準(zhǔn)。理解和溝通是第一位的。而對(duì)于某些具有標(biāo)準(zhǔn)性含義的圖形，大

47、家人所共知，則我們應(yīng)該遵循共同的準(zhǔn)則，這樣就能達(dá)到表達(dá)的目的。其 實(shí)axure里面由于不涉及到具體的程序流程，所以有些標(biāo)準(zhǔn)的圖形并沒(méi)有提供，如不規(guī)則圖形、側(cè)面雙矩形等，大家可以自己google一下或者baidu 一下很容易就知道。大多數(shù)情況下，還是自己自定義一下自己的符號(hào)標(biāo)準(zhǔn)，就跟prd文檔加上名詞解釋一樣，才是解決方法。（七）注釋釋annnotaatioonsAxuree rpp將innterracttionn交互與與annnotaatioons注注釋說(shuō)明明功能放放在了一一個(gè)面版版上，同同時(shí)又針針對(duì)整個(gè)個(gè)頁(yè)面有有一個(gè)交交互與注注釋說(shuō)明明。交 互功能能設(shè)置的的是用戶戶通過(guò)不不同方式式觸發(fā)頁(yè)頁(yè)面

48、中元元素或者者載入頁(yè)頁(yè)面時(shí)，發(fā)發(fā)生的交交互動(dòng)作作。而注注釋說(shuō)明明則用文文字詳細(xì)細(xì)說(shuō)明對(duì)對(duì)應(yīng)元素素的細(xì)節(jié)節(jié)或頁(yè)面面的說(shuō)明明。由于于針對(duì)整整個(gè)頁(yè) 面的說(shuō)說(shuō)明和交交互，與與針對(duì)頁(yè)頁(yè)面中某某個(gè)元素素的說(shuō)明明與交互互在文檔檔表現(xiàn)和和生成的的不同，而而被分開開，但是是他們的的實(shí)際功功能是一一致的，可可以一起起來(lái)說(shuō)。針對(duì)頁(yè)面和針對(duì)頁(yè)面元素的功能，分別默認(rèn)處于軟件界面的右側(cè)和底側(cè)。如下面兩張圖片所示：底部右側(cè)對(duì)于交互與與注釋說(shuō)說(shuō)明，有有必要分分開講述述。這一一節(jié)主要要講述aannootattionns，即即注釋說(shuō)說(shuō)明。首首先，我我定義一一下對(duì)交交互與注注釋說(shuō)明明的解釋釋。Innterracttionn：交互互

49、功能，用用以設(shè)置置頁(yè)面中中的交互互事件，如如頁(yè)面跳跳轉(zhuǎn)、面面版跳轉(zhuǎn)轉(zhuǎn)。從而而實(shí)現(xiàn)框框架圖中中不同對(duì)對(duì)象的實(shí)實(shí)際功能能。在生生成httml框框架頁(yè)面面時(shí)，產(chǎn)產(chǎn)生相應(yīng)應(yīng)的對(duì)象象功能，用用以演示示操作。Annotations：注釋說(shuō)明，用以對(duì)頁(yè)面或頁(yè)面中的特定對(duì)象進(jìn)行說(shuō)明注釋。可以根據(jù)實(shí)際情況分類編寫說(shuō)明內(nèi)容。比如優(yōu)先級(jí)、功能類型、交互效果、說(shuō)明等。讓程序在開發(fā)的時(shí)清楚了解該對(duì)象或該頁(yè)面的程序?qū)崿F(xiàn)詳情與細(xì)節(jié)。那么，現(xiàn)在重點(diǎn)來(lái)說(shuō)注釋。1、自定義注釋與說(shuō)明你 也許看到e文會(huì)頭大，你也許第一次看到annotations面版中specification、status、benefit、effect等一連串的

50、英文單詞腦袋發(fā)暈，那么我告訴你，你完全不用在意這些單詞和選項(xiàng)的意義，因?yàn)橐苍S它們根本就不適合你，而你可以自定義一套自己的說(shuō)明選項(xiàng)。我 之所以說(shuō)你不必去理解，出于兩個(gè)理由，一是因?yàn)檫@些定義，是axure根據(jù)一些歐美公司文檔中常見(jiàn)的字段歸納出來(lái)的，他不適合我們的國(guó)情和我們自己公司的 實(shí)際情況，二則是一個(gè)文檔中該向你的程序員、設(shè)計(jì)師表達(dá)什么，并沒(méi)有一個(gè)完全的框架。你盡可以根據(jù)你要說(shuō)明的事情，以及你們往常的溝通方式來(lái)定義。那么現(xiàn) 在看看，我們?cè)趺磥?lái)定義吧。如果是定義右側(cè)的對(duì)象注釋，選擇 annotations & interactions customize fields and viwe如果是定義底

51、部的頁(yè)面注釋，選擇 page notes default manage notes就彈出了自定義窗口，由于功能類似，所以我只選擇復(fù)雜的右側(cè)的對(duì)象注釋來(lái)說(shuō)明如圖所示，我我們看到到了兩個(gè)個(gè)區(qū)域：區(qū)域一一：Fiieldds：這這是管理理系統(tǒng)所所有的說(shuō)說(shuō)明字段段的，這這里定義義了針對(duì)對(duì)對(duì)象你你要說(shuō)明明它的哪哪些屬性性，這些些屬性，用用什么類類型tyype的的文字進(jìn)進(jìn)行表述述。A)新增字字段先在前面的的下拉選選擇框中中定義該該字段的的typpe類型型，有四四種類型型：Teext：文本文文字。說(shuō)說(shuō)明字段段中用大大段的文文字進(jìn)行行說(shuō)明。Number：數(shù)字。說(shuō)明字段中只包含數(shù)字說(shuō)明。Date：日期。說(shuō)明字段只

52、有日期Selectlist：選擇列表。通過(guò)設(shè)置特定的選擇條件，以供選擇。然后在后面的填空框中輸入字段的名稱，比如我想設(shè)置一個(gè)對(duì)頁(yè)面中對(duì)象的開發(fā)優(yōu)先級(jí)的說(shuō)明字段，那么我就可以給這個(gè)字段命名為“優(yōu)先級(jí)”。然后點(diǎn)擊add按鈕，你所設(shè)置的說(shuō)明字段就被添加到下面的字段列表了。B)管理字段管理字段，首選必須選中你要管理的字段。然后可以通通過(guò)選擇擇右側(cè)的的功能按按鈕，對(duì)對(duì)字段進(jìn)進(jìn)行管理理：bbReemovve：/b刪除此此字段。Rename：對(duì)字段重命名。Move up：將字段排列順序上移一格。Move down：將字段排列順序下移一格。Edit selectlist：編輯選擇列表中的項(xiàng)目，該功能只有當(dāng)你所

53、選擇的說(shuō)明字段的type類型是selectlist時(shí)，你才能選擇。選擇后會(huì)彈出編輯窗口，你可以根據(jù)自己的需求，填寫不同的選擇項(xiàng)，Axure定義，每一行為一個(gè)選擇項(xiàng)。點(diǎn)ok之后后，你就就完成了了對(duì)所選選項(xiàng)的管管理。區(qū)區(qū)域二CCusttom vieews：這里是是定義了了我們自自定義文文件的版版本。我我們可以以選擇幾幾個(gè)常用用的說(shuō)明明字段，歸歸納起來(lái)來(lái)生成一一個(gè)自定定義版本本。A）新新增用戶戶自定義義說(shuō)明新增說(shuō)明很很簡(jiǎn)單，只只要在輸輸入框中中輸入一一個(gè)名稱稱，點(diǎn)選選addd，就會(huì)會(huì)彈出一一個(gè)選擇擇框你可以通過(guò)過(guò)addd fiieldd下拉列列表選擇擇你的自自定義說(shuō)說(shuō)明中要要包含的的說(shuō)明字字段項(xiàng)目目

54、，然后后點(diǎn)addd添加加到你的的自定義義說(shuō)明中中。當(dāng)你你都選擇擇完成后后，點(diǎn)ddonee，就創(chuàng)創(chuàng)建了一一個(gè)你自自己的自自定義說(shuō)說(shuō)明。 B）管管理自定定義說(shuō)明明管理自自定說(shuō)明明，和管管理說(shuō)明明字段一一樣，在在管理前前，你必必須選中中你要管管理的自自定義說(shuō)說(shuō)明。RRenaame：對(duì)字段段重命名名。Eddit：重新定定義此自自定義說(shuō)說(shuō)明中所所包含的的fieeldss說(shuō)明字字段。彈彈出選擇擇框，供供你重新新選擇。Remove：刪除此自定義說(shuō)明。最后，當(dāng)你即完成了對(duì)字段的處理，又完成了自定義說(shuō)明的生成后，點(diǎn)done，你就定義完成了你自己的注釋與說(shuō)明。這個(gè)時(shí)候，你再選擇annotations & inte

55、ractions，你將會(huì)看到你自己的自定義說(shuō)明：選擇后，右右側(cè)的注注釋與說(shuō)說(shuō)明的字字段就都都是你自自己的了了：2、自定義義注釋與與說(shuō)明的的現(xiàn)實(shí)意意義那么么這些自自定義說(shuō)說(shuō)明到底底對(duì)于我我們有什什么現(xiàn)實(shí)實(shí)的意義義呢？有有的，下下面我來(lái)來(lái)說(shuō)明一一下。這這涉及到到axuure rp的的兩個(gè)文文檔生成成功能生生成演示示文檔：我們利利用axxuree完成文文檔的編編寫后，需需要給程程序演示示，那么么我們?cè)踉趺囱菔臼灸兀空?qǐng)請(qǐng)按下ff5鍵，會(huì)會(huì)彈出提提示框，按按照默認(rèn)認(rèn)設(shè)置確確定后，就就會(huì)生成成htmml演示示文件。你你就可以以拿這些些htmml文件件，給程程序員、設(shè)設(shè)計(jì)師們們演示你你的文件件了。而而我們自

56、自定義的的這些說(shuō)說(shuō)明，在在編寫好好的時(shí)候候會(huì)出現(xiàn)現(xiàn)在如圖圖中的位位置：就是說(shuō)明面面版的激激活按鈕鈕，點(diǎn)擊擊彈出你你的說(shuō)明明文字。這這樣，用用戶就可可以在不不明白的的時(shí)候在在頁(yè)面中中調(diào)出說(shuō)說(shuō)明文字字，一一一查看了了。生成成worrd文檔檔：我們們也可以以生成wwordd的文檔檔的說(shuō)明明文件，這這樣的文文件甚至至可以當(dāng)當(dāng)作PRRD文檔檔使用，而而說(shuō)明則則會(huì)根據(jù)據(jù)labbel的的標(biāo)簽以以及編號(hào)號(hào)，對(duì)應(yīng)應(yīng)生成ttablle說(shuō)明明文檔。生成word的快捷鍵是F6，生成specification說(shuō)明書。綜上所述，運(yùn)運(yùn)用好了了annnotaatioons，就就可以解解決好pprd文文檔中最最重要的的工作，即

57、即功能說(shuō)說(shuō)明。至至于設(shè)置置怎樣的的注釋，完完全就靠靠你自己己來(lái)掌控控了。PPs：頁(yè)頁(yè)面nootess更加簡(jiǎn)簡(jiǎn)單，因因?yàn)獒槍?duì)對(duì)頁(yè)面的的說(shuō)明只只能有一一段文本本，不存存在特殊殊說(shuō)明字字段的編編輯。（八）交互互intteraactiionss（上）Axuree RPP Prro5終終于發(fā)布布了，直直觀操作作上，最最明顯的的變化之之一就是是在命令令行多了了“shharee.分享享”，其其次所有有窗口可可以以浮浮動(dòng)形式式編輯了了。為了了與時(shí)俱俱進(jìn)，以以后的教教程將以以Axuure RP Proo5為基基礎(chǔ)來(lái)繼繼續(xù)寫。話說(shuō)上次功能說(shuō)到注釋annotations，這次就來(lái)說(shuō)它的“親兄弟”交互interact

58、ions。之所以說(shuō)他們是親兄弟，除了因?yàn)樗麄冮L(zhǎng)在同一個(gè)面版上，更因?yàn)樗麄冃枰Y(jié)合起來(lái)使用，這樣才能清楚的表明功能詳情。打 個(gè)不恰當(dāng)?shù)谋确剑绻f(shuō)明的功能對(duì)象是人，那么注釋annotations標(biāo)注的是這個(gè)人的基本屬性，比如“性別、年齡、學(xué)歷”，交互 interactions則是說(shuō)明人根據(jù)外部條件，做出的回應(yīng)。比如你父母做好飯菜給你，你就吃飯；給你10塊錢，一個(gè)瓶子，囑托你買醬油，你就會(huì)一溜煙 小跑去打醬油（這個(gè)比喻有點(diǎn)過(guò)時(shí)，現(xiàn)在都不這么買了）。當(dāng)然，我們說(shuō)的是絕對(duì)條件下的絕對(duì)反應(yīng)，這就是機(jī)器語(yǔ)言。我們以一條簡(jiǎn)單的文字鏈接為例：“ HYPERLINK hawking 的 axure rp 5

59、文章列表”。我們來(lái)對(duì)它添加交互行為。我把交互分為三個(gè)部分的：交互觸發(fā)、交互條件、交互行為。這樣的區(qū)分，其實(shí)是參考程序編程的結(jié)構(gòu)而做的，這就把程序構(gòu)成人性化、語(yǔ)義化了。這章我著重講解交互觸發(fā)與交互行為中的快速鏈接，詳情的交互行為與交互條件留待后面兩章進(jìn)行詳解。還是照例先給三個(gè)名詞做出名詞解釋。交互觸發(fā)：是發(fā)生交互的導(dǎo)火索，說(shuō)明引起交互的觸發(fā)動(dòng)作是什么。 以此文字鏈為例，交互的觸發(fā)原因，是“點(diǎn)擊文字鏈”。交互條件：是達(dá)成我們目標(biāo)行為的前提條件。如果目標(biāo)行為只有一個(gè)，對(duì)觸發(fā)沒(méi)有任何條件限制，交互條件則可以被忽略。 再以此文字鏈接為例，如果對(duì)查看文章列表沒(méi)有任何限制，則不設(shè)置交互條件，用戶點(diǎn)擊文字鏈，

60、直接發(fā)生交互行為。如果對(duì)查看文章列表有權(quán)限限制，只允許作者查看，則觸發(fā)交互行為的條件就是“以文章作者h(yuǎn)awking的身份登錄”。 PS：有條件本身，就必然會(huì)有條件的反面。或者有多個(gè)條件，就會(huì)有多個(gè)條件之外的例外情況。在寫文檔的時(shí)候，必須考慮進(jìn)去，說(shuō)明清楚，這一點(diǎn)最容易疏漏，而造成程序員在開發(fā)的時(shí)候想當(dāng)然，或者再回來(lái)問(wèn)你。針對(duì)這個(gè)例子，條件的反面就是“登錄者不是hawking，或沒(méi)有登錄”。交互行為：是機(jī)器依據(jù)觸發(fā)事件與條件，做出的反應(yīng)動(dòng)作或行動(dòng)。 此文字鏈接的的交互行為，就是“頁(yè)面跳轉(zhuǎn)到hawking 的 axure rp 5 文章列表頁(yè)面”。一、交互觸發(fā)觸發(fā)主要有兩種，一種是頁(yè)面載入觸發(fā)，一