如何使用Axure

1、Axure RP基本功能介紹分享: 劉冬源 2010.08.21分享: 劉冬源 2010.08.21目錄界面介紹常用組件簡單交互實現Axure RP基本功能介紹1分享: 劉冬源 2010.08.212Axure RP基本功能介紹界面介紹工作區(qū)站點地圖組件模塊頁面注釋頁面交互動態(tài)面板管理控件交互面板位置與大小分享: 劉冬源 2010.08.213分享: 劉冬源 2010.08.21Axure RP基本功能介紹站點地圖 站點地圖是一個頁面導航面板, 在這里面可以對所設計的頁面進行添加、刪除、重命名和組織分享: 劉冬源 2010.08.214Axure RP基本功能介紹 組件面板中有線框圖組件和流程

2、圖組件，用這些組件進行線框圖和流程圖的設計。這里顯示的是所有的組件,后面的一部分是流程圖組件 常用組件分享: 劉冬源 2010.08.215Axure RP基本功能介紹 線框圖組件中,常用的有圖片、文本塊、矩形、占位符、形狀按鈕、圖片影射區(qū)域、動態(tài)面板。其中，在完成一些交互動作時，動態(tài)面板用的最多。組件的使用： 所有的組件都是用鼠標單擊選中后拖入到工作區(qū)域.對組件的編輯除了交互動作的設置之外,還可以對這些組件進行填充顏色或漸變、設置邊框顏色或粗細、以及編輯文字。常用組件動態(tài)面板分享: 劉冬源 2010.08.216Axure RP基本功能介紹常用組件圖片雙擊 圖片的操作比較簡單，雙擊，選擇一張

3、圖片打開即可。 需要重新添加圖片是，在原來的圖片上雙擊再選擇。分享: 劉冬源 2010.08.217Axure RP基本功能介紹常用組件矩形、占位符、輸入框、形狀按鈕、按鈕 這幾個組件的操作都比較簡單，直接拖入到工作區(qū)域使用即可。 可以改變尺寸、顏色、邊框，可以輸入文字。由于Axure對中文支持不好,所以有時在矩形、占位符里輸入中文時會出現問題。 矩形、占位符、形狀按鈕都有很多形狀可以變化、彼此之間也可以相互轉換。 分享: 劉冬源 2010.08.218Axure RP基本功能介紹常用組件文字編輯組合、順序對齊、分布填充、邊框文字分布鎖定控件改變形狀右鍵菜單分享: 劉冬源 2010.08.21

4、9Axure RP基本功能介紹常用組件 矩形的形狀變化，其中，圓角的大小是可以控制的，使用不同的形狀得到一些組合形狀。分享: 劉冬源 2010.08.2110分享: 劉冬源 2010.08.21Axure RP基本功能介紹常用組件 矩形的形狀變化，其中，圓角的大小是可以控制的; 使用不同的形狀進行組合可以得到一些組合形狀。分享: 劉冬源 2010.08.21分享: 劉冬源 2010.08.21Axure RP基本功能介紹模塊面板 模塊是一種可重復利用的頁面，比如頁面的模板、導航欄、頁首、頁腳等這些類似的元素都可以通過模塊來調用。 使用模塊的好處是：修改模塊時，原型中所有使用該模塊的地方都會跟著

5、一起修改。這樣在設計時可以提高效率并且易于管理。 模塊的面板和站點地圖有點類似?？梢蕴砑?、組織、編輯。11分享: 劉冬源 2010.08.21分享: 劉冬源 2010.08.21Axure RP基本功能介紹模塊面板模塊的行為有三種：正常、作為背景、自定義組件12 正常：這是默認狀態(tài)，就是修改模塊時，引用到頁面的模塊會跟著一起修改。 作為背景：當把模塊調用到頁面時會放置底層并且鎖定。 自定義：這種模塊可以在頁面中進行修改而不會引起其他模塊變化，類似于復制。根據不同版本不一定有這個行為分享: 劉冬源 2010.08.21分享: 劉冬源 2010.08.21Axure RP基本功能介紹簡單交互13A

6、xure里的交互大致有四種： 定義連接 設置動作 多個條件場景 頁面上的交互目前Axure RP 5 支持的事件如下： OnClick：鼠標點擊 OnMouseEnter：鼠標的指針移動到對象上 OnMouseOut：鼠標的指針移動出對象外 OnFocus：鼠標的指針進入文字輸入狀態(tài)（獲得焦點） OnLostFocus：鼠標的指針離開文字輸入狀態(tài) （失去焦點） OnPageLoad：頁面或模塊載入 OnKeyUp: 釋放按鍵分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互14事件、場景、動作分享分享: 劉冬源劉冬源

7、 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互15定義鏈接 定義鏈接可以讓一個組件響應一個動作時（如鼠標點擊、飄過）鏈接到其他頁面。在Axure里提供了四種鏈接方式：1.鏈接到設計中的頁面2.連接到外部網址或文件3.重新載入當前頁面4返回上個頁面設計中的頁面外部網址重新載入返回分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互16定義鏈接方法1方法2分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本

8、功能介紹簡單交互17設置動作 除了定義鏈接之外，Axure里還可以設置豐富的動作，在Axure里，任何可以出發(fā)的事件中都可以執(zhí)行這些動作。點擊后打開高級編輯器分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互18設置動作 Axure里提供的動作在執(zhí)行時是自上而下順序執(zhí)行的，在基本編輯器里，勾選一些動作后，Axure會按照默認的方法生成動作的執(zhí)行順序。當這些順序不能滿足需求時，可以嘗試使用高級編輯器，可以自定義添加動作、改變執(zhí)行順序。添加動作編輯動作順序分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉

9、冬源 2010.08.21Axure RP基本功能介紹簡單交互19Axure里的動作Open Link in Current Window：在當前窗口打開一個頁面 Open Link in Popup Window：在彈出的窗口中打開一個頁面 Open Link in Parent Window：在父窗口中打開一個頁面 Close Current Window：關閉當前窗口 Open Link in Frame：在框架中打開鏈接Open Link in Parent Frame：在父框架中打開鏈接Set Panel state(s) to State(s)：設置動態(tài)面板的狀態(tài)轉換Show Pa

10、nel(s)：顯示動態(tài)面板 Hide Panel(s)：隱藏動態(tài)面板 Toggle Visibility for Panel(s)：切換動態(tài)面板的可見屬性（顯示/隱藏） Move Panel(s)：根據絕對坐標或相對坐標來移動動態(tài)面板 分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互20Axure里的動作Bring Panel to Front：將動態(tài)面板置為最前端Set Variable and Widget value(s) equal to Value(s)：設定變量值或控件值 Open Link in Pa

11、rent Frame：在父頁面的嵌框架中打開一個頁面 Scroll to Image Map Region：滾動頁面到Image Map所在位置 Enable Widget(s)：把對象狀態(tài)變成可用狀態(tài) Disable Widget(s)：把對象狀態(tài)變成不可用狀態(tài) Set Focus on Widget：設置焦點Wait Time(s)：等待多少毫秒(ms)后再進行這個動作Expand Tree Node：展開樹狀節(jié)點Collapse Tree Node：折疊樹狀節(jié)點 Other：顯示動作的文字說明 分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21A

12、xure RP基本功能介紹簡單交互21設置場景 一個事件的發(fā)生在不同的場景中結果是不一樣的，比如發(fā)送信息，發(fā)送失敗和發(fā)送成功返回的結果是不一樣的。 在Axure里，這樣的多個場景的事件，可以通過條件設置來編輯，不同的條件會觸發(fā)不同的場景。添加刪除條件分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互22設置場景 在發(fā)送信息時，有“發(fā)送成功”和“發(fā)送失敗”兩個場景：對于“發(fā)送成功”來說，有這樣的一連串事件：顯示“正在發(fā)送”、輸入框變?yōu)榭瞻?、等待一段時間后、顯示“發(fā)送成功”。 類似的，發(fā)送失敗時也有這樣一串動作。 而判斷

13、消息發(fā)送是否成功則是根據實際應用中發(fā)送的情況而定。分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互23頁面交互 Axure還支持頁面層級的觸發(fā)事件，當載入一個頁面時，就會觸發(fā)OnPageLoad事件。 OnPageLoad事件可以為我們設置頁面在載入時的初始狀態(tài)，并可以觸發(fā)一些我們需要的場景的條件。 例如，一個導航會有一個初始狀態(tài)和一個選中狀態(tài)，當我們從一個入口進入到一個頁面時，我們希望那個對應的導航按鈕時處于選中狀態(tài)，此時就需要使用OnPageLoad事件來設置。分享分享: 劉冬源劉冬源 2010.08.21分享

14、分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互24動態(tài)面板動態(tài)面板 Axure中很多的交互是由動態(tài)面板來實現的。 動態(tài)面板里面可以包含多個狀態(tài)，所以通過一些事件可以對動態(tài)面板的狀態(tài)進行切換，以此來實現交互效果。但任何時候都是只有一個狀態(tài)是可見的，或者整個動態(tài)面板是被隱藏的。分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互25動態(tài)面板 雙擊動態(tài)面板的線框圖，會有一個動態(tài)面板狀態(tài)管理的對話框，在這里可以添加、刪除、重命名、組織動態(tài)面板。 動態(tài)面板的第一個狀態(tài)時它的默認狀態(tài)。選擇編輯之后可以對其進行設計，像畫線框圖一樣。 動態(tài)面板的顯示范圍是在一個藍色的虛線框內，這個也是動態(tài)面板對事件的響應范圍。分享分享: 劉冬源劉冬源 2010.08.21分享分享: 劉冬源劉冬源 2010.08.21Axure RP基本功能介紹簡單交互26動態(tài)面板 動態(tài)面板管理面板。在這里也可以對動態(tài)面板進行添加、刪除、組織等操作。雙擊可以對其進行編輯。 有時，動態(tài)面板較多時，在屏幕上的顯