《交互式技術(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)等。 最重要的就是高效率和對(duì)用戶的友好性最重要的就是高效率和對(duì)用戶的友好性3.1.1 用戶模型用戶模型 用戶模型用戶模型User Mode是用戶接口設(shè)計(jì)的根是用戶接口設(shè)計(jì)的根底，它提供應(yīng)用戶有關(guān)他所處置的對(duì)象以及作底，它提供應(yīng)

2、用戶有關(guān)他所處置的對(duì)象以及作用于這些對(duì)象的處置過程的一個(gè)概念性模型。用于這些對(duì)象的處置過程的一個(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 減少記憶量減少記憶量重要的是喚醒用戶的識(shí)別而不是記憶。3.1.6 回退和出錯(cuò)處置回退和出錯(cuò)處置 回退回退undo機(jī)制機(jī)制 取消機(jī)制取消機(jī)制 確認(rèn)機(jī)制確認(rèn)機(jī)制 設(shè)計(jì)好的診斷程序設(shè)計(jì)好的診斷程序 提供出錯(cuò)音訊提供

4、出錯(cuò)音訊 對(duì)能夠?qū)е洛e(cuò)誤的一些動(dòng)作進(jìn)展預(yù)測(cè)對(duì)能夠?qū)е洛e(cuò)誤的一些動(dòng)作進(jìn)展預(yù)測(cè) 約束機(jī)制：動(dòng)作與對(duì)象相一致約束機(jī)制：動(dòng)作與對(duì)象相一致 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)用。選擇顏色對(duì)比時(shí)以顏色對(duì)比為主。就顏色而言，最容易引起視覺疲勞的是蘭色和紫色，其次是紅色和橙色；而黃色、綠色、藍(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è)備的邏輯分類稱號(hào)稱號(hào)根本功能根本功能定位設(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è)備的評(píng)價(jià)可以從三個(gè)層次上來看：設(shè)備層義務(wù)層對(duì)話層詳細(xì)如下 定位設(shè)備典型方法是定位屏幕光標(biāo)。定位設(shè)備有鼠標(biāo)器、支配桿、跟蹤球、空間球、數(shù)字

6、化儀的觸筆或手動(dòng)光標(biāo)等。 定位設(shè)備分為三類：直接設(shè)備和間接設(shè)備絕對(duì)坐標(biāo)設(shè)備和相對(duì)坐標(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)圖的對(duì)象外形等。 拾取設(shè)備用拾取技術(shù)拾取一個(gè)圖形對(duì)象：(1)利用定位設(shè)備沖突問題：圖3-4 拾取的不確定情況BAECDP處理方法：在圖形對(duì)象生成時(shí)就對(duì)每一個(gè)對(duì)象確定其拾取優(yōu)先級(jí)采用依次對(duì)拾取圖形設(shè)立標(biāo)志的方法。找間隔最近的對(duì)象優(yōu)先拾取。 P圖3-5 拾取距離最近的

7、線段(CD)ABCD對(duì)一條以點(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每次用戶對(duì)輸入設(shè)備的一次操作以及構(gòu)成的數(shù)據(jù)

9、叫每次用戶對(duì)輸入設(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 選擇圖符的回顯 約束約束：在圖形繪制過程中對(duì)圖形的方向、對(duì)齊方式等進(jìn)展規(guī)定和校準(zhǔn)。 網(wǎng)格 引力域引力域：將接近某一點(diǎn)的恣意輸入位置“吸引到該點(diǎn)上來，好象在該點(diǎn)的周圍產(chǎn)生一個(gè)“引力域。 橡皮筋技術(shù)橡皮筋技術(shù)橡皮筋技術(shù)：針對(duì)輸入要求，動(dòng)態(tài)地、延續(xù)地將橡皮筋技術(shù)：針對(duì)輸入要求，動(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)是將圖形對(duì)象在空間挪動(dòng)的過程動(dòng)態(tài)地、延續(xù)地表示出來，直到滿足用戶的位置要求為止。 旋轉(zhuǎn) 形