Axure入門基礎(chǔ)

1、策劃幫手Axure RP目錄目錄什么是Axure RP？1Axure RP基本操作2交互詳解3動態(tài)面板實例4什么是什么是Axure RP？ AxureAxure的發(fā)音是“Ack-sure”，RP則是“Rapid Prototyping”的縮寫。Axure RP Pro是美國Axure Software Solution公司的精心杰作，是一個快速繪制Wireframe 和Prototyping的工具，主要是針對負責(zé)定義需求、定義規(guī)格、設(shè)計功能、設(shè)計界面的專家，包括用戶體驗設(shè)計師（UX）、交互設(shè)計師（UI）、業(yè)務(wù)分析師（BA）、信息架構(gòu)師（IA）、可用性專家（UE）和產(chǎn)品經(jīng)理（PM）。 在Axur

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

3、拖拉頁面或點擊工具欄上的排序按鈕，可以上下移動頁面的排序按鈕，可以上下移動頁面的位置和重新組織頁面的層次位置和重新組織頁面的層次組件（界面工作集）組件（界面工作集）添加控件添加控件從組件中拖動一個控件到界面中，就可以添加一個控制?？丶梢詮囊粋€界面中拷貝到另外一個界面中。編輯控件編輯控件鼠標(biāo)雙擊鼠標(biāo)雙擊：雙擊控件，可以對控件最常用的屬性進行編輯工具欄工具欄：點擊工具欄上的按鈕可以編輯控件的文本字體、背景色、邊框等；右鍵菜單右鍵菜單：右擊控件可以選擇編輯控件的一些特定屬性，不同控件屬性也不同。模塊區(qū)域模塊區(qū)域 模塊是可以重復(fù)使用的特殊頁面。只要修改模塊，在所有頁面中引用這個模塊的實例也會隨即全部

4、跟著變化； 模塊面板可利用文件夾來組織模塊，并且可以用拖拉或工具欄的方式排列模塊； 在頁面中拖入模塊后，模塊對象回應(yīng)淡紅色遮罩，在頁面中模塊是不可修改的； 修改模塊中的內(nèi)容只能在模塊頁面修改。交互設(shè)計與物件注釋交互設(shè)計與物件注釋 控件標(biāo)簽相當(dāng)是給控件起了個名稱，用來區(qū)分控件； 在交互設(shè)計里面可以設(shè)計控件執(zhí)行不同事件； 在Specification里面添加注釋，在生成頁面中會有 標(biāo)示，點擊這個標(biāo)示會出現(xiàn)注釋說明交互設(shè)計注釋控件標(biāo)簽頁面注釋和頁面交互頁面注釋和頁面交互 在頁面注釋中的Page Notes面板中可以添加備注內(nèi)容； 點擊Default后面的三角可以添加多個備注面板； 頁面交互就是編輯O

5、nPageLoad事件，某塊內(nèi)容在生成頁面時不顯示，但是點擊其他控件事件出現(xiàn)此塊內(nèi)容就要使用OnPageLoad事件并且和動態(tài)面板聯(lián)合使用，開始設(shè)置動態(tài)面板隱藏，其他控件的事件設(shè)置動態(tài)面板顯示。交互交互控件交互控件交互目前Axure RP支持的事件如下：OnClick：鼠標(biāo)點擊OnMouseEnter：鼠標(biāo)的指針移動到對象上OnMouseOut：鼠標(biāo)的指針移出對象OnFocus：鼠標(biāo)的指針進入文字輸入狀態(tài)（獲得焦點）OnLostFocus：鼠標(biāo)的指針離開文字輸入狀態(tài)（失去焦點）OnPageLoad：頁面或者模塊載入常見的三種事件交互交互事件、場景、動作關(guān)系事件、場景、動作關(guān)系交互交互定義鏈接定

6、義鏈接交互交互動態(tài)面板（動態(tài)面板（1） 動態(tài)面板包含多個狀態(tài)，每個狀態(tài)可包含一系列控件。任何時候都只有一個狀態(tài)時可見的，一般都是默認第一個狀態(tài)可見； 動態(tài)面板的狀態(tài)可以隱藏、顯示和改變； 將動態(tài)面板拖到界面后，可以根據(jù)需要改變面板大小、位置 使用動態(tài)面板的情況： 頁面中存某塊內(nèi)容在開始不顯示后來顯示的情況； 在開始頁面加載時不顯示后來顯示； Tab頁切換； 某塊內(nèi)容隨著事件的不同顯示位置不同的情況交互交互動態(tài)面板（動態(tài)面板（2）1、編輯動態(tài)面板右擊動態(tài)面板，選擇“編輯動態(tài)面板” “管理動態(tài)狀態(tài)”在對話框中可以創(chuàng)建、重命名、重新排序、刪除、和編輯動態(tài)面板的狀態(tài)交互交互動態(tài)面板（動態(tài)面板（2）2、

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