上傳人：b***

認(rèn)證信息

認(rèn)證類型：個人認(rèn)證

認(rèn)證主體：劉**（實名認(rèn)證）

IP屬地：天津

IP屬地：天津 上傳時間：2022-06-21 格式：DOCX 頁數(shù)：8 大小：22.18KB 積分：20 舉報 版權(quán)申訴

1、實驗一圖形用戶界面的設(shè)計實驗?zāi)康暮鸵?) 熟悉圖形用戶界面的設(shè)計原則利用一種設(shè)計工具完成圖形化的用戶界面設(shè)計二預(yù)備知識圖形用戶界面乂稱為WIMP界面，由窗口(windows)、圖標(biāo)(icons)、菜單(menu)、指點設(shè)備(pointingdevice)四位一體，形成桌面(desktop),如下圖。圖形用戶界面是當(dāng)前用戶界面的主流，廣泛應(yīng)用丁各檔臺式微機和圖形工作站。圖形用戶界面的共同特點是以窗口管理系統(tǒng)為核心，使用鍵盤和鼠標(biāo)器作為輸入設(shè)備。窗口管理系統(tǒng)除了基丁可重疊多窗口管理技術(shù)外，廣泛采用的另一核心技術(shù)是事件驅(qū)動(event-driven股術(shù)。WIMP界面可看作是第二代人機界面，是基丁圖

2、形方式的人機界面。在WIMP界面中，人被稱為用戶，人機通過對話進(jìn)行工作。用戶只能使用手這一種交互通道輸入信息，通過視覺通道獲取信息。在WIMP界面中，界面的輸出可以為靜態(tài)或動態(tài)的二維圖形或圖像等信息。這種方式能同時輸出不同種類的信息，用戶也可以在幾個工作環(huán)境中切換而不喪失幾個工作之間的聯(lián)系，通過菜單可以執(zhí)行控制型和對話型任務(wù)。由丁引入了圖標(biāo)、按鈕和滾動條技術(shù)，大大減少鍵盤輸入，提高了交互效率?；∈髽?biāo)和圖形用戶界面的交互技術(shù)極大地推動了電腦技術(shù)的普及。(1) 圖形用戶界面的三個重要思想桌面隱喻(desktopmetaphor)指在用戶界面中用人們熟悉的桌面上的圖例活楚地表示電腦可以處理的能力隱

3、喻的表現(xiàn)方法：靜態(tài)圖標(biāo)、動畫、視頻1) 所見即所得(WhatYouSeeIsWhatYouGetWYSIWYG)顯示的用戶交互行為與應(yīng)用程序最終產(chǎn)生的結(jié)果是一致的。2) 直接操縱(directmanipulation)直接操縱是指可以把操作的對象、屆性、關(guān)系顯式地表示出來，用光筆、鼠標(biāo)、觸摸屏或數(shù)據(jù)手套等指點設(shè)備直接從屏幕上獲取形象化命令與數(shù)據(jù)的過程。直接操縱的對象是命令、數(shù)據(jù)或是對數(shù)據(jù)的某種操作。(2) 設(shè)計圖形用戶界面的原則1) 一般性原則：界面要具有一致性、常用操作要有快捷方式、提供簡單的錯誤處理、對操作人員的重要操作要有信息反饋、操作可逆、設(shè)計良好的聯(lián)機幫助、合理劃分并高效地使用顯示屏

4、、保證信息顯示方式與數(shù)據(jù)輸入方式的協(xié)調(diào)一致2) 顏色的使用：顏色是一種有效的強化手段，同時具有美學(xué)價值。使用顏色時應(yīng)注意如下幾點：限制同時顯示的顏色數(shù)；畫面中活動對象的顏色應(yīng)鮮明，而非活動對象應(yīng)暗淡；盡量防止不相容的顏色放在一起，如黃與藍(lán)，紅與綠等，除非作比照時用；假設(shè)用顏色表示某種信息或?qū)ο髮眯裕褂脩衾斫膺@種表示，并盡量采用通用的表示規(guī)則。圖標(biāo)的設(shè)計：圖標(biāo)是可視地表示實體信息的簡潔、抽象的符號。圖標(biāo)設(shè)計是方寸藝術(shù)，需要在很小的范圍內(nèi)表現(xiàn)出圖標(biāo)的內(nèi)涵。設(shè)計圖標(biāo)時應(yīng)該著重考慮視覺沖擊力，要使用簡單的顏色，利用眼睛對色彩和網(wǎng)點的空間混合效果，做出精彩圖標(biāo)。3) 按鈕的設(shè)計：設(shè)計按鈕應(yīng)該具有交互

5、性，應(yīng)該有3到6種狀態(tài)效果(點擊時的狀態(tài)、鼠標(biāo)放在上面但未點擊的狀態(tài)、點擊前鼠標(biāo)未放在上面時的狀態(tài)、點擊后鼠標(biāo)未放在上面時的狀態(tài)、不能點擊時的狀態(tài)、獨立自動變化的狀態(tài))，按鈕應(yīng)具備簡潔的圖示效果，應(yīng)能夠讓使用者產(chǎn)生功能上的關(guān)聯(lián)反應(yīng)。屆于一個群組的按鈕應(yīng)該風(fēng)格統(tǒng)一，功能差異大的按鈕應(yīng)該有所區(qū)別。4) 屏幕布局的設(shè)計：設(shè)計屏幕布局(Layout)時應(yīng)該使各功能區(qū)重點突出，應(yīng)遵循如下幾條原則：平衡原則、預(yù)期原則、經(jīng)濟原則、順序原則、規(guī)則化菜單界面的設(shè)計：菜單在圖形界面的應(yīng)用程序中使用得非常普遍，是軟件界面設(shè)計的一個重要組成方面，描述了一個軟件的大致功能和風(fēng)格。菜單中的選項在功能上與按鈕相當(dāng)，一般具有

6、以下一種或幾種類型的選項：命令項、菜單項和窗口項。菜單的結(jié)構(gòu)一般有單一菜單、線狀序列菜單、樹狀結(jié)構(gòu)菜單、網(wǎng)狀結(jié)構(gòu)菜單等，其中樹狀結(jié)構(gòu)菜單是最常見的結(jié)構(gòu)。設(shè)計菜單界面時應(yīng)注意的一般性原則：功能組織菜單，合理分類，并力求簡短，前后一致；合理組織菜單界面的結(jié)構(gòu)與層次；按一定的規(guī)則對菜單項進(jìn)行排序；菜單項選擇項的標(biāo)題要力求文字簡短、含義明確，并且最好以關(guān)鍵詞開始；常用選項要設(shè)置快捷鍵；充分利用菜單項選擇項的使能與禁止、可見與隱藏屆性；使用彈出式菜單。7）填表輸入界面的設(shè)計：在處理大量相關(guān)數(shù)據(jù)的場合下，需要輸入一系列的數(shù)據(jù)，這時填表輸入界面是最理想的數(shù)據(jù)輸入界面。在設(shè)計填表輸入界面時應(yīng)遵循的原則：一致性

7、；有含義的表格標(biāo)題；使用易于理解的指導(dǎo)性說明文字；欄目按邏輯分組排序；表格的組織結(jié)構(gòu)和用戶任務(wù)相一致；光標(biāo)移動方便；出錯提示；提供幫助；表格顯示應(yīng)美觀、活楚，防止過分擁擠。三實驗內(nèi)容與步驟（一）實驗內(nèi)容：利用常用的設(shè)計工具（VC/VB/Delphi/PB等）完成一個通用圖形用戶界面設(shè)計，要遵循界面設(shè)計的一般原則（一致性、快捷方式、提供錯誤處理），注意顏色的使用，學(xué)會使用圖標(biāo)、按鈕、屏幕布局、菜單和對話框的設(shè)計（二）實驗步驟1. 設(shè)計多個對話框，完成填表輸入界面的設(shè)計，合理使用圖標(biāo)、按鈕、顏色；2. 設(shè)計不同形式的菜單，完成對不同對話框的調(diào)用；提供簡單的錯誤處理、聯(lián)機幫助實驗二Wet#面設(shè)計一實

8、驗?zāi)康暮鸵?）熟悉Web站點的信息交互模型和結(jié)構(gòu)2）熟悉Web界面設(shè)計的基本思想和原則3）掌握Web界面設(shè)計的工具和技術(shù)二預(yù)備知識Web界面設(shè)計是人機交互界面設(shè)計的一個延伸，是人與電腦交互的演變。Web界面設(shè)計與站點外觀直接相關(guān)，站點的界面外觀是否友好直接關(guān)系到是否能吸引人的關(guān)注。人性化的設(shè)計是Web界面設(shè)計的核心，如何根據(jù)人的心理、生理特征，運用技術(shù)手段，創(chuàng)造簡單、友好的界面，是Web界面設(shè)計的重點。（1）Web信息交互模型用來解釋W(xué)eb的人機界面性質(zhì)的一個模型，它提出網(wǎng)頁是用戶和知識之間的界面。對于信息提供者來說包括信息的表達(dá)，對于使用者來說則是信息的獲取。信息的表達(dá)與獲取分別受到兩者認(rèn)

9、知結(jié)構(gòu)的制約。模型涉及到信息的三種類型1）數(shù)據(jù)：當(dāng)一條信息被反復(fù)、簡單的提供時稱為數(shù)據(jù)，比方機票價格。2）復(fù)雜信息：而用來表達(dá)事件時稱為復(fù)雜信息，如多媒體信息。3）過程性信息：在信息有明確目標(biāo)，并相互作用時稱為過程性信息，如在線練習(xí)、在線測試等。模型涉及到信息的兩種特性：1）動態(tài)性：信息在不斷的變化，具有動態(tài)性;2）一致性：信息元素的組織方式具有一致性（2）Web信息設(shè)計模型是解釋W(xué)eb人機界面性質(zhì)的另一個模型，是一種研究網(wǎng)頁的信息設(shè)計模型。設(shè)計模型中要考慮到信息的兩個方面：1）第一是應(yīng)該呈現(xiàn)或略去什么信息。2）第二個方面指的是信息該如何被表現(xiàn)。（3）Web界面設(shè)計基本原則1）了解瀏覽者的心理

10、狀態(tài)2）內(nèi)容與形式的統(tǒng)一3）減少瀏覽層次3) 特點明確4) 統(tǒng)一整體的形象5) Web界面設(shè)計的3C原則(4) Web界面概要設(shè)計1) Web界面框架設(shè)計：Web網(wǎng)站規(guī)劃、建立原型系統(tǒng)、詳細(xì)設(shè)計、正式實施2) Web界面的內(nèi)容與風(fēng)格的設(shè)計：網(wǎng)站內(nèi)容設(shè)計的原則、Web界面的風(fēng)格3) Web界面設(shè)計的語言與文化：網(wǎng)站應(yīng)設(shè)置多語言選擇，在網(wǎng)站設(shè)計和建設(shè)中進(jìn)行跨文化研究Web界面設(shè)計要素Web界面布局Web界面的色彩Web界面的字體Web界面的動畫與多媒體Web界面的導(dǎo)航(5) Web界面設(shè)計技術(shù)與工具要設(shè)計好的Web界面，需要有良好的設(shè)計工具，隨著Internet網(wǎng)絡(luò)的發(fā)展，國際組織和許多互聯(lián)網(wǎng)軟件

11、開發(fā)商制訂了假設(shè)十標(biāo)準(zhǔn)，開發(fā)了不同的Web界面設(shè)計工具。主要的技術(shù)包括超文本標(biāo)記語言HTML、客戶端腳本語言JavaScriptJavaApplet、服務(wù)器端腳本語言。頁面編輯器主要包括：1)MicroSoft公司的Frontpage；2)Macromedia公司的Dreamweaver,Dreamweaver對于動態(tài)網(wǎng)頁的支持特別好，可以輕而易舉地做出很多眩目的互動頁面特效，Dreamweaver與Flash、Firework并稱為Macromedia的網(wǎng)頁制作三劍客。輔助工具主要包括：1)AceHTMLPro6.0全功能的HTML&JavaScript編輯器；2)AntennaWe

12、bDesignStudib強大的可視化網(wǎng)頁設(shè)計軟件；3)EasyHTML一簡單的所見即所得的HTML編輯器，有固定、類似瀏覽器的界面；4)EasyWebEditor一是一個Web發(fā)布工具，允許不了解HTML而在所見即所得環(huán)境中編輯Web網(wǎng)頁。三實驗內(nèi)容與步驟（一）實驗內(nèi)容：要求根據(jù)Web#面設(shè)計的原則（簡潔、一致性、比照度），進(jìn)行Web#面規(guī)劃、概要設(shè)計和設(shè)計要素的選擇，利用一種界面設(shè)計工具（Dreamweaver/Frontpage）完成網(wǎng)頁設(shè)計。（二）實驗步驟：1）選擇一種界面設(shè)計工具，并熟悉它；2針對一個具體的網(wǎng)站學(xué)校、個人、公司設(shè)計應(yīng)用，進(jìn)行Web界面規(guī)劃和概要設(shè)計；3選擇WE醉面設(shè)計

13、要素，設(shè)計出網(wǎng)頁四實驗結(jié)果五總結(jié)實驗三多通道用戶界面實驗?zāi)康暮鸵?）了解常見的多通道用戶界面2）查找資料，熟悉一種多通道用戶界面并寫出綜述二預(yù)備知識為適應(yīng)目前和未來的電腦系統(tǒng)要求，人機界面應(yīng)能支持時變媒體，實現(xiàn)三維、非精確及隱含的人機交互，而多通道人機界面是到達(dá)這一目的的重要途徑。80年代后期以來，多通道用戶界面成為人機交互的軟件工程方法研究的嶄新領(lǐng)域，在國內(nèi)外受到高度重視。綜合采用視線、語音、手勢等新的交互通道、設(shè)備和交互技術(shù)，使用戶利用多個通道以自然、并行、協(xié)作的方式進(jìn)行人機對話，通過整合來自多個通道的、精確的和不精確的輸入來捕捉用戶的交互意圖，提高人機交互的自然性和高效性。多通道用戶界

14、面主要關(guān)注人機界面中用戶向電腦輸入信息以及電腦對用戶意圖的理解，所要到達(dá)的目標(biāo)可歸納為如下方面：1）交互的自然性使用戶盡可能多地利用已有的日常技能與電腦交互，降低認(rèn)識負(fù)荷。2）交互的高效性使人機通訊信息交換吞吐量更大、形式更豐富，發(fā)揮人機彼此不同的認(rèn)知潛力。3）與傳統(tǒng)的用戶界面特別是廣泛流行的WIMP/GUI兼容（1）多通道用戶界面的基本特點1）使用多個感覺和效應(yīng)通道2）允許非精確的交互3）三維和直接操縱4）交互的雙向性5）交互的隱含性（2）涉及的主要技術(shù)1）多媒體使用多種表示媒體，如文本、圖形、圖像和聲音，使人機交互的軟件工程方法最終要向著更接近于人的自然方式發(fā)展，使電腦具有聽覺和視覺，以更

15、自然的方式與人交互。多媒體技術(shù)引入了動畫、音頻、視頻等動態(tài)媒體，大大豐富了電腦表現(xiàn)信息的形式，拓寬了電腦輸出的帶寬，提高了用戶接受信息的效率，使人們可以得到更直觀的信息，從而簡化了用戶的操作，擴展了應(yīng)用范圍。2）虛擬現(xiàn)實乂稱虛擬環(huán)境，虛擬現(xiàn)實系統(tǒng)向用戶提供沉浸和多感覺通道體驗。在虛擬現(xiàn)實中，人是主動參與者，復(fù)雜系統(tǒng)中可能有許多參與者共同在以電腦網(wǎng)絡(luò)系統(tǒng)為基礎(chǔ)的虛擬環(huán)境中協(xié)同工作。虛擬現(xiàn)實系統(tǒng)具有三個重要特點：沉浸感、交互性、設(shè)想性。3）眼動跟蹤與視覺有關(guān)的人機交互自始至終都離不開視線的控制。如果能通過用戶的視線盯著感興趣的目標(biāo)，電腦便自動”將光標(biāo)置于其上，人機交互將更為直接，也省去了上述交互過

16、程中的大部分步驟。4）手勢識別一個簡單的手勢蘊涵著豐富的信息,人與人可以通過手勢傳達(dá)大量的信息,實現(xiàn)高速的通信。將手勢運用于電腦能夠很好地改善人機交互的效率。在多數(shù)情況下我們籠統(tǒng)地認(rèn)為手勢是人的上肢（包括手臂、手和手指）的運動狀態(tài)。5）三維輸入許多應(yīng)用（如虛擬現(xiàn)實系統(tǒng)）需要三維空間定位技術(shù)，三維空間控制器的共同特點是具有六個自由度，分別描述三維對象的寬度、深度、高度、俯仰角、轉(zhuǎn)動角、偏轉(zhuǎn)角。通過控制這六個參數(shù)，用戶可以在屏幕上平移三維對象或光標(biāo)，也可沿三個坐標(biāo)軸轉(zhuǎn)動三維對象。在三維用戶交互中必須便于用戶在三維空間中觀察、比較、操作、改變?nèi)S空間的狀態(tài)。6）語音識別語音識別是電腦通過識別和理解過

17、程把語音信號轉(zhuǎn)變?yōu)橄鄳?yīng)的文本文件或命令的技術(shù)。語音識別乂是一門交義學(xué)科，它與聲學(xué)、語音學(xué)、語言學(xué)、數(shù)字信號處理理論、信息論、電腦科學(xué)等眾多學(xué)科緊密相連。7）表情識別面部表情是人體語言'的一部分。人的面部表情不是孤立的，它與情緒之間存在著千絲萬縷的聯(lián)系。人的各種情緒變化以及對冷熱的感覺都是非常復(fù)雜的高級神經(jīng)活動，如何感知、記錄、識別這些變化過程是表情識別的關(guān)鍵。8）手寫識別發(fā)展手寫識別技術(shù)并嵌入到各種設(shè)備中，將是手寫識別技術(shù)未來發(fā)展的重要方向之一。聯(lián)機手寫識別技術(shù)的優(yōu)點是不需專門學(xué)習(xí)與訓(xùn)練、不必記憶編碼規(guī)則、安裝后即可手寫輸入漢字，是最簡單方便的輸入方式。同時符合人的書寫習(xí)慣，可以一面思考、一面書寫，不會打斷思維的連續(xù)性，是最自然的輸入方式。9）數(shù)字墨水?dāng)?shù)字墨水是一種新的人機界面技術(shù)，它借鑒手寫識別技術(shù)的同時，克服