axure學習筆記軟件中有不完善地方要靠自己經(jīng)驗來規(guī)避和克服還算好用

Axure學習筆熟練了AxureHTML/CSS怎樣來實現(xiàn)AxureHTML、Doc等文檔格式，但無法打開它們。它只能打開自己生成的*.rb、*.ubx格式的文檔。保存文檔為.rp（Would?建立一般的超級WireframeHyperlink選擇右側(cè)Interactions下的QuickLink并雙擊，選擇所需，就OK了首先要從Word里打出，然后，拷進TextPanelCopyright的符號(c)Prototype上呈現(xiàn)符號(c)；如果(c)LinecolorEditImage->ImportRolloverEditButtonShape->EditRollover（一）Axurewireframe，將自己prototype直至最終確認，開始投入執(zhí)行。進行產(chǎn)品原型設(shè)計的軟件工具也有很多種，我寫的這個所介紹的AxureRP，是 dangdang等國內(nèi)大型網(wǎng)絡(luò)公司的團隊在推廣使用的原型設(shè)計軟件。同時，此軟件也在產(chǎn)品經(jīng)理圈子中廣為流傳。之所以AxureRP得到了大家的認同和推廣，正是因為其簡便的操作AxureRP之前，我們先來看看做產(chǎn)品原型設(shè)計，現(xiàn)在大致有哪些工具可以使用，Visio：功能相對比較復雜。畫流程圖，框架圖。不利于批注與大篇幅的文字說明。同實時討論溝通時使用，通過圖形快速表達自己的產(chǎn)品思路，及時的畫出來，是再好不過的方法。而word則適合在用文字詳細表達產(chǎn)品，對產(chǎn)品進行細節(jié)說明時使用，結(jié)合文字wordpptvisio關(guān)系圖的表達，更可通過畫usecase獲取用戶需求。PS/FW是處理的工具，DW則是費太多的精力去掌握。ue完成產(chǎn)品原型設(shè)計，因此他們都不prototypedesignAxureRP正是在互聯(lián)網(wǎng)產(chǎn)品大張其道的前提prototypedesign創(chuàng)建的需求，應(yīng)運而生。AxureRP能幫助需求設(shè)計者，快捷而簡便的創(chuàng)建基于 組織的原型件、功能說明、交互接口以及帶注釋的wireframe網(wǎng)頁，并可自動生成用于演示的網(wǎng)頁檔和word文檔，沒錯！AxureRPhtmljavascript語句的情況下，通過創(chuàng)建的文檔以及相關(guān)條件和htmlprototype演示。word一下軟件短短的歷史，創(chuàng)造這一軟件的公司—AxureSoftwareSolutions,Inc.該公司創(chuàng)建于表，至今已經(jīng)正式到了第四個版本，而我提筆寫到這里的時候，Axure5.0版本beta版版說起，至于5.0版，我們可以伴隨著軟件一起成長。（二）不論學習什么，打基礎(chǔ)是很重要的。關(guān)于基礎(chǔ)練習，我印象最深的故事是練習書法的AxureRP后，首先彈出的是歡迎接口，它擁有的功能和其它軟件的歡迎接口沒有什么功能區(qū)1：件區(qū)，這個區(qū)域顯示用戶最近打開的AxureRP文件，用戶可以快捷的打開AxureRP默認檔夾。功能區(qū)2：認證區(qū)，這個區(qū)域顯示信息已經(jīng)的用戶，顯示者名稱，與已經(jīng)獲得認證的圖示。未用戶，顯示，引導用戶完成。功能區(qū)3：AxureRP學習中心。主要包括學習、幫助文檔、問題回饋三個環(huán)節(jié)a、學習提供了三個tutoriale文解說。onlinecommunity：進入AxureRP的討論組，討論學習Axureblog：進入Axure的，了解信息c、問題回饋，通過點擊可以發(fā)郵件 在歡迎接口中，Axure4.6Axure檔，無法用以前同時，如果我們不希望下次打開軟件再看到這個面板，我們可以通過選擇“Don'tshowthisat功能區(qū)1：office軟件一樣，包含文件、編輯、查看和幫助，這些功能大抵是差不多的。table也很容易理解，就是對表格編輯令。而Axure特有的幾個特殊令欄目是a、wireframe：線框，包含所有畫原型線框圖的相關(guān)命令c、generate：html演示檔、word說明文檔，以及對生成規(guī)則進行自行編輯、功能區(qū)2：，基本和office風格一模一樣，功能也很容易上手功能區(qū)4：站點地圖，AxsureRP創(chuàng)建的檔是模擬真實頁面關(guān)系的，sitemap就是通過樹形關(guān)系，管理所有的站點頁面檔與流程圖檔?？茖W的文件關(guān)系結(jié)構(gòu)，對有效的演示文檔LO（低保真（高保真于不同的需求者使用。功能區(qū)5：wireframe與流程圖的對象。我們可以通過拖拽的方功能區(qū)6：sitemap的頁面相似，唯一不同的是，mastersitemap解網(wǎng)頁設(shè)計師、程序員是怎么構(gòu)建的頁面的。功能區(qū)8：頁面加載時的交互功能。通過在這里設(shè)置，不同條件下，頁面初次打開時的狀況widgets。Axure提供了自主設(shè)置字段，只要你自己設(shè)置好自己常用的字段，Axure的主要功能區(qū)，但是其實還有兩個小的角落大家可能會忽略，那就是6、7、8區(qū)下面的一行系統(tǒng)信息，這里顯示的信息很重要uiwireframewireframe的時候卻無法度量。Axurewireframehtml，因此我們可以在畫的時候就度量好每個像素距離。但是我們要怎么做呢？這就需要利用到信息欄左邊顯示的是件保存情況。而右邊呢，當你將一個widgets放入工作區(qū)，并選（三）學校出來的朋友對文檔名與放置都是隨心所欲的，我也不例外。沒有好的整理習慣，prototype需要首先構(gòu)建一個清晰的文檔關(guān)系，這樣一方面能夠讓自己清楚文word件。AxureRPsitemapwindows的樹形相似，是以父子關(guān)系構(gòu)建頁面關(guān)系的，每個頁pageflow。一、工具功二、右鍵—增加為鼠標右擊文件所顯示命令，下同11（1小點功能相同，以下同此三、右鍵—移四、右鍵2、分支：所選頁面以及子頁面，作為同級分支顯示在所選頁面分支下方五、右鍵—頁面類由于頁面有兩種類型，wireframe與flow，所以要用這兩種標記頁面，從而讓人理解你flow圖為父頁面，wireframe圖為子頁面：先畫流程圖，然后根據(jù)流程圖構(gòu)建頁面關(guān)系。這wireframe為父頁面，flow為子頁面：為頁面線框圖中的特殊部分做流程解釋?？梢詫撁妫ㄋ模﹎asterssitemap面板很相似，文檔操作也一樣，它們的本質(zhì)區(qū)別是，sitemap里的檔是最終展示頁面，masters里的文件卻只是一個模塊，是頁面的一個部分。masters的英文直譯是主人或雇主，但是我認為這里可以叫板，或者復用模塊。masters的頁面程序。dreamweavertemplate，可以參照理解。一、功能二、右鍵單擊文檔——增增加功能的功能模塊功能除了增加文件夾其它和sitemap相同，大家可以參考三中的而masters的件組織結(jié)構(gòu)主要依靠文件夾完成，頁面檔之間不存在父子關(guān)系。這是sitemap的最大不同。三、右鍵單擊文檔——移sitemap功能，基本上也可以參考三的第三點。四、右鍵單擊文件——文件“行為”behavioraxure4master的不同使2、placeinbackground：定位的復用模板，這類模板的特點是定位于頁面的底層，并且鎖定3、customwidgetsbehaviorwidgets123功能都是件件操作功能和sitemap一樣分別是刪除重命名和編輯mastersitemap文件的樹形，你可以通過選擇需要添checkall：選擇所有頁面uncheckall：所有頁面都不選擇checkallchildren：選擇所選頁面以及其所有子頁面uncheckallchildren：不選擇所選頁面以及其所有字頁面在4positionoptionspositionplaceinblackgroundspecifylocation：是特殊定位，可以通過設(shè)置距離左側(cè)和上邊的距離，來將模板文件放入特options里的多選框的意思是“只有頁面中沒有此模板時才置入”，默認是選擇的。如果不選6、usagereport：使用報告，點擊后彈出面板，顯示所有使用了此復用模板的列表，顯示的（五）widgets工具-每一個工具的用法和用途，才能隨心所欲的畫出腦海中的圖形。Widgets，下分兩類工具wireframe線框圖工具基本上對應(yīng)著web頁面中的各種圖形針對頁面互行為的表達AxureRP專門增加了imagemapregion圖像映像區(qū)、dynamicpanel動態(tài)面版、Flow工具：wireframehtmlweb頁面元素有比較充分的理解，就很容易入手。以下我根據(jù)中的編碼，依次講解。1、image：給wireframe中插入一個站位，也可以直接置入真實的2、textpanel文本：插入文本。相當于插入了一個<text>。是不帶的文本。但是其實也可以帶，在interactions中我們會提到。3、hyperlink超：插入帶的文本。相當于插入了一段帶<a>卷標的文字。但其實在Axure中它與普通文本除了外型不同，沒有本質(zhì)區(qū)別。4、rectangle矩形：插入一個矩形?？梢詫ζ溥M行圖形樣式編輯。此圖形通常被用來表達板5、placeholder占位符：插入一個占位符。占位符通常用來表達在頁面中某些特殊區(qū)域，比6、button按鈕：插入一個按鈕，相當于button卷標。按鈕一般結(jié)合窗體使用，當然也可7teble表格：插入一個表格。Axure的表格使用起來不是很方便，增加行、列，修改行、列寬度都不方便，算是一個敗筆。期待在下一個版本的時候能夠有更好的進步。與標準化wireframe的時候就應(yīng)該明確其作用，是用來作為數(shù)據(jù)列表8、textfield文本輸入框：結(jié)合窗體使用。一般用作窗體中提交數(shù)據(jù)。比如搜索框、用戶登9、textarea文本區(qū)：結(jié)合窗體使用。一般用作大段文字編輯、提交。比如文章編輯、留言10、droplist下拉列表框：結(jié)合窗體使用。一般用作下拉菜單或者下拉列表選項，比如在搜11、listbox列表選擇框：結(jié)合窗體使用。通過文本框列表選項，通常使用在多項列表選擇，12、checkbox多項選擇：多項選擇通常使用在窗體中，以提供多項選擇。比如在有些有些13、raidobutton單項選擇：在一組選擇中選擇適合選項，選項關(guān)系非此即彼。比如在填寫webhtml檔，特將兩種線條分開17imagemapregionweb頁面中制造一片不可見的區(qū)域，一般是的部分區(qū)域，相當于的熱區(qū)，從而添加說明與互動。在現(xiàn)實的網(wǎng)頁中經(jīng)常會有18、inlineframehtml中的iframe對象。用于在頁面中制造頁面框架，每個19、dynamicpanel動態(tài)面版：是Axure為了表現(xiàn)多幀區(qū)域內(nèi)容而制造的一個工具。它的圖標很形象的說明了它的結(jié)構(gòu)。它是不同的state迭加的一個動態(tài)區(qū)域，默認顯示其中一個 不同state的關(guān)系，類似于photoshop的層，也類似于html中的css屬性layer。加漂浮的的子菜單，添加方法很簡單，就是選擇所要添加的菜單項，添加sub。（六）widgets工具-有時候你可能會懊惱，因為程序員的思維猶如計算機，你為什么沒有用，你就告訴他該怎么做，是左是右，是0是1flow里面的工具，因為圖形其實很好介紹，簡單的英文翻譯就好作用：一般用作要執(zhí)行的處理（process，在程序流程圖中做執(zhí)行框在axure中如果是畫頁面框架圖，那么也可以指代一個頁面。有時候我會把頁面和執(zhí)行2、roundedrectangle作用：表示程序的開始或者結(jié)束，在程序流程圖中用作為起始框或者結(jié)束框3、beveledrectangle作用：表示決策或判斷（例如：If...Then...Else）,在程序流程圖中，用作判別框5、file作用：半圓在使用中常作為流程頁面跳轉(zhuǎn)、流程跳轉(zhuǎn)的標記作用：控制傳遞，一般和線條結(jié)合使用，畫數(shù)據(jù)傳遞作用：一般用作手動操作作用：如果畫小圓，一般是用來表示按順序數(shù)據(jù)的流程usecase用例圖中，橢圓就是一個作用：表示準備之意，大多數(shù)人用作流程的起始，類似起始框作用：一般表示數(shù)據(jù)，或確定的數(shù)據(jù)處理?；蛘弑硎緮?shù)據(jù)輸入（Input作用：usecase用例，模擬流程中執(zhí)行操作的角色是誰。需要注意的時，角色并作用：就是指保存我們數(shù)據(jù)的數(shù)據(jù)庫15、image：作用：表示一張，或者置入一個已經(jīng)畫好的、流程或者一個環(huán)境基本上，axure講基本流程圖、頁面框架圖、usecase用例圖涉及到的一些關(guān)鍵圖形都囊括flow流程工具中，模糊了流程圖的區(qū)別，而盡量貼近交互設(shè)計時的工作內(nèi)容。axure里面由于不涉及到具體的程序流程，所以有些標準的圖形并沒有提供，如不規(guī)則圖形、側(cè)面雙矩形等，大家可以自己一下或者baidu一下很容易就知道。大多數(shù)（七）nnottions首先，我定義一下對交互與注釋說明的解釋。html框架頁面時，產(chǎn)生相應(yīng)的對象功能，用以演示操1、自定義注釋與說你也許看到eannotationsspecificationstatusbenefit、effectaxure根據(jù)一些歐美公要說明的事情，以及往常的溝通方式來定義。那么現(xiàn)在看看，我們怎么來定義吧。annotations&interactionscustomizefieldsandpagenotesdefaultmanage如圖所示，我們看到了兩個區(qū)域type的文字進行表述。新增字先面的下拉選擇框中定義該字段的type類型，有四種類型：Date：日期。說明字段只有日Selectlist：選擇列表。通過設(shè)置特定的選擇條件，以供選擇然后在后面的填空框中輸入字段的名稱比如設(shè)置一個對頁面中對象的開發(fā)優(yōu)先級的說管理字Moveup：將字段排列順序上移一格。Movedown：Editselectlist：type類型是擇項，Axure定義，每一行為一個選擇項。ok新增用戶自定義說addfieldRename：對字段重命名Edit：fieldsRemove：刪除此自定義說明done，你就定義完2、自定義注釋與說明的現(xiàn)實意axurerp的兩個文檔生成功能請按下f5鍵，會彈出提示框，按照默認設(shè)置確定后，就會生成html演示檔。你就可以拿這html檔，給程序員、設(shè)計師們演示你的檔了。檔使用，而說明則會根據(jù)label的以及編號，對應(yīng)生成table說明文檔。wordF6specificationPsnotes更加簡單，因為針對頁面的說明只能有一段文本，不存在特殊說明字段的編AxureRPPro5終于發(fā)布了直觀操作上最明顯的變化之一就是在命令行多了“share.”，其次所有窗口可以以浮動形式編輯了。為了與時俱進，以后的將以AxureRPPro5為基nnottions“親兄弟”interacions楚的表明功能詳情。annotations標注的是這個人的基本屬性，比如“、、學歷……”，交互interactions則是說明人根據(jù)外部條件，做（這個比喻有點過時，現(xiàn)在都不這么買了。當然，我們說的是我們以一條簡單的文字為例：“hawking的axurerp5文章列表”。我們來對它添加交章進行詳解。還是照例先給三個名詞做出。交互觸發(fā)：是發(fā)生交互的，說明引起交互的觸發(fā)動作是什么。交互行為的條件就是“以文章作者hawking的登錄”。PS：有條件本身，就必然會有條件的?；蛘哂卸鄠€條件，就會有多個條件之外的在開發(fā)的時候想當然，或者再回來問你。針對這個例子，條件的就是“登錄者不是交互行為：是機器依據(jù)觸發(fā)事件與條件，做出的反應(yīng)動作或行動此文字的的交互行為，就是“頁面跳轉(zhuǎn)到hawking的axurerp5 1、頁面加載觸發(fā)，針對的對象就是我們所編輯的頁面，axurepagenotes&pageinteractionspageinteractions。AxureOnPageLoad當頁面載入時。case事件，axure提供了三個功能。Addcase：Editcase：（caseDeletecase：（case2、鼠標行為觸發(fā)是當用戶使用鼠標操作接口時，交互。三種觸為：OnMouseOut：當鼠標從目標熱區(qū)移出時，觸發(fā)交互行為如果選擇的是輸入框、多選框等則會出現(xiàn)對應(yīng)功能的觸為：OnKeyUp：Fireswhentheuserreleasesakey.當釋放鍵盤時觸發(fā)交互行為。OnLostFocus：當鼠標失去對目標對象的選擇、聚焦時，觸發(fā)交互行為Onchange：當所選項被更改時，觸發(fā)交互行為Addcase：給所選對象增加事件。Quicklink：快速添加。選擇對象后，點擊快速則會彈出如下linkproperties屬性面版1、linktoapageinthisdesign：到這個項目中的某一特定頁面。你可以通過鼠標點擊，選擇你想要跳轉(zhuǎn)的，樹 中的相應(yīng)頁面2、linktoanexternalurlorfile：到一個外部或者文件。你可以通過在hyperlink框中輸入地址，完成導向。注意：最好是絕對地址，不然就容易出錯3、reloadcurrentpage：Variablechangesareapplied4、backtopreviouspage：Varablechangesarenotapplied一、進入交互條件設(shè)置addcaseinteractioncaseproperties交互事件屬性窗口。Step1description描描述后的input輸入框，可以編寫事件的名稱，或者事件的描述文字，以供生成html頁面展示時標注此事件，也供生成需求件的時候辨識此功能功能。Addcondition（ifnecessary）增加條件（如果需要的話。這就是這章所要說的重點內(nèi)容，們需要投入的精力，再開始做這一步。會清晰很多。Step2selectaction選擇動Step3edittheactionsdescription（clickanunderlinedvaluetoedit）編輯動作描述，你可以通二、條件設(shè)置的功能與step1后面帶下劃線的文字，addconditionconditionbuilderA、滿足條件類型選擇與條件清satisfy“anyall”ofthefollowing中就提供了這個選擇a、b、c，才能產(chǎn)生最后的交互。a、b、c中任何一個條件，就能產(chǎn)生最后的交互。另外，如果我們對我們設(shè)置的眾多條件都不滿意，想全部刪除重新設(shè)置，clearall就是為了B、設(shè)增加條件與刪除條件條件設(shè)widgetslabel名稱，因為條件設(shè)置，labelwidgets。我最開始把條件設(shè)置看做5個部分，1是作為條件類型的設(shè)置，則2是設(shè)置要比較的對象，34所以一開始，我根據(jù)1可能出現(xiàn)的六種類型，畫了6個大表格，企圖把所有的情況囊括，做了很多無用功。b，而3a與b的關(guān)系。a的不同，bcheckstateof多項/單項選擇框的選擇（checkboxbutton意：這里會顯示頁面上的多項選擇、單項選擇的label名稱，所以做頁面工作的時候，要保持有效命名label選擇狀態(tài)比ofvariable變selectedoptiondroplist或者listbox列表文本框。這里也label名稱 Onloadvariable value變數(shù)值的長度checkstateof多項/單項選擇框的選擇inputtext value圖形原件上提供文本輸入框input、文本框text、下拉菜單條droplistlistboxlabel名稱選擇alista的比blabel，然后一條條的選擇，操作一下就清楚了，我這里主要提的是一個理解的方法，條件含義的說明。equalsdoesnotequalsislessthanisgreaterthanislessorequalsisgreaterorequalsisC、自動生成對條件的文字描prd文檔的時候，會生成條件的說明文字。三、綜合談一談設(shè)置合理的條件為什么條件設(shè)置不重要？我要提出我的幾點理，axure做出來，肯定是不可能完全達機的讓它在策劃階段就實現(xiàn)。作為交互設(shè)計師應(yīng)該關(guān)注功能是否滿足用戶需求，提高用戶使用效率；作為產(chǎn)品經(jīng)理應(yīng)該的關(guān)注產(chǎn)品的生命線、競爭力。，三AxureRP(1)AxureRPAxureRPPrototypeSpecSitemapSitemapWidgets窗格：包含一系列常用的使用者接口對象，例如：按鈕、、TextPanel與矩MastersMaster。MasterWireframeMaster，來提高規(guī)劃的效率。WireframePrototypeSpec交互設(shè)計(Interaction)窗格：交互的范圍很廣，從最基本的超級、pop-ups，一直widgetWidget物件批注(Annotation格WidgetWidget網(wǎng)頁說明及交互(PagesNotes&Interactions)窗格：您可以在這個窗格中加入網(wǎng)頁層級企劃一個或Web，在動手開始繪制頁面的示意圖(Wireframe)或流程之前，應(yīng)該事先思考架構(gòu)并決定信息內(nèi)容與層級當您心中已經(jīng)有了明確的架構(gòu)接來就可以利用Sitemap窗格來定義您所設(shè)計的頁面。Sitemap窗格是用來管理設(shè)計中網(wǎng)頁的工具，您可以在Sitemap窗格中可以新增、刪除和調(diào)新增/刪除SitemapAddChildPage在網(wǎng)頁上按鼠標右鍵，然后選擇「RenamePage」或慢慢的在網(wǎng)頁上連續(xù)按鼠標左鍵兩下可鈕，或是在網(wǎng)頁上按下鼠標右鍵，然后選擇「DeletePage」。調(diào)整網(wǎng)頁層SitemapSitemapWireframe接口對象(Widget)Wireframe和TextPanel。AxureRPWidgetsWidgetsWireframe新增接口對象(Widget):象拖曳(drag&drop)Wireframe您也可以在Wireframe中利用 提醒:熟悉 移動對WireframeWidget除此之外，您還可以在選取的Widget上按下鼠標右鍵，使用快捷菜單 )來設(shè)定Widgets的群組(Grou (Align)、分散(Distribute)與鎖定(Lock)；您也可以利用Object工具列編輯對象(Widget)的樣式與屬Widget3連續(xù)按鼠標左鍵兩下在Widget上連續(xù)按鼠標左鍵兩下可以變更一些基本的Widget屬性，例如：在ImageWidget上連續(xù)按鼠標左鍵兩下可以匯入；在Droplist或ListBoxWidget上連續(xù)按鼠標左鍵兩下可以編輯菜單項目。Widget快捷菜單(ContextWidget撰寫對象批注(Annotation新增批呈現(xiàn)綠色框線狀態(tài)，然后在對象批注窗格(Annotations&InteractionsPane)的Specification2)，輸入對這個對象的解釋內(nèi)容，您也可以在窗格最上方的您可以透過菜單「WireframeCustomizeAnnotationFieldsandViews」，或是按一下Annotations&Interactions腳注WidgetWidget右上方會多一個黃色小方塊，里面有一個腳注號碼網(wǎng)頁說明(Page撰寫網(wǎng)頁說明(PageNotes)管理網(wǎng)頁說明類Prototype比如您可以新增TestCase，操作說明，SD等不同類別的網(wǎng)頁說明。而當您要輸出規(guī)格文件TestCase,SD想要新增/編輯網(wǎng)頁說明類別的話，請點選菜單「Wireframe->ManagePageNotes」，或按一下「PageNotesDefault」右方的向下箭頭并選擇「ManagePageNotes」，此時會出現(xiàn)PageNotes框，利用這個框，您可以新增、移除、更名或重新排列說明字段。想要切換說明類別的話，請按一下「PageNotes–Default」右方的向下箭頭，來選擇說技巧(Quick技巧快速挪動畫focusWireframeHandtoo畫面任意滑動，而且不會打亂任何對象的位置，輕松愉快。技巧二.對象(Widget)選取下層的對象的對象。技巧三.Office或其它軟件的對象：Visio,PhotoshopIllustrator件，并貼到AxureRP一般來說，這些貼上的對象會變成Wireframe中的對象。反之亦然，您也可以AxureRP中的對象或畫面，：技巧選群組(收音機按鈕群組RadioButtonRadioButton，按下鼠標右鍵，并選擇「EditRadioButton->AssignRadioGroup」來設(shè)定RadioButton群組關(guān)系。如此一來，當這些RadioButtonPrototype交互Interactions窗格是用來定義Widget在Wireframe中的交互表現(xiàn)方式，交互表現(xiàn)的方式包RichInternetApplication(RIA)的復雜行為，而且這些交互表現(xiàn)都可以Prototype觸發(fā)事件(Event)、假設(shè)條件(Case)、動作AxureRP觸發(fā)事件(Event)、假設(shè)條件(Case)與動作型態(tài)(Action)所當使用者對網(wǎng)頁進行某些人機接口的操作時，就會對網(wǎng)頁觸發(fā)一個事件(Event)每一個觸發(fā)事件都可以有一或多個假設(shè)條件(Case)，OnClick可以有兩個假設(shè)條件：其中一個導引至某個網(wǎng)頁，另一個則導引至另一個網(wǎng)頁。CurrentWindow」的動作就是一個基本連結(jié)。觸發(fā)事AxureRP5(Event)以鼠標點擊鼠標的指針進入文字輸入狀態(tài)鼠標的指針離開文字輸入狀態(tài)敲鍵盤瀏覽器載入網(wǎng)頁大多數(shù)的對象，只具備最常見的三種觸發(fā)事件(Event)OnClick、OnMouseEnterOnMouseOutButtonOnClickRadioButton，CheckBox2OnFocusOnLostFocusTextField，TextArea2OnKeyUpOnFocusOnLostFocus觸發(fā)事Droplist，ListBox2OnChangeOnFocusOnLostFocusOnPageLoad觸發(fā)事件。(5.網(wǎng)頁層級的交互:Event，AxureRPInteractionEvent。WidgetQuickLinkButtonWidget步驟二：新增假設(shè)條件(AddCase)InteractionsOnClickAddCaseOnClick左鍵兩下)以增加一個假設(shè)條件(Case)OnClick「InteractionCaseProperties」窗，您可以在此處選擇想要執(zhí)行的動作。步驟三：選擇動作型態(tài)(SelectAction)在InteractionCaseProperties窗的Step2.SelectActions，勾選「OpenLinkinCurrentWindow」這個動作型態(tài)。步驟四：編輯實際動作(EditAction按一下InteractionCaseProperties窗的下方，step3的”Link”，并選擇實際執(zhí)動作型態(tài)(Action)及實際動作(Action除了基本連結(jié)之外，AxureRPDescription)，Prototype以下是AxureRP5.0(Action)：OpenlinkinCurrent OpenlinkinPopup Popup窗口（自動彈出窗口OpenlinkinParent ParentCloseCurrent Openlinkin inlineframeSetPanelstate(s)to DynamicPanelShow DynamicHide DynamicToggleVisibitdtyfor DynamicPanelMove DynamicSetVariableandWidgetvalue(s)equal

WidgetOpenlinkinParent ScrolltoImageMap ImageMapEnable WidgetsDisable Widgets 多重假設(shè)條件(Multiple一個觸發(fā)事件(Event)可以加入多個假設(shè)條件(MultipleCases)，以進行不同條件判斷的差OnClickCase1命名為“IfYes”，選Case2“IfNo”，選擇這個假與”PrototypeWidget題將會在第六章高級交互設(shè)計做深入的說明。網(wǎng)頁層級的交互AxureRP(Event)-OnPageLoadOnPageLoadPageNotesInteractionsWidgetOnPageLoad(Event)OnPageLoadEvent技巧(Quick技巧速連結(jié)(QuickWidgetInteractionsQuickLink」并選擇目標網(wǎng)頁，可以Widget技巧二.連結(jié)外部實際或網(wǎng)AxureRP5.0在「LinkProperties」框中指定網(wǎng)頁連結(jié)的時候，勾選「Linktoanexternalurlorfile」選項，然后在「Hyperlink」字段指定一個外部實際的URL。AxureRP4.6在「LinkProperties」框中指定網(wǎng)頁連結(jié)的時候，取消勾選「Linktoapageinthisdesign」選項，然后在「Hyperlink」字段指定一個外部實際的URL。技巧三.重復應(yīng)用類似的交互設(shè)右鍵選擇”Copy”Case，以鼠標右鍵使用共享區(qū)塊Master)WidgetMasterMasterMasterMasterAxureRPMaster。一點特性上，有一點點類似的母片，但不完全是。如果您熟悉ASP或PHP程序語言的”Include”語法，或DreamWeaver的Template(DWT)，那么AxureRP的Master就是同樣的概念，您只要使用Master，其它頁面把Master放進來，就可以產(chǎn)生共享的特性。若想要提升企劃的速度跟效率AxureRP在Web/AP規(guī)畫項目的效益展現(xiàn)出來Master新增、組織與設(shè)計的【AddMaster】鈕，或在窗格中按鼠標右鍵并選擇「AddMaster」。Masters(Folder)Master，然后透過工具列、快捷菜單或是拖拉的Master。MasterMasterWireframeMasterMaster根據(jù)Master的特性，Master對象會有淡紅或灰色的，想要移除的話，可以使用主菜單中的「Wireframe->MaskMasters」功能。單將它變更為「PlaceInBackground」或「CustomWidget」。NormalWireframeMasterPlaceinBackgroundMasterWireframeWidgetMasterCustomWidget:CustomWidgetWireframe上時，Widget就會失Master的關(guān)聯(lián)，可以像一般Widget一樣被編輯，這個功能適合將經(jīng)常使用到的Widget，連同預設(shè)定義好的屬性、注釋和交互建立一個樣式庫(UIDesignPatternLibrary)，例如：白色文字的AxureRP能夠快速提高策劃的效率，除了個人在單一項目上應(yīng)用Master的功能，來大量減低重復編輯的工作之外，還可以利用Master的CustomWidget自訂對象的功能，來建立接口元素的接口庫(UIDesignPatternLibrary)。這里有一篇AxureRP應(yīng)用于Axure技巧(Quick技巧一.在建立項目的初期就開始定義Master，比如的Header/Footer/導覽菜單(Navigation)，或者版位等等。越Master？您可以觀察自己會經(jīng)常把哪些區(qū)塊Master技巧二.將所有頁面都Master(或移Master”Addto技巧三.使用文件的話，這個功能絕對事半功倍。您可以在AxureRP的Masters窗格第一個Icon(Add技巧四.建立在Master中建立常用的(例如：icon圖標)有助于重復使用這些，您就不需要反復AxureRP的”Master”功能想要以中文精準表達有些。在中，Master被譯成”母片”，但是AxureRPMaster譯成”母片”，會失去AxureRPMasterAxureRPMaster，可以是整頁的母片，這是一種型態(tài)。AxureRPMaster，也可以是MasterWidgetLibrary。輸出/應(yīng)用程序原什么是/應(yīng)用程序原型(HTML在Axure中完成有批注的Wireframe和Interaction可以產(chǎn)生可交互且支持多種瀏覽器的Web/AP原型(HTMLPrototype)。(注:APApplication的縮寫，通常指的是應(yīng)用AxureRP原型是由HTML和Javascript組成，可以在IE6(或以上的版本)、或Firefox中瀏覽換句話說原型的人僅需要一般瀏覽器不需要安裝AxureRPIEActiveX警告訊息IEHTMLPrototypeActiveXIEIE瀏覽器出現(xiàn)的ActiveX警示訊息，接著選擇”允許被的內(nèi)容”，這樣子就可以在IEHTMLPrototypeActiveX輸出原型/格式設(shè)想要輸出原型或設(shè)定(ConfigureHMTLPrototype)AxureRP或是按下工具列中的「Prototype」鈕，系統(tǒng)會開啟「ConfigureHTMLPrototype」框General：在「DestinationFolder」處輸入原型的HTML的存放位置，因為AxureRP的原型包含許多，最好指定一個windows系統(tǒng)內(nèi)的夾來存放。Notes(網(wǎng)頁說明)：選擇和排序想要顯示在原型中的網(wǎng)頁層級說明Annotations(物件批注)：選擇和排序想要顯示在原型中的批注字段Interactions：指定交互的行為，例如：指定是否需要預設(shè)顯示條件描述(case)，Distribution：選擇是否產(chǎn)生檔Advanced：選擇是否將TextPanel轉(zhuǎn)成，這是一個舊版本的功能，現(xiàn)在很少有需要這整。或者當您完成原型輸出格式的設(shè)定，只要按一下【Generate】鈕就可將這AxureRP輸出的原型(HTMLPrototype)總共可區(qū)分成三個框架。左側(cè):Sitemap框架Sitemap，那么就應(yīng)該底部說明(PageNotes)框這個框架顯示該網(wǎng)頁的文字說明，這些文字說明來自于您寫在網(wǎng)頁批注(PageNotes)的文中間框不需要安裝AxureRP或任何器就可以直接檢視Prototype。放到服務(wù)第式是發(fā)布原型的HTMLPrototype到WebServer上，您只要將給客戶或工Prototype。壓縮成Zip收到的人，將Zip檔解壓縮后，便可以直接在自己的計算機瀏覽HTMLPrototype，通常是開啟index.htmlXXX_Start.html(XXXRPProject檔第三種方式是產(chǎn)生包含Prototype的檔，就像zip檔一樣，這種方式可以的方式發(fā)布Prototype，而且不需要安裝任何軟件來檢視。是HTMLHelp檔的格式，所以大多數(shù)的Windows計算機已經(jīng)安裝了瀏覽器，使用者只要在上連續(xù)按兩下鼠標「Distribute」區(qū)，勾選「CreateHTMLHelpFile(.)」選項如果您目前已經(jīng)安裝的系統(tǒng)中沒有HTMLHelpWorkshop的話，就必須安裝它才能產(chǎn)生檔，您可從這里免費，一旦完成安裝以后，所安裝的文件夾中將會出現(xiàn)一個hhc.exe的，按一下「Locatehhc.exe」來告訴AxureRP這個程序在計算機中的位置。一旦Prototype和.檔產(chǎn)生之后，您將會在存放Prototype的文件夾中找到一個.檔，您現(xiàn)在就可以將.檔發(fā)布出去，讓接收者在HTMLHelp檢視器中檢視技巧(Quick技巧一.只更新現(xiàn)在開啟的頁面到原型，當您設(shè)計原型的技巧越純熟項目會越來越大，導致輸出原型的時間會隨著項，想要重新產(chǎn)生某一頁網(wǎng)頁，只要在AxureRP該頁Wireframe，接著AxureRP能菜單「Generate」菜單，選擇「RegenerateCurrentPagetoPrototype(CTRL+F5)」(如當您選擇這個動作，或者直接按下熱鍵CTRL+F5，AxureRP不會產(chǎn)生任何窗口，您只會感覺到鼠標指針閃了一下，此時，再回到原型(HTMLPrototype)上去reload這一頁技巧閉IE的ActiveX告訊息的計算機上開啟存放于夾中的HTMLPrototype時，瀏覽器中可能會出現(xiàn)ActiveX警告訊息，想要解除IE中的警告訊息，請點選「工具」菜單中的「因特網(wǎng)選項」，切換到「進中執(zhí)行*技巧三.嵌入外部FlashInlineInlineFrameWidgetAxureRP目前不支持的內(nèi)容，例如：Flash在InlineFrameWidget上連續(xù)鼠標左鍵兩下就可以指定想要加載到框架的網(wǎng)頁，如果您要建立一個包含F(xiàn)lash對象的HTML文件，您可以將嵌入到InlineFrame中，這樣Prototype技巧四.快速繪制架構(gòu)圖以”GenerateFlowDiagram”的功能，請看快速繪制架構(gòu)圖(Sitemap)教學影片。在AxureRP中設(shè)計完Wireframe之后，我們可以輸出Word格式的需求書或功能性規(guī)格文件(Specification)。輸出Word格式規(guī)格文件之前，您的計算機必須事先安裝好Word2000Wireframe(PageNotes)或以及畫面，并且按照網(wǎng)頁順序整理在Word里頭。(如下圖)您可以下列策劃書范例，很快就可以了解AxureRP輸出的規(guī)格書大概是長成什么AxureRPPrototype范例-旅游策劃書(Word2000格式)1.7MAxureRPPrototype范例-旅游策劃書(Word2007格式)700k或是按下工具列中的「Specification」鈕，系統(tǒng)會開啟「ConfigureWord2007Specification」或「ConfigureWord2000Specification」框，并顯示預設(shè)的規(guī)格文輸出文件名稱(DestinationFile)Untitled