1、Axure RP使用培訓2010.11工欲善其事必先利其器工欲善其事必先利其器Axure RP使用培訓 目錄工欲善其事必先利其器工欲善其事必先利其器 RP基本操作 RP高級技巧 RP使用心得Axure RP使用培訓 RP的工作環(huán)境 工欲善其事必先利其器工欲善其事必先利其器1. 主菜單和工具欄主菜單和工具欄：執(zhí)行常用操作，如文件打開、保存、格式化控件、輸出原型、輸出規(guī)格等操作。2. 頁面導航板頁面導航板：對所設計的頁面進行添加、刪除、重命名和組織。3. 控件面板控件面板：該面板中有線框圖控件和流程圖控件，用這些控件進行線框圖和流程圖的設計。4. 模塊面板模塊面板：模塊是一種可以復用的特殊頁面，在

2、該面板中可進行模塊的添加、刪除、重命名和組織。5. 線框圖面板線框圖面板：在線框圖面板中可以進行頁面線框圖的設計，線框圖面板也就是進行頁面設計的工作區(qū)。6. 控件交互面板控件交互面板：定義控件的交互，如：鏈接、彈出、動態(tài)顯示和隱藏等。7. 控件注釋面板控件注釋面板：對控件進行注釋定義和對控件的功能進行說明。8. 頁面交互和注釋面板頁面交互和注釋面板：添加和管理頁面的注釋和交互。.主菜單和工具欄頁面導航板控件面板模塊面板線框圖面板控件交互面板控件注釋面板頁面交互和注釋面板Axure RP使用培訓頁面導航面板（Sitemap） 工欲善其事必先利其器工欲善其事必先利其器頁面的添加、刪除和重命名頁面組

3、織排序 打開頁面進行設計 演示 添加、刪除頁面 頁面排序 拷貝頁面頁面組織排序： 在頁面導航面板中，通過拖拉頁面或點擊工具欄上的排序按鈕，可以上下移動頁面的位置和重新組織頁面的層次。 打開頁面進行設計： 在頁面導航面板中，鼠標雙擊頁面將會在線框面板中打開頁面以進行線框圖設計。 頁面的添加、刪除和重命名：擊面板工具欄上的“Add Child Page”按鈕可以添加一個頁面，點擊 “Delete Page”按鈕可以刪除一個頁面。右鍵單擊選擇“Rename Page”菜單項可對頁面進行重命名。 Axure RP使用培訓控件（Widgets） 工欲善其事必先利其器工欲善其事必先利其器添加控件 操作控件

4、 編輯控件風格和屬性 演示 常用控件：文本、鏈接、圖片、按鈕、表格、輸入框 操作：對齊、置頂、鎖編輯控件風格和屬性編輯控件風格和屬性：有多種方法可以編輯控件的風格和屬性： p 鼠標雙擊：鼠標雙擊某個控件，可以對控件的最常用屬性進行編輯。例如，雙擊一個圖片控件可以導入一張圖片；雙擊一個下拉列表或列表框控件可以編輯列表項。 p 工具欄：點擊工具欄上的按鈕可編輯控件的文本字體、背景色、邊框等。 p 右鍵菜單：控件右鍵菜單上可編輯控件的一些特定屬性，不同控件這些屬性也不同。 Axure RP使用培訓使用模塊（Master） 工欲善其事必先利其器工欲善其事必先利其器模塊是可以重復使用的特殊頁面如頁首(H

5、eader)、頁尾(Footer)與導航(Navigation)演示 一般模板 背景模板 自定義模板pNormal: 模塊可以被移動與放置在線框圖中的任何地方，對模塊修改后，所做的修改會在該模塊的所有使用實例中反映出來。p Place in Background: 模塊應用在線框圖中時，會處于線框圖的最底層并被鎖定，所包含控件的位置與在模塊中的位置相同，常用于作為模板、布局、底板。p Custom Widget: 模塊應用在線框圖中時，模塊中的控件與模塊失去關聯(lián)，模塊中的控件可以像一般控件一樣進行編輯，就好像只是進行了復制。常用于創(chuàng)建具有自定義屬性、注釋和交互的自定義控件庫，Axure RP使

6、用培訓控件的交互 工欲善其事必先利其器工欲善其事必先利其器演示多caseIf else隱藏、顯示一個區(qū)域變量復制在控件交互面板中可以定義控件的交互，交互由事件（Events）、場景（ Cases）和動作（Actions）組成： p用戶操作界面時就會觸發(fā)事件，如鼠標的OnClick、OnMouseEnter和OnMouseOut； p每個事件可以包含多個場景，場景也就是事件觸發(fā)后要滿足的條件； p每個場景可執(zhí)行多個動作，例如：打開鏈接、顯示面板、隱藏面板、移動面板。 目前Axure RP 5支持的事件如下： OnClick：鼠標點擊 OnMouseEnter：鼠標的指針移動到對象上 OnMous

7、eOut：鼠標的指針移動出對象外 OnFocus：鼠標的指針進入文字輸入狀態(tài)（獲得焦點） OnLostFocus：鼠標的指針離開文字輸入狀態(tài) （失去焦點） OnPageLoad：頁面或模塊載入 Axure RP使用培訓控件的交互 工欲善其事必先利其器工欲善其事必先利其器以下是 Axure所支持的動作： p Open Link in Current Window：在當前窗口打開一個頁面 p Open Link in Popup Window：在彈出的窗口中打開一個頁面 p Open Link in Parent Window：在父窗口中打開一個頁面 p Close Current Window：

8、關閉當前窗口 p Open Link in Frame：在框架中打開一個頁面 p Set Panel state(s) to State(s)：為動態(tài)面板設定要顯示的狀態(tài) p Show Panel(s)：顯示動態(tài)面板 p Hide Panel(s)：隱藏動態(tài)面板 p Toggle Visibility for Panel(s)：切換動態(tài)面板的顯示狀態(tài)（顯示/隱藏） p Move Panel(s)：根據(jù)絕對坐標或相對坐標來移動動態(tài)面板 p Set Variable and Widget value(s) equal to Value(s)：設定變量值或控件值 p Open Link in Par

9、ent Frame：在父頁面的嵌框架中打開一個頁面 p Scroll to Image Map Region：滾動頁面到Image Map所在位置 p Enable Widget(s)：把對象狀態(tài)變成可用狀態(tài) p Disable Widget(s)：把對象狀態(tài)變成不可用狀態(tài) p Wait Time(s)：等待多少毫秒(ms)后再進行這個動作 p Other：顯示動作的文字說明 Axure RP使用培訓生成原型和規(guī)格說明工欲善其事必先利其器工欲善其事必先利其器F5鍵生成HTMLF6鍵生成規(guī)格說明書docCHM文檔演示HtmlWordChm配置選項分為以下部分： p General：在“Desti

10、nation Folder”位置輸入HTML原型的存放位置。由于Axure HTML原型包含多個文件，最好指定一個單獨文件夾專門存放這個原型。 p Notes：選擇和排序想要顯示在HTML原型中的頁面說明。 p Annotations：選擇和排序想要顯示在HTML原型中的注釋字段。 p Interactions：指定交互行為，例如：指定是否需要總是顯示場景描述(case)，或是只在多個場景存在的情形才顯示。 p Distribution：選擇是否生成chm文件。 p Advanced：選擇是否將Text Panel轉成圖片，這是舊版本的一個功能，很少使用。 Axure RP使用培訓流程圖工欲善

11、其事必先利其器工欲善其事必先利其器可以根據(jù)頁面導航面板中的頁面層級關系自動產(chǎn)生流程圖： 1、首先，創(chuàng)建一個流程圖頁面，并雙擊打開； 2、然后，在頁面導航面板中你想要生成流程圖的分支根節(jié)點上點擊右鍵，然后選擇“Generate Flow Diagram”，你將看到兩個選項：Standard digram 或Right Hanging。選擇其中一個就可以在線框圖面板中產(chǎn)生一個流程圖。 在控件面板中的頂部工具欄上點擊“flow”按鈕可以找到流程控件，這些流程控件用于表達流程中的步驟。Axure里面由于不涉及到具體的程序流程，所以有些標準的圖形并沒有提供，如不規(guī)則圖形、側面雙矩形等，如果這些流程控件不

12、滿足你的流程需要，可由圖片控件進行合成。 流程控件的使用有一些約定習慣，但是Axure并沒有對如何使用這些形狀進行強制約束。一般地，你應該以其他人能夠理解的方式進行使用。你可以自己自定義一套符號標準，進行使用。 Axure RP使用培訓 目錄工欲善其事必先利其器工欲善其事必先利其器 RP基本操作 RP高級技巧 RP使用心得Axure RP使用培訓高級技巧工欲善其事必先利其器工欲善其事必先利其器 案例分析會員中心的設計，主要展示動態(tài)面板、翻轉效果和鼠標移動事件、菜單等功能。Axure RP使用培訓 目錄工欲善其事必先利其器工欲善其事必先利其器 RP簡介 RP基本操作 RP高級技巧 RP使用心得A

13、xure RP使用培訓 夠用就好工欲善其事必先利其器工欲善其事必先利其器Axure RP軟件也在不斷的完善，有不能實現(xiàn)的效果一個不能實現(xiàn)的效果，只要不影響項目的進度，不影響與執(zhí)行人員的溝通，在工作中就不要過分的追求有些交互設計師會對一些布局細節(jié)擔憂，害怕自己會一直調整對齊和細節(jié)。記住，我們出的是可交互的原型，不是最終產(chǎn)品，不需要考慮太多的視覺細節(jié)，這些會由前端開發(fā)去進行標準的把控不執(zhí)著于Axure RP不能實現(xiàn)的業(yè)務需求輸出規(guī)格說明：設計完線框圖后，就可以輸出Word格式的需求書或功能性規(guī)格文件(Specification)。默認的規(guī)格書生成器是Word 2007 (.docx文件)，需要安裝Word 2007以生成和閱讀.docx文件。另外，你也可以設置Word2000作為規(guī)格書生成器。 如果沒有安裝Word 2007，可以安裝Microsoft Office Compatibility Pack兼容包，然后就可以讓Office2000/XP/2003打開、創(chuàng)建、編