Axure分享最強大的原型設計工具方瑋俊fangweijun@先來看個實例…GOAxure介紹Axure是什么？Axure的發音是“Ack-sure”RP則是RapidPrototyping即快速原型工具。Axure能干什么？進行更加高效的設計；讓你體驗動態的原型；更加清晰的交流想法；只有這些嗎？？“沒有比制作prototype更易取得使用者界面與特殊功能可用性上的一致性了。Prototype不只可確認需求，它更可贏得顧客的心。”

——阿倫M.戴維斯和迪安A.萊芬韋爾“沒有比交互原型更容易讓領導或客戶理解產品，達成對產品功能認知統一，提高DEMO通過率的東東了。”——方瑋俊1.主界面介紹命令行menu工具欄tools站點地圖sitemap組件庫widgets復用模塊masters工作區workplace頁面筆記pagenotes頁面交互pageinteractions注釋&交互annotations&interactions位置尺寸調整動態面板管理模塊介紹Sitemap-站點地圖這部分是所有Page的管理模塊，Page可以理解為設計者手里的一張紙通過上下和左右箭頭，可以調整page的從屬關系，也可以刪除不需要的pageSitemap-站點地圖左中間_Widget-組件兩大功能線框圖組件列表流程組件列表最常用組件矩形動態面板自定義組件庫(5.5版之后)左下角_Master-自定義模塊在這里可以將組件定義為模塊，便于其他頁面復用。如：如SDO頭部復用模塊行為behavior：正常（NORMAL）:普通模塊，默認，復制調用背景（placeinbackground）：背景模塊，鎖定，底層，復制調用自定義(customwidgetsbehavior):繼承調用右上角_注釋和交互交互面板用于定義線框圖中組件的行為，包含定義簡單的鏈接和復雜的RIA行為，所定義的交互都可以在將來生成的原型中進行操作執行右上角_注釋和交互在控件交互面板中可以定義控件的交互，交互由事件（Events）、場景（Cases）和動作（Actions）組成：用戶操作界面時就會觸發事件，如鼠標的OnClick、OnMouseEnter和OnMouseOut；每個事件可以包含多個場景，場景也就是事件觸發后要滿足的條件；每個場景可執行多個動作，例如：打開鏈接、顯示面板、隱藏面板、移動面板事件場景動作動作場景動作動作右上角_注釋和交互目前AxureRP5支持的事件如下：OnClick：鼠標點擊

OnMouseEnter：鼠標的指針移動到對象上

OnMouseOut：鼠標的指針移動出對象外

OnFocus：鼠標的指針進入文字輸入狀態（獲得焦點）

OnLostFocus：鼠標的指針離開文字輸入狀態（失去焦點）

OnPageLoad：頁面或模塊載入大多對象只具備常見的三種觸發事件：OnClick、OnMouseEnter與OnMouseOut，一些特殊的控件可觸發的事件有些不同：按鈕控件只有OnClick單選框和復選框則具有OnFocus、OnLostFocus

文本框、文本域、下拉框、列表框則具有OnKeyUp、OnFocus、OnLostFocus頁面加載或模塊被載入時則發生OnPageLoad右上角_注釋和交互以下是Axure所支持的動作：當前窗口打開鏈接 在彈出窗口打開鏈接

在父窗口打開鏈接 關閉當前窗口 在框架中打開鏈接 設置動態面板狀態轉換 為動態面板設定要顯示的狀態顯示動態面板 隱藏動態面板 切換動態面板可見屬性 切換動態面板的顯示狀態（顯示/隱藏）移動動態面板

根據絕對坐標或相對坐標來移動動態面板將動態面板置為最前 設置變量和組件值的變化值 設定變量值或控件值滾動到圖片映射區域 滾動頁面到ImageMap所在位置啟用組件

把對象狀態變成可用狀態禁用組件

把對象狀態變成不可用狀態設置組件為選中狀態 設置組件焦點 等待時間（毫秒）

等待多少毫秒(ms)后再進行這個動作展開樹狀節點 折疊樹狀節點 其他

顯示動作的文字說明豐富的交互類型基礎編輯器高級編輯器Tips：事件（是可以被控件識別的操作）=條件+動作當同一個動作超過1次以上使用或動作排序和默認排序不同，則需要使用高級編輯器添加事件變量及變量賦值組件TextAreaLable：Float_Txt解讀：將組件Float_Txt中的文本“建議游戲運營方采納”，賦值給變量TxtFloatHtml原型文件輸出Tips:F5生成原型Ctrl+F5將當前頁面重生成為原型案例：盛大問吧首頁原型設計RP文件Prototypes（原型文件）RPLibraries（問吧視覺組件庫）對中文的兼容性不是很好可通過記事本粘貼因為Axure不支持中文，所以他的字體和html中的px(像素)是不同的，html中的12px字體在Axure里面要設置為9，14px的要設置為11Axure也存在層的問題Ctrl+],Ctrl+[可以快速調整層的順序PS快捷鍵支持頁面放大縮小：Ctrl+”+”

Ctrl+”-”頁面平移：space

+鼠標拖動；“方向鍵”：每次移動1個像素；“Shift+方向鍵

/

Ctrl+方向鍵”：每次移動10個像素動態效果幾乎都是通過動態面板實現的Masters（模塊）/widgets（組件）/group（組合）是很有用的功能，熟練使用這些功能是Axure提升原型設計效率的關鍵3.幾個常見的問題4.高級應用可以載入外部組件庫或自己創建組件庫，豐富widget組件條件+動作的操作模式幾乎能勝任市面常見的頁面交互行為(浮動層、面板切換等)可以通過定義變量，模擬登陸驗證等數據庫操作模擬AJAX局部刷新更多特點待發現…1.不要把大把的時間放到交互動作或