Axure入門基礎(chǔ)

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

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

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

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

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

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

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