A某ure培訓(xùn)教程(共41張)(PPT 41頁)

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

2、本，保證項目進程需求人員：更加有效的與用戶溝通，減少誤解，保證需求質(zhì)量設(shè)計開發(fā)：更加有效的協(xié)作溝通，降低溝通成本，減少誤解，避免返工用戶：更加直觀的感受系統(tǒng)，盡早反饋用戶的需求與系統(tǒng)的不足。第5頁，共41頁。學(xué)習(xí)容易，不需要有技能會使用的人, 大約只要30-60分鐘就會使用 以拖拉方式建立常用對象, 跟 / 操作方式接近，容易上手第6頁，共41頁。不同職位，不同要求設(shè)計師、程序員要能夠讀懂交付物，并根據(jù)所提供的交付物來完成手頭工作需求提出部門能夠利用 的各個工具，畫出簡單的頁面布局，并能根據(jù)頁面布局，進行口述銷售只要知道如何拿這些文檔去忽悠客戶就好了第7頁，共41頁。大綱簡介基本操作高級技巧使

3、用心得第8頁，共41頁。的工作環(huán)境 站點地圖主菜單和工具欄界面組件（界面工具集 ）頁面注釋與頁面交互模塊區(qū)域物件注釋互動設(shè)計第9頁，共41頁。頁面導(dǎo)航面板（） 頁面的添加、刪除和重命名頁面組織排序 打開頁面進行設(shè)計 第10頁，共41頁。頁面導(dǎo)航面板（） 添加、刪除頁面頁面排序拷貝頁面第11頁，共41頁。主菜單和工具欄執(zhí)行常用操作，如文本打開、保存、格式化控件、輸出原型、輸出規(guī)格等操作隨選模式連接線模式第12頁，共41頁?？丶ǎ?添加控件從組件中拖動一個控件到界面中，就可以添加一個控制?？丶梢詮囊粋€界面中拷貝到另外一個界面中。編輯控件鼠標(biāo)雙擊：雙擊控件，可以對控件最常用的屬性進行編輯工具欄：

4、點擊工具欄上的按鈕可以編輯控件的文本字體、背景色、邊框等；右鍵菜單：右擊控件可以選擇編輯控件的一些特定屬性，不同控件屬性也不同。第13頁，共41頁?？丶ǎ?常用控件文本鏈接圖片按鈕表格輸入框操作對齊置頂鎖第14頁，共41頁。使用模塊（） 模塊是可以重復(fù)使用的特殊頁面。如頁首()、頁尾()與導(dǎo)航()只要修改模塊，在所有頁面中引用這個模塊的實例也會隨即全部跟著變化；模塊面板可利用文件夾來組織模塊，并且可以用拖拉或工具欄的方式排列模塊；在頁面中拖入模塊后，模塊對象回應(yīng)淡紅色遮罩，在頁面中模塊是不可修改的；修改模塊中的內(nèi)容只能在模塊頁面修改。第15頁，共41頁。交互設(shè)計與物件注釋控件標(biāo)簽相當(dāng)是給控件

5、起了個名稱，用來區(qū)分控件；在交互設(shè)計里面可以設(shè)計控件執(zhí)行不同事件；在里面添加注釋，在生成頁面中會有 標(biāo)示，點擊這個標(biāo)示會出現(xiàn)注釋說明交互設(shè)計注釋控件標(biāo)簽第16頁，共41頁。頁面注釋和頁面交互在頁面注釋中的 面板中可以添加備注內(nèi)容；點擊后面的三角可以添加多個備注面板；頁面交互就是編輯事件，某塊內(nèi)容在生成頁面時不顯示，但是點擊其他控件事件出現(xiàn)此塊內(nèi)容就要使用事件并且和動態(tài)面板聯(lián)合使用，開始設(shè)置動態(tài)面板隱藏，其他控件的事件設(shè)置動態(tài)面板顯示。第17頁，共41頁。交互控件交互目前 支持的事件如下：鼠標(biāo)點擊：鼠標(biāo)的指針移動到對象上：鼠標(biāo)的指針移出對象：鼠標(biāo)的指針進入文字輸入狀態(tài)（獲得焦點）：鼠標(biāo)的指針離開

6、文字輸入狀態(tài)（失去焦點）：頁面或者模塊載入常見的三種事件第18頁，共41頁?？丶慕换?第19頁，共41頁。交互定義鏈接第20頁，共41頁。大綱簡介基本操作高級技巧使用心得第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)容在開始不顯示后來顯示的情況；在開始頁面加載時不顯示后來顯示；頁切換；某塊內(nèi)容隨著事件的不同顯示位置不同的情況第22頁，共41頁。交互動態(tài)面板（2）1、編輯動態(tài)

7、面板右擊動態(tài)面板，選擇“編輯動態(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、設(shè)置動態(tài)面板標(biāo)簽為“實例”，并新增三個狀態(tài)：1、2、3，然后點擊“編輯所有狀態(tài)”第25頁，共41頁。動態(tài)面板實例3、在1頁面中設(shè)置1、2、3三個矩形框，并且為了突出效果可以設(shè)置1矩形框的顏色為白色（表示選中的是1狀態(tài)），其他兩個為灰色。第26頁，共41頁。動態(tài)面板實例4、在1狀態(tài)頁面中設(shè)置1、2、3三個矩形框的事件，以1的

8、添加上事件為例說明：（1）選擇1矩形框，點擊交互中的事件，再選擇“設(shè)置動態(tài)面板的狀態(tài)轉(zhuǎn)換”，然后選擇第三步的“ ”；第27頁，共41頁。動態(tài)面板實例（2）選擇第一步中的“設(shè)置 實例 的狀態(tài)變化”，然后點擊第二部中的1第28頁，共41頁。動態(tài)面板實例（3）選擇一個動態(tài)面板1，點擊確定完成事件注明：2、3矩形框事件如同1，只是選擇面板狀態(tài)時選擇對應(yīng)得狀態(tài)，2選擇2狀態(tài)、3選擇3狀態(tài)第29頁，共41頁。動態(tài)面板實例5、 2、3狀態(tài)頁面操作如4步驟6、點擊導(dǎo)航上的生成，選擇原型（F5），點擊確定第30頁，共41頁。動態(tài)面板設(shè)計誤區(qū)此內(nèi)容是在面板中的1狀態(tài)里此內(nèi)容和面板分開的，只是在此內(nèi)容上面添加了一個

9、動態(tài)面板，移動動態(tài)面板內(nèi)容是不會隨著面板移動的第31頁，共41頁。生成F5鍵生成F6鍵生成規(guī)格說明書文檔第32頁，共41頁。大綱簡介基本操作高級技巧使用心得第33頁，共41頁。不足中文輸入法支持不好遇到不能輸入時，請立馬放棄嘗試功能比較弱，不支持合并單元格控件屬性編輯不方便第34頁，共41頁。心得體會有些交互設(shè)計師會對一些布局細節(jié)擔(dān)憂，害怕自己會一直調(diào)整對齊和細節(jié)。記住，我們出的是可交互的原型，不是最終產(chǎn)品，不需要考慮太多的視覺細節(jié)，這些會由前端開發(fā)去進行標(biāo)準(zhǔn)的把控不執(zhí)著于 不能實現(xiàn)的業(yè)務(wù)需求第35頁，共41頁。心得體會 軟件也在不斷的完善，有不能實現(xiàn)的效果一個不能實現(xiàn)的效果，只要不影響項目的進度，不影響與執(zhí)行人員的溝通，在工作中就不要過分的追求第36頁，共41頁。文檔說明在每一個文檔首頁寫上文檔說明，包括版本號、完成的部分、名詞注釋、較上一版更新第37頁，共41頁。生成文檔有亂碼將生成文檔目錄下的后綴為的文件,通過文本文件打開,選擇編