Axure培訓教程(共41張)(PPT 41頁)

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

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

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

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

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

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

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

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

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

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

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