Axure分享-基礎(chǔ)介紹

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

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

OnMouseEnter：鼠標(biāo)的指針移動到對象上

OnMouseOut：鼠標(biāo)的指針移動出對象外

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

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

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

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

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

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

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

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

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

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

Ctrl+”-”頁面平移：space

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

/

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