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

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

OnMouseEnter：鼠標(biāo)的指針移動(dòng)到對(duì)象上

OnMouseOut：鼠標(biāo)的指針移動(dòng)出對(duì)象外

OnFocus：鼠標(biāo)的指針進(jìn)入文字輸入狀態(tài)（獲得焦點(diǎn)）

OnLostFocus：鼠標(biāo)的指針離開文字輸入狀態(tài)（失去焦點(diǎn)）

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

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

在父窗口打開鏈接 關(guān)閉當(dāng)前窗口 在框架中打開鏈接 設(shè)置動(dòng)態(tài)面板狀態(tài)轉(zhuǎn)換 為動(dòng)態(tài)面板設(shè)定要顯示的狀態(tài)顯示動(dòng)態(tài)面板 隱藏動(dòng)態(tài)面板 切換動(dòng)態(tài)面板可見屬性 切換動(dòng)態(tài)面板的顯示狀態(tài)（顯示/隱藏）移動(dòng)動(dòng)態(tài)面板

根據(jù)絕對(duì)坐標(biāo)或相對(duì)坐標(biāo)來移動(dòng)動(dòng)態(tài)面板將動(dòng)態(tài)面板置為最前 設(shè)置變量和組件值的變化值 設(shè)定變量值或控件值滾動(dòng)到圖片映射區(qū)域 滾動(dòng)頁面到ImageMap所在位置啟用組件

把對(duì)象狀態(tài)變成可用狀態(tài)禁用組件

把對(duì)象狀態(tài)變成不可用狀態(tài)設(shè)置組件為選中狀態(tài) 設(shè)置組件焦點(diǎn) 等待時(shí)間（毫秒）

等待多少毫秒(ms)后再進(jìn)行這個(gè)動(dòng)作展開樹狀節(jié)點(diǎn) 折疊樹狀節(jié)點(diǎn) 其他

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

Ctrl+”-”頁面平移：space

+鼠標(biāo)拖動(dòng)；“方向鍵”：每次移動(dòng)1個(gè)像素；“Shift+方向鍵

/

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