Axure基礎(chǔ)培訓(xùn)課件

Axure基礎(chǔ)培訓(xùn)1-目錄Axure簡(jiǎn)單介紹基本操作介紹13案例分享2Axure布局控件面板區(qū)交互事件區(qū)母版介紹動(dòng)態(tài)面版輸出原型自定義組件實(shí)例演示開關(guān)實(shí)例演示Tab頁(yè)簽實(shí)例演示2-為何選擇Axure如果你是網(wǎng)站產(chǎn)品經(jīng)理、項(xiàng)目經(jīng)理、網(wǎng)站策劃、原型設(shè)計(jì)師、交互設(shè)計(jì)師，甚至急切想表達(dá)想法驗(yàn)證想法的Boss.如果你還在因?yàn)槭褂昧薟ord、Visio、PowerPoint、Dreamweaver或Photoshop等工具，在表達(dá)想法和原型時(shí)感到制作緩慢、效果粗獷、不易理解、無交互體現(xiàn)、修改困難等問題而頭痛不已……AxureRP正在幫你實(shí)現(xiàn)這一心愿，將你在內(nèi)心躊躇已久的種種想法帶進(jìn)可以準(zhǔn)確傳遞、快速驗(yàn)證的原型呈現(xiàn)階段。甚至你不需要了解一行程序代碼即可輕松做到這一切?？焖賹?shí)現(xiàn)、準(zhǔn)確表達(dá)、帶有交互效果且易于上手的原型設(shè)計(jì)利器。3-Axure簡(jiǎn)單介紹Axure

RP

快速原型制作軟件，由美國(guó)AxureSoftwareSolutions,Inc.公司開發(fā)。Axure(aksh?r)音標(biāo).RP是RapidPrototyping(快速原型縮寫)。AxureRP能讓操作它的人快速準(zhǔn)確的創(chuàng)建基于Web的網(wǎng)站流程圖、原型頁(yè)面、交互體驗(yàn)設(shè)計(jì)、標(biāo)注詳細(xì)開發(fā)說明，并導(dǎo)出Html原型或規(guī)格的Word開發(fā)文檔。（通過擴(kuò)展還會(huì)支持更多的輸出格式）?網(wǎng)站架構(gòu)圖(SiteStructure)?示意圖(Wireframe)?流程圖(Flowchart)軟件界面及功能特性：?交互設(shè)計(jì)(InteractionDesign)?原型設(shè)計(jì)(HTMLPrototype)?規(guī)格文檔(Specification)4-目錄Axure簡(jiǎn)單介紹基本操作介紹13案例分享2Axure布局控件面板區(qū)交互事件區(qū)母版介紹動(dòng)態(tài)面版輸出原型自定義組件實(shí)例演示開關(guān)實(shí)例演示Tab頁(yè)簽實(shí)例演示5-人氣站-weibo6-高德微享7-QQ注冊(cè)8-目錄Axure簡(jiǎn)單介紹基本操作介紹13案例分享2Axure布局控件面板區(qū)交互事件區(qū)母版介紹動(dòng)態(tài)面版輸出原型自定義組件實(shí)例演示開關(guān)實(shí)例演示Tab頁(yè)簽實(shí)例演示9-Axure簡(jiǎn)單介紹10-控件面板區(qū)加載第三方部件目前基本的部件都能滿足頁(yè)面上的需求包括常用的文本輸入框、下拉框、單復(fù)選框等等,還可以加載第三方部件,可以節(jié)約大量的原型設(shè)計(jì)時(shí)間,提高原型的保真度和可用性測(cè)試11-交互事件區(qū)以鼠標(biāo)點(diǎn)擊–OnClick鼠標(biāo)的指針移動(dòng)到對(duì)象之上–OnMouseEnter鼠標(biāo)的指針移動(dòng)出對(duì)象之外–OnMouseOut鼠標(biāo)的指針進(jìn)入文字輸入狀態(tài)–OnFocus鼠標(biāo)的指針離開文字輸入狀態(tài)–OnLostFocus敲鍵盤–OnKeyUp瀏覽器加載網(wǎng)頁(yè)–OnPageLoad12-交互事件單擊123效果13-母版介紹母版設(shè)計(jì)在框架頁(yè)面中可以對(duì)原型設(shè)計(jì)節(jié)約大量的時(shí)間,保持風(fēng)格統(tǒng)一。對(duì)于經(jīng)常重復(fù)利用的可以設(shè)計(jì)為模板。修改模塊一處其他使用模板地方統(tǒng)一修改。常見網(wǎng)頁(yè)中的頁(yè)首(Header)、頁(yè)尾(Footer)與導(dǎo)覽(Navigation)等都可以設(shè)計(jì)為模板。headerfooter14-動(dòng)態(tài)面版DynamicPanel(動(dòng)態(tài)面板)這種對(duì)象是專門用在設(shè)計(jì)Prototype動(dòng)態(tài)功能的Widget，DynamicPanel可以包含一或多個(gè)狀態(tài)(State)，每個(gè)狀態(tài)本身是一個(gè)小頁(yè)面，藉由控制狀態(tài)(State)的順序或隱藏/顯示DynamicPanel來達(dá)成交互介面的整個(gè)表現(xiàn)。很多交互的效果都是通過動(dòng)態(tài)面板來實(shí)現(xiàn)15-輸