1、good ！,pm 好利器Axure RP,2011-06-28,目錄,什么是Axure RP？,AxureAxure的發(fā)音是“Ack-sure”，RP則是“Rapid Prototyping”的縮寫。Axure RP Pro是美國Axure Software Solution公司的精心杰作，是一個快速繪制Wireframe 和Prototyping的工具，主要是針對負責定義需求、定義規(guī)格、設計功能、設計界面的專家，包括用戶體驗設計師（UX）、交互設計師（UI）、業(yè)務分析師（BA）、信息架構師（IA）、可用性專家（UE）和產品經(jīng)理（PM）。 在Axure RP中建立Wireframe和Prot

2、otype可以幫助您快速且有效地分析需求、驗證設計并傳達給所有參與者，以確保在有限的項目時間與資源下，開發(fā)出有用和可用的應用程序。,認識Axure RP操作界面,站點地圖,主菜單和工具欄,界面,組件（界面工具集 ）,頁面注釋與頁面交互,模塊區(qū)域,物件注釋,互動設計,主菜單和工具欄,執(zhí)行常用操作，如文本打開、保存、格式化控件、輸出原型、輸出規(guī)格等操作,隨選模式,連接線模式,站點地圖,站點地圖用于管理所設計的頁面， 可以添加、刪除及對頁面層次進行重新組織,通過拖拉頁面或點擊工具欄上的排序按鈕，可以上下移動頁面的位置和重新組織頁面的層次,組件（界面工作集）,添加控件 從組件中拖動一個控件到界面中，就

3、可以添加一個控制?？丶梢詮囊粋€界面中 拷貝到另外一個界面中。 編輯控件 鼠標雙擊：雙擊控件，可以對控件最常用的屬性進行編輯 工具欄：點擊工具欄上的按鈕可以編輯控件的文本字體、背景色、邊框等； 右鍵菜單：右擊控件可以選擇編輯控件的一些特定屬性，不同控件屬性也不同。,模塊區(qū)域,模塊是可以重復使用的特殊頁面。只要修改模塊，在所有頁面中引用這個模塊的實例也會隨即全部跟著變化； 模塊面板可利用文件夾來組織模塊，并且可以用拖拉或工具欄的方式排列模塊； 在頁面中拖入模塊后，模塊對象回應淡紅色遮罩，在頁面中模塊是不可修改的； 修改模塊中的內容只能在模塊頁面修改。,交互設計與物件注釋,交互設計,注釋,控件標簽

4、,頁面注釋和頁面交互,在頁面注釋中的Page Notes面板中可以添加備注內容； 點擊Default后面的三角可以添加多個備注面板； 頁面交互就是編輯OnPageLoad事件，某塊內容在生成頁面時不顯示，但是點擊其他控件事件出現(xiàn)此塊內容就要使用OnPageLoad事件并且和動態(tài)面板聯(lián)合使用，開始設置動態(tài)面板隱藏，其他控件的事件設置動態(tài)面板顯示。,交互控件交互,目前Axure RP支持的事件如下： OnClick：鼠標點擊 OnMouseEnter：鼠標的指針移動到對象上 OnMouseOut：鼠標的指針移出對象 OnFocus：鼠標的指針進入文字輸入狀態(tài)（獲得焦點） OnLostFocus：鼠

5、標的指針離開文字輸入狀態(tài)（失去焦點） OnPageLoad：頁面或者模塊載入,常見的三種事件,交互事件、場景、動作關系,交互定義鏈接,交互動態(tài)面板（1）,動態(tài)面板包含多個狀態(tài)，每個狀態(tài)可包含一系列控件。任何時候都只有一個狀態(tài)時可見的，一般都是默認第一個狀態(tài)可見； 動態(tài)面板的狀態(tài)可以隱藏、顯示和改變； 將動態(tài)面板拖到界面后，可以根據(jù)需要改變面板大小、位置 使用動態(tài)面板的情況： 頁面中存某塊內容在開始不顯示后來顯示的情況； 在開始頁面加載時不顯示后來顯示； Tab頁切換； 某塊內容隨著事件的不同顯示位置不同的情況,交互動態(tài)面板（2）,1、編輯動態(tài)面板,右擊動態(tài)面板，選擇“編輯動態(tài)面板” “管理動態(tài)

6、狀態(tài)”,在對話框中可以創(chuàng)建、重命名、重新排序、刪除、和編輯動態(tài)面板的狀態(tài),交互動態(tài)面板（2）,2、交互動作,動態(tài)面板實例,1、將動態(tài)面板從組件中拖到界面中，右擊動態(tài)面板選擇“編輯動態(tài)面板” “管理動態(tài)狀態(tài)”,交互動態(tài)面板實例,2、設置動態(tài)面板標簽為“實例”，并新增三個狀態(tài)：tab1、tab2、tab3，然后點擊“編輯所有狀態(tài)”,動態(tài)面板實例,3、在tab1頁面中設置tab1、tab2、tab3三個矩形框，并且為了突出效果可以設置tab1矩形框的顏色為白色（表示選中的是tab1狀態(tài)），其他兩個為灰色。,動態(tài)面板實例,4、在tab1狀態(tài)頁面中設置tab1、tab2、tab3三個矩形框的OnClick事件，以tab1的添加上事件為例說明： （1）選擇tab1矩形框，點擊交互中的OnClick事件，再選擇“設置動態(tài)面板的狀態(tài)轉換”，然后選擇第三步的“Panel state to state”；,動態(tài)面板實例,（2）選擇第一步中的“設置 實例 的狀態(tài)變化”，然后點擊第二部中的tab1,動態(tài)面板實例,（3）選擇一個動態(tài)面板tab1，點擊確定完成事件,注明：tab2、tab3矩形框事件如同tab1，只是選擇面板狀態(tài)時選擇對應得狀態(tài)，tab2選擇tab2狀態(tài)、tab3選擇tab3狀態(tài),動態(tài)面板實例,5、 tab2、tab3狀態(tài)頁面操作如4步