Axure培訓(xùn)教程(共41張)(PPT 41頁(yè))

1、Axure RP使用培訓(xùn)2010-11-22第1頁(yè)，共41頁(yè)。大綱RP簡(jiǎn)介RP基本操作RP高級(jí)技巧RP使用心得第2頁(yè)，共41頁(yè)。RP引入通過何種方式表達(dá)原型設(shè)計(jì)最好？紙質(zhì)原型很難充分表達(dá)各種交互行為而靜態(tài)頁(yè)面，會(huì)增加溝通成本我們需要的也許是針對(duì)交互設(shè)計(jì)的專業(yè)軟件RapidPrototyping-快速原型第3頁(yè)，共41頁(yè)。RP引入容易理解，不用猜，減少項(xiàng)目失敗的風(fēng)險(xiǎn)，降低溝通時(shí)間不用等到網(wǎng)頁(yè)程序都開發(fā)好, Axure RP產(chǎn)出的原型頁(yè)面就可以讓使用者提早進(jìn)行測(cè)試了頁(yè)面可直接連結(jié)，動(dòng)線容易理解, 直接體驗(yàn)原型以清楚的網(wǎng)站原型來確認(rèn)所有需求，不擔(dān)心執(zhí)行團(tuán)隊(duì)沒搞懂第4頁(yè)，共41頁(yè)。AXURE將注定改變

2、我的工作方式?jīng)Q策層：更加直觀的理解系統(tǒng)行為，幫助決策產(chǎn)品經(jīng)理：提高了各崗位間的溝通效率，降低溝通成本，保證項(xiàng)目進(jìn)程需求人員：更加有效的與用戶溝通，減少誤解，保證需求質(zhì)量設(shè)計(jì)開發(fā)：更加有效的協(xié)作溝通，降低溝通成本，減少誤解，避免返工用戶：更加直觀的感受系統(tǒng)，盡早反饋用戶的需求與系統(tǒng)的不足。第5頁(yè)，共41頁(yè)。學(xué)習(xí)容易，不需要有HTML技能會(huì)使用PowerPoint的人, 大約只要30-60分鐘就會(huì)使用Axure RP 以拖拉方式建立常用對(duì)象, 跟PowerPoint / Visio操作方式接近，容易上手第6頁(yè)，共41頁(yè)。不同職位，不同要求設(shè)計(jì)師、程序員要能夠讀懂交付物，并根據(jù)所提供的交付物來完成手

3、頭工作需求提出部門能夠利用Axure RP的各個(gè)工具，畫出簡(jiǎn)單的頁(yè)面布局，并能根據(jù)頁(yè)面布局，進(jìn)行口述銷售只要知道如何拿這些文檔去忽悠客戶就好了第7頁(yè)，共41頁(yè)。大綱RP簡(jiǎn)介RP基本操作RP高級(jí)技巧RP使用心得第8頁(yè)，共41頁(yè)。RP的工作環(huán)境 站點(diǎn)地圖主菜單和工具欄界面組件（界面工具集 ）頁(yè)面注釋與頁(yè)面交互模塊區(qū)域物件注釋互動(dòng)設(shè)計(jì)第9頁(yè)，共41頁(yè)。頁(yè)面導(dǎo)航面板（Sitemap） 頁(yè)面的添加、刪除和重命名頁(yè)面組織排序 打開頁(yè)面進(jìn)行設(shè)計(jì) 第10頁(yè)，共41頁(yè)。頁(yè)面導(dǎo)航面板（Sitemap） Demo添加、刪除頁(yè)面頁(yè)面排序拷貝頁(yè)面第11頁(yè)，共41頁(yè)。主菜單和工具欄執(zhí)行常用操作，如文本打開、保存、格式化控

4、件、輸出原型、輸出規(guī)格等操作隨選模式連接線模式第12頁(yè)，共41頁(yè)。控件（Widgets） 添加控件從組件中拖動(dòng)一個(gè)控件到界面中，就可以添加一個(gè)控制。控件可以從一個(gè)界面中拷貝到另外一個(gè)界面中。編輯控件鼠標(biāo)雙擊：雙擊控件，可以對(duì)控件最常用的屬性進(jìn)行編輯工具欄：點(diǎn)擊工具欄上的按鈕可以編輯控件的文本字體、背景色、邊框等；右鍵菜單：右擊控件可以選擇編輯控件的一些特定屬性，不同控件屬性也不同。第13頁(yè)，共41頁(yè)?？丶╓idgets） Demo常用控件文本鏈接圖片按鈕表格輸入框操作對(duì)齊置頂鎖第14頁(yè)，共41頁(yè)。使用模塊（Master） 模塊是可以重復(fù)使用的特殊頁(yè)面。如頁(yè)首(Header)、頁(yè)尾(Foote

5、r)與導(dǎo)航(Navigation)只要修改模塊，在所有頁(yè)面中引用這個(gè)模塊的實(shí)例也會(huì)隨即全部跟著變化；模塊面板可利用文件夾來組織模塊，并且可以用拖拉或工具欄的方式排列模塊；在頁(yè)面中拖入模塊后，模塊對(duì)象回應(yīng)淡紅色遮罩，在頁(yè)面中模塊是不可修改的；修改模塊中的內(nèi)容只能在模塊頁(yè)面修改。第15頁(yè)，共41頁(yè)。交互設(shè)計(jì)與物件注釋控件標(biāo)簽相當(dāng)是給控件起了個(gè)名稱，用來區(qū)分控件；在交互設(shè)計(jì)里面可以設(shè)計(jì)控件執(zhí)行不同事件；在Specification里面添加注釋，在生成頁(yè)面中會(huì)有 標(biāo)示，點(diǎn)擊這個(gè)標(biāo)示會(huì)出現(xiàn)注釋說明交互設(shè)計(jì)注釋控件標(biāo)簽第16頁(yè)，共41頁(yè)。頁(yè)面注釋和頁(yè)面交互在頁(yè)面注釋中的Page Notes面板中可以添加備

6、注內(nèi)容；點(diǎn)擊Default后面的三角可以添加多個(gè)備注面板；頁(yè)面交互就是編輯OnPageLoad事件，某塊內(nèi)容在生成頁(yè)面時(shí)不顯示，但是點(diǎn)擊其他控件事件出現(xiàn)此塊內(nèi)容就要使用OnPageLoad事件并且和動(dòng)態(tài)面板聯(lián)合使用，開始設(shè)置動(dòng)態(tài)面板隱藏，其他控件的事件設(shè)置動(dòng)態(tài)面板顯示。第17頁(yè)，共41頁(yè)。交互控件交互目前Axure RP支持的事件如下：OnClick：鼠標(biāo)點(diǎn)擊OnMouseEnter：鼠標(biāo)的指針移動(dòng)到對(duì)象上OnMouseOut：鼠標(biāo)的指針移出對(duì)象OnFocus：鼠標(biāo)的指針進(jìn)入文字輸入狀態(tài)（獲得焦點(diǎn)）OnLostFocus：鼠標(biāo)的指針離開文字輸入狀態(tài)（失去焦點(diǎn)）OnPageLoad：頁(yè)面或者模塊

7、載入常見的三種事件第18頁(yè)，共41頁(yè)。控件的交互 第19頁(yè)，共41頁(yè)。交互定義鏈接第20頁(yè)，共41頁(yè)。大綱RP簡(jiǎn)介RP基本操作RP高級(jí)技巧RP使用心得第21頁(yè)，共41頁(yè)。交互動(dòng)態(tài)面板（1）動(dòng)態(tài)面板包含多個(gè)狀態(tài)，每個(gè)狀態(tài)可包含一系列控件。任何時(shí)候都只有一個(gè)狀態(tài)時(shí)可見的，一般都是默認(rèn)第一個(gè)狀態(tài)可見；動(dòng)態(tài)面板的狀態(tài)可以隱藏、顯示和改變；將動(dòng)態(tài)面板拖到界面后，可以根據(jù)需要改變面板大小、位置使用動(dòng)態(tài)面板的情況：頁(yè)面中存某塊內(nèi)容在開始不顯示后來顯示的情況；在開始頁(yè)面加載時(shí)不顯示后來顯示；Tab頁(yè)切換；某塊內(nèi)容隨著事件的不同顯示位置不同的情況第22頁(yè)，共41頁(yè)。交互動(dòng)態(tài)面板（2）1、編輯動(dòng)態(tài)面板右擊動(dòng)態(tài)面板

8、，選擇“編輯動(dòng)態(tài)面板” “管理動(dòng)態(tài)狀態(tài)”在對(duì)話框中可以創(chuàng)建、重命名、重新排序、刪除、和編輯動(dòng)態(tài)面板的狀態(tài)第23頁(yè)，共41頁(yè)。動(dòng)態(tài)面板實(shí)例1、將動(dòng)態(tài)面板從組件中拖到界面中，右擊動(dòng)態(tài)面板選擇“編輯動(dòng)態(tài)面板” “管理動(dòng)態(tài)狀態(tài)”第24頁(yè)，共41頁(yè)。交互動(dòng)態(tài)面板實(shí)例2、設(shè)置動(dòng)態(tài)面板標(biāo)簽為“實(shí)例”，并新增三個(gè)狀態(tài)：tab1、tab2、tab3，然后點(diǎn)擊“編輯所有狀態(tài)”第25頁(yè)，共41頁(yè)。動(dòng)態(tài)面板實(shí)例3、在tab1頁(yè)面中設(shè)置tab1、tab2、tab3三個(gè)矩形框，并且為了突出效果可以設(shè)置tab1矩形框的顏色為白色（表示選中的是tab1狀態(tài)），其他兩個(gè)為灰色。第26頁(yè)，共41頁(yè)。動(dòng)態(tài)面板實(shí)例4、在tab1狀態(tài)

9、頁(yè)面中設(shè)置tab1、tab2、tab3三個(gè)矩形框的OnClick事件，以tab1的添加上事件為例說明：（1）選擇tab1矩形框，點(diǎn)擊交互中的OnClick事件，再選擇“設(shè)置動(dòng)態(tài)面板的狀態(tài)轉(zhuǎn)換”，然后選擇第三步的“Panel state to state”；第27頁(yè)，共41頁(yè)。動(dòng)態(tài)面板實(shí)例（2）選擇第一步中的“設(shè)置 實(shí)例 的狀態(tài)變化”，然后點(diǎn)擊第二部中的tab1第28頁(yè)，共41頁(yè)。動(dòng)態(tài)面板實(shí)例（3）選擇一個(gè)動(dòng)態(tài)面板tab1，點(diǎn)擊確定完成事件注明：tab2、tab3矩形框事件如同tab1，只是選擇面板狀態(tài)時(shí)選擇對(duì)應(yīng)得狀態(tài)，tab2選擇tab2狀態(tài)、tab3選擇tab3狀態(tài)第29頁(yè)，共41頁(yè)。動(dòng)態(tài)面

10、板實(shí)例5、 tab2、tab3狀態(tài)頁(yè)面操作如4步驟6、點(diǎn)擊導(dǎo)航上的生成，選擇原型（F5），點(diǎn)擊確定第30頁(yè)，共41頁(yè)。動(dòng)態(tài)面板設(shè)計(jì)誤區(qū)此內(nèi)容是在面板中的tab1狀態(tài)里此內(nèi)容和面板分開的，只是在此內(nèi)容上面添加了一個(gè)動(dòng)態(tài)面板，移動(dòng)動(dòng)態(tài)面板內(nèi)容是不會(huì)隨著面板移動(dòng)的第31頁(yè)，共41頁(yè)。生成F5鍵生成HTMLF6鍵生成規(guī)格說明書docCHM文檔第32頁(yè)，共41頁(yè)。大綱RP簡(jiǎn)介RP基本操作RP高級(jí)技巧RP使用心得第33頁(yè)，共41頁(yè)。不足中文輸入法支持不好遇到不能輸入時(shí)，請(qǐng)立馬放棄嘗試Table功能比較弱，不支持合并單元格控件屬性編輯不方便第34頁(yè)，共41頁(yè)。心得體會(huì)有些交互設(shè)計(jì)師會(huì)對(duì)一些布局細(xì)節(jié)擔(dān)憂，害怕

11、自己會(huì)一直調(diào)整對(duì)齊和細(xì)節(jié)。記住，我們出的是可交互的原型，不是最終產(chǎn)品，不需要考慮太多的視覺細(xì)節(jié)，這些會(huì)由前端開發(fā)去進(jìn)行標(biāo)準(zhǔn)的把控不執(zhí)著于Axure RP不能實(shí)現(xiàn)的業(yè)務(wù)需求第35頁(yè)，共41頁(yè)。心得體會(huì)Axure RP軟件也在不斷的完善，有不能實(shí)現(xiàn)的效果一個(gè)不能實(shí)現(xiàn)的效果，只要不影響項(xiàng)目的進(jìn)度，不影響與執(zhí)行人員的溝通，在工作中就不要過分的追求第36頁(yè)，共41頁(yè)。文檔說明在每一個(gè)文檔首頁(yè)寫上文檔說明，包括版本號(hào)、完成的部分、名詞注釋、較上一版更新第37頁(yè)，共41頁(yè)。生成CHM文檔有亂碼將生成html文檔目錄下的后綴為hhc的文件,通過文本文件打開,選擇ascii編碼的格式另存.將同目錄下的hhp文件,用文本文件打開.將Language鍵值改為:中文(RPC).打開cmd窗口,然后定位到C:Program FilesHTML Help Workshophhc.exe. 如果沒有