《交互式技術(shù) 》ppt課件

1、第3章 交互式技術(shù)提出問題提出問題 如何設(shè)計(jì)一個(gè)好的用戶接口 為什么要定義邏輯輸入設(shè)備 交互式繪圖技術(shù)有哪些？3.1 用戶接口設(shè)計(jì)用戶接口設(shè)計(jì)用戶接口確定用戶與計(jì)算機(jī)如何進(jìn)展信息交換。用戶接口確定用戶與計(jì)算機(jī)如何進(jìn)展信息交換。包括用戶經(jīng)過什么途徑與圖形系統(tǒng)進(jìn)展聯(lián)絡(luò)，包括用戶經(jīng)過什么途徑與圖形系統(tǒng)進(jìn)展聯(lián)絡(luò)，經(jīng)過什么手段來操作系統(tǒng)的功能實(shí)現(xiàn)等。經(jīng)過什么手段來操作系統(tǒng)的功能實(shí)現(xiàn)等。 最重要的就是高效率和對用戶的友好性最重要的就是高效率和對用戶的友好性3.1.1 用戶模型用戶模型 用戶模型用戶模型User Mode是用戶接口設(shè)計(jì)的根是用戶接口設(shè)計(jì)的根底，它提供應(yīng)用戶有關(guān)他所處置的對象以及作底，它提供應(yīng)

2、用戶有關(guān)他所處置的對象以及作用于這些對象的處置過程的一個(gè)概念性模型。用于這些對象的處置過程的一個(gè)概念性模型。3.1.2 顯示屏幕的有效利用顯示屏幕的有效利用思索如下幾個(gè)問題：1. 信息顯示的規(guī)劃合理性。2. 充分而又正確地運(yùn)用圖符一類運(yùn)用圖符application icons一類控制圖符control icons25 %25 %50 %50 %25 %25 %-?3. 恰當(dāng)?shù)剡\(yùn)用各種表示方法進(jìn)展選擇性信息顯示。? ?STOPSTOPSkyscraperHospitalParkFire station3.1.3 反響反響反響：就是動(dòng)態(tài)地顯示系統(tǒng)運(yùn)轉(zhuǎn)中所發(fā)生的一些變化，反響：就是動(dòng)態(tài)地顯示系統(tǒng)運(yùn)轉(zhuǎn)

3、中所發(fā)生的一些變化，以便更有效地進(jìn)展交互作用。以便更有效地進(jìn)展交互作用。3.1.4 一致性原那么一致性原那么 一致性原那么是指在設(shè)計(jì)系統(tǒng)的各個(gè)環(huán)節(jié)時(shí)，應(yīng)一致性原那么是指在設(shè)計(jì)系統(tǒng)的各個(gè)環(huán)節(jié)時(shí)，應(yīng)服從一致的、簡單的規(guī)那么，保證不出現(xiàn)例外和服從一致的、簡單的規(guī)那么，保證不出現(xiàn)例外和特殊的情況。特殊的情況。 按用戶以為最正常、最符合邏輯的方式去做按用戶以為最正常、最符合邏輯的方式去做3.1.5 減少記憶量減少記憶量重要的是喚醒用戶的識別而不是記憶。3.1.6 回退和出錯(cuò)處置回退和出錯(cuò)處置 回退回退undo機(jī)制機(jī)制 取消機(jī)制取消機(jī)制 確認(rèn)機(jī)制確認(rèn)機(jī)制 設(shè)計(jì)好的診斷程序設(shè)計(jì)好的診斷程序 提供出錯(cuò)音訊提供

4、出錯(cuò)音訊 對能夠?qū)е洛e(cuò)誤的一些動(dòng)作進(jìn)展預(yù)測對能夠?qū)е洛e(cuò)誤的一些動(dòng)作進(jìn)展預(yù)測 約束機(jī)制：動(dòng)作與對象相一致約束機(jī)制：動(dòng)作與對象相一致 3.1.7 聯(lián)機(jī)協(xié)助聯(lián)機(jī)協(xié)助為用戶提供聯(lián)機(jī)協(xié)助(On-Line Help)措施，能在用戶操作過程中的任何時(shí)辰提供懇求協(xié)助。3.1.8 視覺效果設(shè)計(jì)視覺效果設(shè)計(jì)這里強(qiáng)調(diào)的是顏色的運(yùn)用。選擇顏色對比時(shí)以顏色對比為主。就顏色而言，最容易引起視覺疲勞的是蘭色和紫色，其次是紅色和橙色；而黃色、綠色、藍(lán)綠色和淡青色等顏色不容易引起視覺疲勞。為減輕視覺疲勞，應(yīng)在視野范圍內(nèi)堅(jiān)持均勻的顏色的亮堂度。3.1.8 順應(yīng)不同的用戶順應(yīng)不同的用戶提供多種方法使軟件能順應(yīng)不同熟練程度的用戶。3

5、.2 邏輯輸入設(shè)備與輸入處置邏輯輸入設(shè)備與輸入處置3.2.1 邏輯輸入設(shè)備邏輯輸入設(shè)備PHIGS和GKS將各種圖形輸入設(shè)備從邏輯上分為六種： 表2-1圖形輸入設(shè)備的邏輯分類稱號稱號根本功能根本功能定位設(shè)備(Locator)指定一個(gè)點(diǎn)的坐標(biāo)位置(x,y)筆劃設(shè)備(Stroke)指定一系列點(diǎn)的坐標(biāo)數(shù)值設(shè)備(Valuator)輸入一個(gè)整數(shù)或?qū)崝?shù)字符串設(shè)備(String)輸入一串字符選擇設(shè)備(Choice)選擇某個(gè)菜單項(xiàng)拾取設(shè)備(Pick)選擇顯示著的圖形的組成部分設(shè)備的評價(jià)可以從三個(gè)層次上來看：設(shè)備層義務(wù)層對話層詳細(xì)如下 定位設(shè)備典型方法是定位屏幕光標(biāo)。定位設(shè)備有鼠標(biāo)器、支配桿、跟蹤球、空間球、數(shù)字

6、化儀的觸筆或手動(dòng)光標(biāo)等。 定位設(shè)備分為三類：直接設(shè)備和間接設(shè)備絕對坐標(biāo)設(shè)備和相對坐標(biāo)設(shè)備延續(xù)設(shè)備和離散設(shè)備 筆劃設(shè)備筆劃設(shè)備的輸入等于多次調(diào)用定位設(shè)備，產(chǎn)生一系列的坐標(biāo)值，根據(jù)產(chǎn)生的坐標(biāo)值可產(chǎn)生多邊形和曲線等 定值設(shè)備定值設(shè)備常用來輸入各種參數(shù)和數(shù)據(jù)。 字符串設(shè)備即進(jìn)展字符串輸入 選擇設(shè)備選擇設(shè)備用來選擇菜單項(xiàng)選擇項(xiàng)、屬性選項(xiàng)和用于構(gòu)圖的對象外形等。 拾取設(shè)備用拾取技術(shù)拾取一個(gè)圖形對象：(1)利用定位設(shè)備沖突問題：圖3-4 拾取的不確定情況BAECDP處理方法：在圖形對象生成時(shí)就對每一個(gè)對象確定其拾取優(yōu)先級采用依次對拾取圖形設(shè)立標(biāo)志的方法。找間隔最近的對象優(yōu)先拾取。 P圖3-5 拾取距離最近的

7、線段(CD)ABCD對一條以點(diǎn)(x1,y1)和點(diǎn)(x2,y2)為端點(diǎn)的線段來說，從點(diǎn)P0(x0,y0)到該線段間隔的平方由下式來計(jì)算：22122121211210210212)()()()()()(yyxxyxxxyyyxxxyydP圖3-5 拾取距離最近的線段(CD)ABCD(2)指定拾取窗口拾取窗口是以光標(biāo)位置為中心的一個(gè)矩形窗口P圖3-6 拾取窗口只與線段CD相交ABCD(3)矩形包圍(4)直接鍵入構(gòu)造名字 圖3-7 矩形包圍拾?。ㄊ叭BE）BAECD3.2.2 輸入方式輸入方式輸入方式即如何管理、控制多種輸入設(shè)備進(jìn)展任務(wù)輸入方式即如何管理、控制多種輸入設(shè)備進(jìn)展任務(wù)常 用 的 輸 入

8、方 式 有 懇 求 常 用 的 輸 入 方 式 有 懇 求 r e q u e s tr e q u e s t 、 采 樣 、 采 樣samplesample、事件、事件eventevent及其組合方式等幾種。及其組合方式等幾種。1. 懇求方式request mode輸入設(shè)備在運(yùn)用程序的控制下任務(wù)，程序在輸入懇求發(fā)出后不斷被置于等待形狀直到數(shù)據(jù)輸入。2. 取樣方式sample mode此時(shí)，運(yùn)用程序和輸入設(shè)備同時(shí)任務(wù)，當(dāng)輸入設(shè)備任務(wù)時(shí)，存儲(chǔ)輸入數(shù)據(jù)，并不斷地更新當(dāng)前數(shù)據(jù)，當(dāng)程序要求輸入時(shí)，程序采用當(dāng)前數(shù)據(jù)值。3. 事件方式事件方式event mode每次用戶對輸入設(shè)備的一次操作以及構(gòu)成的數(shù)據(jù)

9、叫每次用戶對輸入設(shè)備的一次操作以及構(gòu)成的數(shù)據(jù)叫做一個(gè)事件做一個(gè)事件(Event)。思想：普通一個(gè)事件發(fā)生時(shí)，往往來不及進(jìn)展處置，思想：普通一個(gè)事件發(fā)生時(shí)，往往來不及進(jìn)展處置，于是，就要把事件按先后次序排成隊(duì)列，以便先進(jìn)于是，就要把事件按先后次序排成隊(duì)列，以便先進(jìn)先出，即先到的事件進(jìn)入排隊(duì)，先被取出進(jìn)展處置。先出，即先到的事件進(jìn)入排隊(duì)，先被取出進(jìn)展處置。 當(dāng)某設(shè)備被置成事件方式，程序和設(shè)備同時(shí)任務(wù)當(dāng)某設(shè)備被置成事件方式，程序和設(shè)備同時(shí)任務(wù)4. 輸入方式的組合運(yùn)用輸入方式的組合運(yùn)用一個(gè)運(yùn)用程序同時(shí)可在幾種輸入方式方式下運(yùn)用一個(gè)運(yùn)用程序同時(shí)可在幾種輸入方式方式下運(yùn)用幾個(gè)不同的輸入設(shè)備來進(jìn)展任務(wù)。幾個(gè)

10、不同的輸入設(shè)備來進(jìn)展任務(wù)。3.3 交互式繪圖技術(shù)交互式繪圖技術(shù)3.2.1 根本交互繪圖技術(shù)根本交互繪圖技術(shù) 回顯圖3-8 選擇圖符的回顯 約束約束：在圖形繪制過程中對圖形的方向、對齊方式等進(jìn)展規(guī)定和校準(zhǔn)。 網(wǎng)格 引力域引力域：將接近某一點(diǎn)的恣意輸入位置“吸引到該點(diǎn)上來，好象在該點(diǎn)的周圍產(chǎn)生一個(gè)“引力域。 橡皮筋技術(shù)橡皮筋技術(shù)橡皮筋技術(shù)：針對輸入要求，動(dòng)態(tài)地、延續(xù)地將橡皮筋技術(shù)：針對輸入要求，動(dòng)態(tài)地、延續(xù)地將輸入過程表現(xiàn)出來，直到產(chǎn)生用戶稱心的輸入結(jié)輸入過程表現(xiàn)出來，直到產(chǎn)生用戶稱心的輸入結(jié)果為止。果為止。 草擬技術(shù)草擬技術(shù)草擬技術(shù)用以實(shí)現(xiàn)用戶恣意畫圖的要求。草擬技術(shù)用以實(shí)現(xiàn)用戶恣意畫圖的要求。兩種保管方式兩種保管方式兩種采樣方式兩種采樣方式 拖動(dòng)拖動(dòng)是將圖形對象在空間挪動(dòng)的過程動(dòng)態(tài)地、延續(xù)地表示出來，直到滿足用戶的位置要求為止。 旋轉(zhuǎn) 形