上傳人：1***

認(rèn)證信息

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

認(rèn)證主體：周**（實(shí)名認(rèn)證）

IP屬地：江蘇

IP屬地：江蘇 上傳時(shí)間：2023-04-26 格式：DOC 頁數(shù)：10 大?。?.16MB 積分：15 舉報(bào) 版權(quán)申訴

實(shí)驗(yàn)一圖形用戶界面的設(shè)計(jì)一實(shí)驗(yàn)?zāi)康暮鸵?)熟悉圖形用戶界面的設(shè)計(jì)原則2)利用一種設(shè)計(jì)工具完成圖形化的用戶界面設(shè)計(jì)二預(yù)備知識(shí)圖形用戶界面又稱為WIMP界面，由窗口(windows)、圖標(biāo)(icons)、菜單(menu)、指點(diǎn)設(shè)備(pointingdevice)四位一體，形成桌面(desktop)，如圖所示。圖形用戶界面是當(dāng)前用戶界面的主流，廣泛應(yīng)用于各檔臺(tái)式微機(jī)和圖形工作站。圖形用戶界面的共同特點(diǎn)是以窗口管理系統(tǒng)為核心，使用鍵盤和鼠標(biāo)器作為輸入設(shè)備。窗口管理系統(tǒng)除了基于可重疊多窗口管理技術(shù)外，廣泛采用的另一核心技術(shù)是事件驅(qū)動(dòng)(event-driven)技術(shù)。WIMP界面可看作是第二代人機(jī)界面，是基于圖形方式的人機(jī)界面。在WIMP界面中，人被稱為用戶，人機(jī)通過對(duì)話進(jìn)行工作。用戶只能使用手這一種交互通道輸入信息，通過視覺通道獲取信息。在WIMP界面中，界面的輸出可以為靜態(tài)或動(dòng)態(tài)的二維圖形或圖像等信息。這種方式能同時(shí)輸出不同種類的信息，用戶也可以在幾個(gè)工作環(huán)境中切換而不丟失幾個(gè)工作之間的聯(lián)系，通過菜單可以執(zhí)行控制型和對(duì)話型任務(wù)。由于引入了圖標(biāo)、按鈕和滾動(dòng)條技術(shù)，大大減少鍵盤輸入，提高了交互效率?；谑髽?biāo)和圖形用戶界面的交互技術(shù)極大地推動(dòng)了計(jì)算機(jī)技術(shù)的普及。(1)圖形用戶界面的三個(gè)重要思想桌面隱喻(desktopmetaphor)指在用戶界面中用人們熟悉的桌面上的圖例清楚地表示計(jì)算機(jī)可以處理的能力。隱喻的表現(xiàn)方法:靜態(tài)圖標(biāo)、動(dòng)畫、視頻所見即所得(WhatYouSeeIsWhatYouGet，WYSIWYG)顯示的用戶交互行為與應(yīng)用程序最終產(chǎn)生的結(jié)果是一致的。直接操縱(directmanipulation)直接操縱是指可以把操作的對(duì)象、屬性、關(guān)系顯式地表示出來，用光筆、鼠標(biāo)、觸摸屏或數(shù)據(jù)手套等指點(diǎn)設(shè)備直接從屏幕上獲取形象化命令與數(shù)據(jù)的過程。直接操縱的對(duì)象是命令、數(shù)據(jù)或是對(duì)數(shù)據(jù)的某種操作。(2)設(shè)計(jì)圖形用戶界面的原則1)一般性原則：界面要具有一致性、常用操作要有快捷方式、提供簡單的錯(cuò)誤處理、對(duì)操作人員的重要操作要有信息反饋、操作可逆、設(shè)計(jì)良好的聯(lián)機(jī)幫助、合理劃分并高效地使用顯示屏、保證信息顯示方式與數(shù)據(jù)輸入方式的協(xié)調(diào)一致2)顏色的使用：顏色是一種有效的強(qiáng)化手段，同時(shí)具有美學(xué)價(jià)值。使用顏色時(shí)應(yīng)注意如下幾點(diǎn)：限制同時(shí)顯示的顏色數(shù)；畫面中活動(dòng)對(duì)象的顏色應(yīng)鮮明，而非活動(dòng)對(duì)象應(yīng)暗淡；盡量避免不相容的顏色放在一起，如黃與藍(lán)，紅與綠等，除非作對(duì)比時(shí)用；

若用顏色表示某種信息或?qū)ο髮傩?，要使用戶理解這種表示，并盡量采用通用的表示規(guī)則。3)圖標(biāo)的設(shè)計(jì)：圖標(biāo)是可視地表示實(shí)體信息的簡潔、抽象的符號(hào)。圖標(biāo)設(shè)計(jì)是方寸藝術(shù)，需要在很小的范圍內(nèi)表現(xiàn)出圖標(biāo)的內(nèi)涵。設(shè)計(jì)圖標(biāo)時(shí)應(yīng)該著重考慮視覺沖擊力，要使用簡單的顏色，利用眼睛對(duì)色彩和網(wǎng)點(diǎn)的空間混合效果，做出精彩圖標(biāo)。按鈕的設(shè)計(jì)：設(shè)計(jì)按鈕應(yīng)該具有交互性，應(yīng)該有3到6種狀態(tài)效果(點(diǎn)擊時(shí)的狀態(tài)、鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài)、點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài)、點(diǎn)擊后鼠標(biāo)未放在上面時(shí)的狀態(tài)、不能點(diǎn)擊時(shí)的狀態(tài)、獨(dú)立自動(dòng)變化的狀態(tài))，按鈕應(yīng)具備簡潔的圖示效果，應(yīng)能夠讓使用者產(chǎn)生功能上的關(guān)聯(lián)反應(yīng)。屬于一個(gè)群組的按鈕應(yīng)該風(fēng)格統(tǒng)一，功能差異大的按鈕應(yīng)該有所區(qū)別。屏幕布局的設(shè)計(jì)：設(shè)計(jì)屏幕布局(Layout)時(shí)應(yīng)該使各功能區(qū)重點(diǎn)突出,應(yīng)遵循如下幾條原則：平衡原則、預(yù)期原則、經(jīng)濟(jì)原則、順序原則、規(guī)則化菜單界面的設(shè)計(jì)：菜單在圖形界面的應(yīng)用程序中使用得非常普遍，是軟特點(diǎn)明確統(tǒng)一整體的形象Web界面設(shè)計(jì)的3C原則(4)Web界面概要設(shè)計(jì)1)Web界面框架設(shè)計(jì)：Web網(wǎng)站規(guī)劃、建立原型系統(tǒng)、詳細(xì)設(shè)計(jì)、正式實(shí)施2)Web界面的內(nèi)容與風(fēng)格的設(shè)計(jì):網(wǎng)站內(nèi)容設(shè)計(jì)的原則、Web界面的風(fēng)格3)Web界面設(shè)計(jì)的語言與文化：網(wǎng)站應(yīng)設(shè)置多語言選擇，在網(wǎng)站設(shè)計(jì)和建設(shè)中進(jìn)行跨文化研究(5)Web界面設(shè)計(jì)要素Web界面布局Web界面的色彩Web界面的字體Web界面的動(dòng)畫與多媒體Web界面的導(dǎo)航(6)Web界面設(shè)計(jì)技術(shù)與工具要設(shè)計(jì)好的Web界面，需要有良好的設(shè)計(jì)工具，隨著Internet網(wǎng)絡(luò)的發(fā)展，國際組織和許多互聯(lián)網(wǎng)軟件開發(fā)商制訂了若干標(biāo)準(zhǔn)，開發(fā)了不同的Web界面設(shè)計(jì)工具。主要的技術(shù)包括超文本標(biāo)記語言HTML、客戶端腳本語言JavaScript、JavaApplet、服務(wù)器端腳本語言。頁面編輯器主要包括：1)MicroSoft公司的Frontpage；2)Macromedia公司的Dreamweaver，Dreamweaver對(duì)于動(dòng)態(tài)網(wǎng)頁的支持特別好，可以輕而易舉地做出很多眩目的互動(dòng)頁面特效，Dreamweaver與Flash、Firework并稱為Macromedia的網(wǎng)頁制作三劍客。輔助工具主要包括：1)AceHTMLPro6.0—全功能的HTML&JavaScript編輯器；2)AntennaWebDesignStudio—強(qiáng)大的可視化網(wǎng)頁設(shè)計(jì)軟件；3)EasyHTML—簡單的所見即所得的HTML編輯器，有固定、類似瀏覽器的界面；4)EasyWebEditor—是一個(gè)Web發(fā)布工具，允許不了解HTML而在所見即所得環(huán)境中編輯Web網(wǎng)頁。三實(shí)驗(yàn)內(nèi)容與步驟(一)實(shí)驗(yàn)內(nèi)容:要求根據(jù)Web界面設(shè)計(jì)的原則(簡潔、一致性、對(duì)比度)，進(jìn)行Web界面規(guī)劃、概要設(shè)計(jì)和設(shè)計(jì)要素的選擇，利用一種界面設(shè)計(jì)工具(Dreamweaver/Frontpage)完成網(wǎng)頁設(shè)計(jì)。(二)實(shí)驗(yàn)步驟：1)選擇一種界面設(shè)計(jì)工具，并熟悉它；2）針對(duì)一個(gè)具體的網(wǎng)站（學(xué)校、個(gè)人、公司）設(shè)計(jì)應(yīng)用，進(jìn)行Web界面規(guī)劃和概要設(shè)計(jì)；3）選擇WEB界面設(shè)計(jì)要素，設(shè)計(jì)出網(wǎng)頁四實(shí)驗(yàn)結(jié)果五總結(jié)

實(shí)驗(yàn)三多通道用戶界面一實(shí)驗(yàn)?zāi)康暮鸵?)了解常見的多通道用戶界面2)查找資料，熟悉一種多通道用戶界面并寫出綜述二預(yù)備知識(shí)為適應(yīng)目前和未來的計(jì)算機(jī)系統(tǒng)要求，人機(jī)界面應(yīng)能支持時(shí)變媒體，實(shí)現(xiàn)三維、非精確及隱含的人機(jī)交互，而多通道人機(jī)界面是達(dá)到這一目的的重要途徑。80年代后期以來，多通道用戶界面成為人機(jī)交互的軟件工程方法研究的嶄新領(lǐng)域，在國內(nèi)外受到高度重視。綜合采用視線、語音、手勢(shì)等新的交互通道、設(shè)備和交互技術(shù)，使用戶利用多個(gè)通道以自然、并行、協(xié)作的方式進(jìn)行人機(jī)對(duì)話，通過整合來自多個(gè)通道的、精確的和不精確的輸入來捕捉用戶的交互意圖，提高人機(jī)交互的自然性和高效性。多通道用戶界面主要關(guān)注人機(jī)界面中用戶向計(jì)算機(jī)輸入信息以及計(jì)算機(jī)對(duì)用戶意圖的理解，所要達(dá)到的目標(biāo)可歸納為如下方面：1)交互的自然性使用戶盡可能多地利用已有的日常技能與計(jì)算機(jī)交互，降低認(rèn)識(shí)負(fù)荷。2)交互的高效性使人機(jī)通訊信息交換吞吐量更大、形式更豐富，發(fā)揮人機(jī)彼此不同的認(rèn)知潛力。3)與傳統(tǒng)的用戶界面特別是廣泛流行的WIMP/GUI兼容。(1)多通道用戶界面的基本特點(diǎn)使用多個(gè)感覺和效應(yīng)通道允許非精確的交互三維和直接操縱交互的雙向性交互的隱含性(2)涉及的主要技術(shù)1)多媒體使用多種表示媒體，如文本、圖形、圖像和聲音，使人機(jī)交互的軟件工程方法最終要向著更接近于人的自然方式發(fā)展，使計(jì)算機(jī)具有聽覺和視覺，以更自然的方式與人交互。多媒體技術(shù)引入了動(dòng)畫、音頻、視頻等動(dòng)態(tài)媒體，大大豐富了計(jì)算機(jī)表現(xiàn)信息的形式，拓寬了計(jì)算機(jī)輸出的帶寬，提高了用戶接受信息的效率，使人們可以得到更直觀的信息，從而簡化了用戶的操作，擴(kuò)展了應(yīng)用范圍。2)虛擬現(xiàn)實(shí)又稱虛擬環(huán)境，虛擬現(xiàn)實(shí)系統(tǒng)向用戶提供沉浸和多感覺通道體驗(yàn)。在虛擬現(xiàn)實(shí)中，人是主動(dòng)參與者，復(fù)雜系統(tǒng)中可能有許多參與者共同在以計(jì)算機(jī)網(wǎng)絡(luò)系統(tǒng)為基礎(chǔ)的虛擬環(huán)境中協(xié)同工作。虛擬現(xiàn)實(shí)系統(tǒng)具有三個(gè)重要特點(diǎn)：沉浸感、交互性、構(gòu)想性。3)眼動(dòng)跟蹤與視覺有關(guān)的人機(jī)交互自始至終都離不開視線的控制。如果能通過用戶的視線盯著感興趣的目標(biāo)，計(jì)算機(jī)便“自動(dòng)”將光標(biāo)置于其上，人機(jī)交互將更為直接，也省去了上述交互過程中的大部分步驟。4)手勢(shì)識(shí)別一個(gè)簡單的手勢(shì)蘊(yùn)涵著豐富的信息，人與人可以通過手勢(shì)傳達(dá)大量的信息，實(shí)現(xiàn)高速的通信。將手勢(shì)運(yùn)用于計(jì)算機(jī)能夠很好地改善人機(jī)交互的效率。在多數(shù)情況下我們籠統(tǒng)地認(rèn)為手勢(shì)是人的上肢(包括手臂、手和手指)的運(yùn)動(dòng)狀態(tài)。5)三維輸入許多應(yīng)用(如虛擬現(xiàn)實(shí)系統(tǒng))需要三維空間定位技術(shù)，三維空間控制器的共同特點(diǎn)是具有六個(gè)自由度，分別描述三維對(duì)象的寬度、深度、高度、俯仰角、轉(zhuǎn)動(dòng)角、偏轉(zhuǎn)角。通過控制這六個(gè)參數(shù)，用戶可以在屏幕上平移三維對(duì)象或光標(biāo)，也可沿三個(gè)坐標(biāo)軸轉(zhuǎn)動(dòng)三維對(duì)象。在三維用戶交互中必須便于用戶在三維空間中觀察、比較、操作、改變?nèi)S空間的狀態(tài)。6)語音識(shí)別語音識(shí)別是計(jì)算機(jī)通過識(shí)別和理解過程把語音信號(hào)轉(zhuǎn)變?yōu)橄鄳?yīng)的文本文件或命令的技術(shù)。語音識(shí)別又是一門交叉學(xué)科，它與聲學(xué)、語音學(xué)、語言學(xué)、數(shù)字信號(hào)處理理論、信息論、計(jì)算機(jī)科學(xué)等眾多學(xué)科緊密相連。7)表情識(shí)別面部表情是人體語言的一部分。人的面部表情不是孤立的，它與情緒之間存在著千絲萬縷的聯(lián)系。人的各種情緒變化以及對(duì)冷熱的感覺都是非常復(fù)雜的高級(jí)神經(jīng)活動(dòng)，如何感知、記錄、識(shí)別這些變化過程是表情識(shí)別的關(guān)鍵。8)手寫識(shí)別發(fā)展手寫識(shí)別技術(shù)并嵌入到各種設(shè)備中，將是手寫識(shí)別技術(shù)未來發(fā)展的重要方向之一。聯(lián)機(jī)手寫識(shí)別技術(shù)的優(yōu)點(diǎn)是不需專門學(xué)習(xí)與訓(xùn)練、不必記憶編碼規(guī)則、安裝后即可手寫輸入漢字，是最簡單方便的輸入方式。同時(shí)符合人的書寫習(xí)慣，可以一面思考、一面書寫，不會(huì)打斷思維的連續(xù)性，是最自然的輸入方式。9)數(shù)字墨水?dāng)?shù)字墨水是一種新的人機(jī)界面技術(shù)，它借鑒手寫識(shí)別技術(shù)的同時(shí)，克服了它的許多局限性。數(shù)字墨水在數(shù)學(xué)上是通過三階貝塞爾曲線來描述筆輸入的筆跡，它的記錄格式與圖像和文本格式都不同。這種存儲(chǔ)方式使得數(shù)字墨水文件