精品課程網(wǎng)站中的人機(jī)交互界面研究

1、分類號：tp311 單位代碼：10422密級： 學(xué)號 ： 碩士學(xué)位論文精品課程網(wǎng)站中的人機(jī)交互界面研究the high quality course website human-computer interaction interface research 作者姓名：劉斌 專業(yè)方向：軟件工程 指導(dǎo)教師：姚青 2014年02月26日原創(chuàng)性聲明和關(guān)于論文使用授權(quán)的說明原創(chuàng)性聲明本人鄭重聲明：所呈交的學(xué)位論文，是本人在導(dǎo)師的指導(dǎo)下，獨(dú)立進(jìn)行研究所取得的成果。除文中已經(jīng)注明引用的內(nèi)容外，本論文不包含任何其他個人或集體已經(jīng)發(fā)表或撰寫過的科研成果。對本文的研究作出重要奉獻(xiàn)的個人和集體，均已在文中以明確方式

2、標(biāo)明。本聲明的法律責(zé)任由本人承擔(dān)。論文作者簽名： 日期： 關(guān)于學(xué)位論文使用授權(quán)的聲明本人完全了解山東大學(xué)有關(guān)保留、使用學(xué)位論文的規(guī)定，同意學(xué)校保留或向國家有關(guān)部門或機(jī)構(gòu)送交論文的復(fù)印件和電子版，同意論文被查閱和借閱；本人授權(quán)山東大學(xué)可以將本學(xué)位論文的全部或部分內(nèi)容編入有關(guān)數(shù)據(jù)庫進(jìn)行檢索，可以采納影印、縮印或其他復(fù)制手段保存論文和匯編本學(xué)位論文。（保密論文在解密后應(yīng)遵守此規(guī)定）論文作者簽名： 導(dǎo)師簽名: 日期： 目 錄摘 要4第1章 緒論71.1研究背景71.2研究目的和意義81.3研究現(xiàn)狀9第2章 精品課程人機(jī)交互界面的理論研究112.1人機(jī)交互的定義1222人機(jī)交互界面的特性132.3人機(jī)交

3、互界面的進(jìn)展?fàn)顩r132.4人機(jī)交互界面的進(jìn)展趨勢152.5人機(jī)交互界面設(shè)計實例分析152.6網(wǎng)站人機(jī)交互界面的進(jìn)展162.7網(wǎng)站人機(jī)交互界面研究的意義17第3章 現(xiàn)有精品課程網(wǎng)站人機(jī)交互界面問題分析193.1精品課程概述193.2現(xiàn)在精品課程網(wǎng)站的人機(jī)交互界面設(shè)計問題的分析193.3精品課程網(wǎng)站人機(jī)交互界面問題產(chǎn)生的原因分析20第4章 精品課程網(wǎng)站的人機(jī)交互界面設(shè)計224.1精品課程網(wǎng)站中的人機(jī)交互界面中的空間處理224.2精品課程網(wǎng)站交互界面的人機(jī)工程學(xué)設(shè)計244.3掃瞄者的視覺特性264.4精品課程網(wǎng)站交互界面的色彩28第5章 精品課程網(wǎng)站人機(jī)交互界面的關(guān)鍵技術(shù)325.1多通道人機(jī)交互界面

4、325.2計算機(jī)支持的協(xié)同工作345.3三維人機(jī)交互技術(shù)37參考文獻(xiàn)40致 謝41摘 要隨著我國高等教育的進(jìn)展以及國家對教育的重視，精品課程項目得到迅速進(jìn)展，成為一種重要的教育實踐形式。目前，我國已開設(shè)了較多的國家級精品課程以及大量的省級、校級精品課程，精品課程的教育資源十分豐富。但綜觀相關(guān)文獻(xiàn)，現(xiàn)有的精品課程網(wǎng)站的人機(jī)交互界面設(shè)計中存在許多不足，降低了精品課程的使用效率，也制約著精品課程的推廣。因此，對精品課程的人機(jī)交互界面進(jìn)行研究并加以改進(jìn)是十分必要的。本文的研究工作主要分為以下幾個方面：（1）對目前的精品課程網(wǎng)站的文獻(xiàn)進(jìn)行閱讀分析，了解到大部分的文獻(xiàn)是從教育技術(shù)學(xué)、情報學(xué)和軟件設(shè)計專業(yè)出

5、發(fā)的，而從人機(jī)交互界面角度研究精品課程網(wǎng)站界面的可用性的論著并不多。針對前人研究的不足，本文對精品課程網(wǎng)站的人機(jī)交互界面進(jìn)行了研究。（2）本文對人機(jī)交互界面和網(wǎng)站的人機(jī)交互界面設(shè)計理論進(jìn)行全面系統(tǒng)的研究，為課程網(wǎng)站人機(jī)界面設(shè)計提供理論依據(jù)。 （3）本文以部分現(xiàn)有的精品課程網(wǎng)站為對象，分析了其在人機(jī)交互界面設(shè)計方面存在的問題和不足，以及造成這些問題的原因。（4）本文從網(wǎng)站的空間設(shè)計、人機(jī)工程學(xué)、色彩應(yīng)用角度闡述了如何進(jìn)行精品課程網(wǎng)站人機(jī)交互界面的設(shè)計，為精品課程網(wǎng)站的建設(shè)提供參考。（5）本文對精品課程人機(jī)交互界面設(shè)計的幾種關(guān)鍵技術(shù)進(jìn)行了系統(tǒng)地研究。關(guān)鍵字： 精品課程； 人機(jī)交互； 關(guān)鍵技術(shù) ab

6、stractwith the development of higher education in our country and the country's emphasis on education, exquisite course project get rapid development, become a kind of important form of education practice. at present, our country has opened the more high-quality goods of national as well as a la

7、rge number of provincial excellent courses, field courses, exquisite course of education resource is very rich. but throughout the literature, the existing of high quality course website many deficiencies in the design of man-machine interface, reduces the efficiency of excellent courses, also restr

8、icts the promotion of high quality courses. therefore, study of exquisite course of human-computer interaction interface and improve it is very necessary. in this paper, the research mainly divided into the following several aspects: (1) the reading of the literature of the current of the high quali

9、ty course website, learned that most of the literature from the education of professional technology, information science, and software design, and from the perspective of human-computer interaction interface the interface of the availability of high quality course website works is not much. aiming

10、at the shortcomings of the previous studies, this article on the high quality course website human-computer interaction interface is studied. (2) in this paper, the human-computer interaction interface and human-computer interaction interface design theory of site to conduct a comprehensive system o

11、f research, provide theoretical basis for the man-machine interface design course website. (3) based on some existing high-quality goods curriculum website as the object, analyses its problems in the man-machine interface design and the insufficiency, and the cause of these problems. (4) in this pap

12、er, from the website of the space design, ergonomics point of view of an application, color for the design of the human-computer interaction interface, high quality course website provides reference for the construction of the high quality course website. (5) in this paper, the high-quality goods cu

13、rriculum human-computer interaction interface design of several key technologies were studied systematically. keyword: exquisite course; the human-computer interaction; the key technology第1章 緒論1.1研究背景2021年4月教育部公布關(guān)于啟動高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程精品課程建設(shè)工作的通知文件，在全國范圍，在全國范圍啟動了精品課程建設(shè)項目。教育部打算用5年時間評選出1500門精品課程，授予“國家精品課程

14、”稱號，關(guān)給予一定的經(jīng)費(fèi)補(bǔ)助。將這些精品課程，免費(fèi)同全國所有師生開放，實現(xiàn)資源共享。為促進(jìn)優(yōu)質(zhì)資源的共享和完善，2021年11月教育部公布教育財政部關(guān)于批準(zhǔn) 2021年度國家精品課程建設(shè)項目的通知，并對精品課程的建設(shè)陸續(xù)加大了經(jīng)費(fèi)的投入和技術(shù)支持。文件中提倡全國高校都要充分、積極利用該項優(yōu)質(zhì)資源，借鑒其建設(shè)經(jīng)驗，以促進(jìn)自身學(xué)校的課程改革，不斷提高教與學(xué)的效率。2012年，教育部關(guān)于批準(zhǔn)實施“十二五”期間“高等學(xué)校本科教學(xué)質(zhì)量與教不改革工程”2021年建設(shè)項目的通知出臺，文件是明確批準(zhǔn)高等教育出版社組織實施精品視頻公開課建設(shè)項目，要求創(chuàng)建350門精品視頻公開課，并對每門精品視頻公開課支持建設(shè)經(jīng)費(fèi)

15、20萬元?？梢钥闯?，國家對精品課程建設(shè)的重視。這也反映了精品課程在教學(xué)環(huán)節(jié)中重要性，它可以實現(xiàn)全國優(yōu)勢學(xué)科的資源共享，可以讓更多的師生享受到高質(zhì)量的教學(xué)資源。隨著政府部門對高等教育的大力扶持及社會對其的關(guān)注，高校對其的重視，如今我國的高等教育質(zhì)量正在不斷提升，范圍也在不斷擴(kuò)大，高等教育已趨向信息化，而網(wǎng)絡(luò)資源的重要性也日益突出，精品課程必定成為了高校教與學(xué)的一種重要方式。目前我國已開設(shè)了許多門類的精品課程，包括力學(xué)、理學(xué)、工學(xué)、文學(xué)、醫(yī)學(xué)、法學(xué)等學(xué)科，其資源已十分豐富。面對海量的優(yōu)質(zhì)資源，卻出現(xiàn)精品課程使用效率低，成效不明顯的現(xiàn)象。經(jīng)分析，存在這種現(xiàn)象的原因比較多，主要方面是精品課程網(wǎng)站的人機(jī)

16、交互界面設(shè)計存在問題。精品課程是以界面的形式展示給用戶的。因此對于使用者而言，網(wǎng)站的界面就是精品課程本身，而用戶對界面的使用效率低，人機(jī)界面的可用性則必定不高，因此，如何讓用戶輕松找到所需的信息；如何提高用戶的使用效率，降低用戶的學(xué)習(xí)成本；如何提升界面可用性，成為目前精品課程網(wǎng)站的人機(jī)交互界面最關(guān)注的問題。1.2研究目的和意義1.論文研究的目的本文對現(xiàn)有的精品課程網(wǎng)站調(diào)查發(fā)覺，人機(jī)交互界面設(shè)計存在明顯的不合理現(xiàn)象，從而影響了用戶對課程網(wǎng)站的使用。針對精品課程網(wǎng)站上人機(jī)交互界面設(shè)計存在的問題，本文提出以用戶為出發(fā)點(diǎn)的可用性設(shè)計理念，對網(wǎng)站的人機(jī)交互界面設(shè)計進(jìn)行實踐，目的是能夠使精品課程在網(wǎng)絡(luò)上更

17、易于學(xué)習(xí)、共享和傳播，便利用戶對課程界面的操作，節(jié)省了用戶的時間，使其產(chǎn)生愉悅的心情。這樣也提升了課程與用戶之間的交互中意度，使師生真正領(lǐng)會精品課程的五個“一流”的特點(diǎn)，即一流的教師隊伍、一流的教學(xué)內(nèi)容、一流的教學(xué)方法、一流的教材、一流的教學(xué)治理的特點(diǎn)。2.論文研究的意義與傳統(tǒng)的授課相比，精品課程有不受時間和空間限制的優(yōu)點(diǎn)，便于實現(xiàn)大量優(yōu)質(zhì)教學(xué)資源的共享，發(fā)揮了精品課程的實際作用，能夠讓更多的學(xué)習(xí)者參加其中，接收更全面、高質(zhì)量的教育。因此，保證精品課程網(wǎng)站的人機(jī)交互界面的可用性是最為關(guān)鍵的。如何讓用戶在使用過程中感覺界面友好，操作簡潔、使用流利，并能提高用戶的學(xué)習(xí)效率，最大化的接受精品課程的知

18、識內(nèi)容，這些都直接影響用戶對課程的喜好和認(rèn)可，并關(guān)系到精品課程的樹立與推廣。因此，本文將探究更為自然、便利的人機(jī)交互界面設(shè)計方法，對精品課程的人機(jī)交互界面進(jìn)行實踐，對精品課程網(wǎng)站界面設(shè)計思路起到一定的指導(dǎo)作用，豐富和完善了其理論和方法，為今后的精品課程網(wǎng)站界面設(shè)計提供參考。1.3研究現(xiàn)狀1.研究現(xiàn)狀及現(xiàn)有成果綜述經(jīng)過多年來對教育資源共享運(yùn)動的開展，優(yōu)質(zhì)教育資源開放已受到國內(nèi)外眾多學(xué)習(xí)者和教育機(jī)構(gòu)的認(rèn)可，如今它成為全球高等教育機(jī)構(gòu)的一種重要的教育實踐形式。目前，全球已有26個國家分別以不同的形式開放教育資源。我國開放教育資源始于2021年，當(dāng)時教育部提出創(chuàng)建精品課程項目后，即受到全國教育機(jī)構(gòu)部門

19、的重視。隨后，教育資源共享的建設(shè)得到迅速進(jìn)展，目前全國已有上前門國家級精品課程以及大量的省級、校級精品課程申報成功，并在很好的開展中。同時很多學(xué)者還發(fā)表了關(guān)于精品課程方面的論文。以“精品課程”為關(guān)鍵詞在中國知網(wǎng)數(shù)據(jù)庫（cnki）進(jìn)行檢索，在檢索到的6082篇文章中，有5877篇屬于會議、期刊層面，而碩、博論文只有205篇。人機(jī)交互界面最早在西方國家文獻(xiàn)中出現(xiàn)的。其可用性設(shè)計自提出就得到了網(wǎng)站設(shè)計人員的重視，經(jīng)過多年的研究，進(jìn)展至今已形成了一套成熟的理論體系，具備了豐富的實踐經(jīng)驗，研究人員還總結(jié)出一系列可用性設(shè)計方法和原則。這些都是精品課程網(wǎng)站的界面設(shè)計的寶貴財富。2.研究缺陷綜觀相關(guān)文獻(xiàn)，發(fā)覺

20、對精品課程網(wǎng)站的研究主要是基于教育技術(shù)學(xué)、情報學(xué)和軟件設(shè)計等方面的，而從人機(jī)交互界面的角度對精品課程網(wǎng)站的研究進(jìn)行的卻相對較少，而實際上精品課程的知識內(nèi)容正是憑借人機(jī)交互界面這個平臺展示的。因此，對精品課程網(wǎng)站進(jìn)行人機(jī)交互方面的深入研究是十分必要的，把現(xiàn)有的人機(jī)交互界面設(shè)計理論運(yùn)用到精品課程網(wǎng)站中，從而提高該類網(wǎng)站人機(jī)交互界面的可用性，使網(wǎng)絡(luò)資源更具有共享性。目前，對于人機(jī)交互界面方面研究的資料數(shù)量眾多，涉及的范圍也比較全面。其中理論方面的研究已經(jīng)比較成熟，大量的論著歸納了人機(jī)界面的可用性設(shè)計原則，對本文的研究具有很大的借鑒和指導(dǎo)意義。本文在前人研究的基礎(chǔ)上，深入的分析理論及設(shè)計原則，為課程網(wǎng)

21、站的人機(jī)交互界面設(shè)計提供理論與實踐依據(jù)。1.4本文主要研究內(nèi)容本文的研究工作采納理論與實踐相結(jié)合的方式，對現(xiàn)有研究成果進(jìn)行歸納總結(jié)，并在此基礎(chǔ)上加以進(jìn)展，形成系統(tǒng)的理論并提供實踐依據(jù)。本文的主要研究內(nèi)容如下：1.系統(tǒng)的闡述了前人在精品課程網(wǎng)站、人機(jī)交互界面方面取得的成就，并在已有研究的基礎(chǔ)上，分析他們的不足，明確本文研究的方向和目標(biāo)。2.對網(wǎng)站的人機(jī)交互界面設(shè)計理論進(jìn)行全面系統(tǒng)的研究。3.總結(jié)了目前一些精品課程網(wǎng)站人機(jī)交互界面設(shè)計方面的不足，并分析導(dǎo)致課程網(wǎng)站界面問題產(chǎn)生的原因。 4.從網(wǎng)站的空間設(shè)計、人機(jī)工程學(xué)、色彩應(yīng)用角度闡述了如何進(jìn)行精品課程網(wǎng)站人機(jī)交互界面的設(shè)計，為精品課程網(wǎng)站的建設(shè)提

22、供參考。 5.對精品課程網(wǎng)站的人機(jī)交互界面設(shè)計的幾個關(guān)鍵技術(shù)進(jìn)行深入的研究。第2章 精品課程人機(jī)交互界面的理論研究隨著網(wǎng)站人機(jī)交互設(shè)計的不斷成熟，我們看到它與工業(yè)設(shè)計有著越來越多的相似之處。平面設(shè)計雖然有著悠久的歷史，但是它缺乏與人的溝通的途逕和整合約束的能力。工業(yè)設(shè)計從一開始就是建立在機(jī)械、人機(jī)工程、生產(chǎn)、市場和美學(xué)等結(jié)合的基礎(chǔ)上。因此，從某種意思上說，人機(jī)交互界面設(shè)計可以看作是工業(yè)設(shè)計在軟件業(yè)的延伸。網(wǎng)站交互界面設(shè)計的目的是使人與網(wǎng)站之間的信息交換方式更科學(xué)、列合理、更為人性化，使得人與網(wǎng)站之間的信息傳遞更可靠、更能減輕人的心理和生理負(fù)擔(dān)。人機(jī)交互設(shè)計應(yīng)用人機(jī)工程學(xué)、心理學(xué)等學(xué)科的研究成果

23、和研究方法，在人機(jī)對話中制造最為和諧的關(guān)系。交互設(shè)計與工業(yè)設(shè)計有許多共同點(diǎn)。和工業(yè)設(shè)計一樣，交互設(shè)計綜合工程、人機(jī)和市場的因素，對用戶的問題提出解決方案。它與工業(yè)設(shè)計的不同在于二者處理的材料不同，工業(yè)設(shè)計面對三維的材料而人機(jī)交互設(shè)計面對的主要是計算機(jī)屏幕。鼠標(biāo)和鍵盤是最主要的輸入工具。交互設(shè)計還要依靠圖形界面，通過可行的方式實現(xiàn)人機(jī)溝通，使其完成復(fù)雜的工作。2.1人機(jī)交互的定義人機(jī)交互是研究如何把計算機(jī)技術(shù)和人聯(lián)絡(luò)起來，使計算機(jī)技術(shù)最大程度的人性化。要做到這一點(diǎn)，就一定研究人的認(rèn)知心理學(xué)、審美心理學(xué)與人的動作形為等理論與規(guī)律，在界面設(shè)計中，充分運(yùn)用人們簡潔理解和記憶的圖形（具象圖形與抽象圖形）

24、與少量文字，以及運(yùn)用色彩、靜止的畫面與運(yùn)動的畫面等，使人在操作計算機(jī)及計算機(jī)向人顯示其工作狀態(tài)的交互關(guān)系中，達(dá)到最大便利與高效的可能。也就是，界面設(shè)計一定使用比過去更為復(fù)雜得多的人的感覺因素，在視覺、聽覺等通道，以比方、表達(dá)、認(rèn)識、聲音、運(yùn)動、圖像和文字等傳遞信息并感知信息。因此就一定動員設(shè)計師、心理學(xué)家、軟件工程師等專家，進(jìn)行表面上貌似簡潔、膚淺，實則復(fù)雜、深刻、系統(tǒng)的設(shè)計工作。界面設(shè)計的原則，不是訓(xùn)練每一個人成為操作計算機(jī)的專家，而是給予計算機(jī)軟件盡可能多的人性。正如莫爾恩.考第爾所說“交流的責(zé)任被決定性地給予計算機(jī)而不是人類，不是用戶一定去學(xué)習(xí)計算機(jī)提供的界面，而是計算機(jī)一定滿足用戶的偏

25、愛”。人機(jī)交互學(xué)正從一門為那些專門從事人機(jī)交互方面工作的專業(yè)人員的單純學(xué)科，逐漸變成一門為廣大計算機(jī)工憑借員和高級設(shè)計工程師所使用的應(yīng)用學(xué)科。今天，這些高級設(shè)計 人員不僅要考慮成本、速度、靈活性、可靠性，而且要考慮如何使所設(shè)計的系統(tǒng)滿足人在使用中的需要這實際上就是人機(jī)交互學(xué)。人機(jī)交互學(xué)的惟一目標(biāo)就是最大限度地滿足用戶的需求和期望。22人機(jī)交互界面的特性由于平面設(shè)計訂要從事圖形和文字等二維設(shè)計工作，所以人機(jī)交互界面一開始被自然地認(rèn)為屬于平面設(shè)計領(lǐng)域，帶有平面設(shè)計的特點(diǎn)。當(dāng)今的一些設(shè)計著作也把界面設(shè)計和平面設(shè)計聯(lián)絡(luò)在一起，造成這樣結(jié)果的一個原因是在界面開發(fā)的過程中，平面設(shè)計總是在開發(fā)的末端被邀請加

26、入做一些視覺化的工作，如醒目的外形、對話框和圖標(biāo)。雖然這些是重要的設(shè)計因素，但它只是界面設(shè)計的一部分。這些設(shè)計和傳統(tǒng)的制作復(fù)印機(jī)、相機(jī)和自動販賣機(jī)的標(biāo)簽沒有區(qū)別。雖然平面設(shè)計只是界面設(shè)計的一個環(huán)節(jié)，但它還是在軟件社會里更多地吸引更多地注意力。部分的原因是圖形界面的不斷增長的圖標(biāo)和對話框的需要，而更多地原因來自于多媒體。因為多媒體是作為雜志、視頻的競爭者或贈品被投入市場的，它一定在圖片質(zhì)量和內(nèi)容上達(dá)到或超過這些媒體。因此，平面設(shè)計就很具有代表性地成為了多媒體設(shè)計的最高要求。同時，傳統(tǒng)的軟件為了滿足圖標(biāo)和對話框設(shè)計的要求，自然會將平面設(shè)計移植到圖形界面設(shè)計領(lǐng)域。2.3人機(jī)交互界面的進(jìn)展?fàn)顩r計算機(jī)要

27、實現(xiàn)其功能目的，就一定通過計算機(jī)應(yīng)用程序（通用機(jī)上應(yīng)用程序的平臺操作系統(tǒng)本身也是程序）：計算機(jī)應(yīng)用程序要接受用戶的指令，反饋指令的執(zhí)行情況，就一定通過人機(jī)界面來實現(xiàn)。如何使這個界面更簡潔高效地完成任務(wù)、更直觀通暢地實現(xiàn)人機(jī)交互，達(dá)到更美觀的視覺效果、甚至個性鮮亮的特色，給用戶留個猛烈的視覺沖擊和深刻的印象的工作，就是計算機(jī)程序界面藝術(shù)設(shè)計。計算機(jī)技術(shù)進(jìn)展一直向著更完善實現(xiàn)其功能目的的方向進(jìn)展著，其中重要的一項就是完善地實現(xiàn)人機(jī)交互。圖形用戶界面的開發(fā)為計算機(jī)圖形和程序界面開拓了嶄新的舞臺，使得計算機(jī)應(yīng)用領(lǐng)域的藝術(shù)設(shè)計顯得前所未有的重要。二十世紀(jì)八十年代初，美國硅谷施樂公司的一家研究機(jī)構(gòu)提出了圖

28、形用戶接口（graphics user interface），以此為核心，蘋果公司和微軟件公司聯(lián)手進(jìn)行了研究。1984年蘋果公司推出了使用微軟公司所開發(fā)的核心軟件的圖形電腦macinotosh，又在1990年推出了使用本公司操作系統(tǒng)的macinotosh；又在1990年推出了使用本公司操作系統(tǒng)的power macinotosh；微軟公司則在1985年11月推出了windows的1.01版，具備了圖形界面，但只有平面式和彈出式窗口，1987年11月上市和2.0版提供了對重疊窗口的支持。這段時間里，圖形操作系統(tǒng)成為了程序界面設(shè)計的先驅(qū)，給應(yīng)用程序圖形界面設(shè)計提供了范例，極大地影響了不同操作系統(tǒng)平臺

29、上應(yīng)用程序界面的設(shè)計風(fēng)格。早期的程序界面設(shè)計都是由程序員利用編程語言在程序代碼編寫過程中同時完成?？梢暬木幊涕_發(fā)環(huán)境如visual basic、visual c+等的出現(xiàn)，使得程序界面的設(shè)計可以從程序代碼的編寫中脫離出來，成為一項獨(dú)立的工作。此時的計算機(jī)使用者已經(jīng)不僅僅滿足于功能的實現(xiàn)，開始追求美而合理的界面，于是一部分藝術(shù)設(shè)計師參加到程序設(shè)計開發(fā)中，與程序員合作進(jìn)行程序界面的設(shè)計。合作方式是多種多樣的：可以由具有計算機(jī)編程能力的藝術(shù)設(shè)計師直接參加程序代碼的編寫，或者由藝術(shù)設(shè)計師設(shè)計程序界面并完成與之相關(guān)的程序模塊、控件、圖標(biāo)等，由程序員在程序編寫過程中調(diào)用，或者藝術(shù)設(shè)計師擔(dān)當(dāng)藝術(shù)設(shè)計指導(dǎo)工

30、作，指導(dǎo)程序員完成界面設(shè)計。隨著計算機(jī)技術(shù)的飛速進(jìn)展和人們在計算機(jī)使用過程中對美的不斷追求，程序界面設(shè)計上升到越來越重要的地位。界面設(shè)計在許多地方已經(jīng)成為單獨(dú)的工作和科目，由專業(yè)的藝術(shù)設(shè)計師完成。而skin、plugins等開放性程序概念和技術(shù)使得無數(shù)專業(yè)或業(yè)余的藝術(shù)設(shè)計人員可以按自己的意圖進(jìn)行界面藝術(shù)設(shè)計的創(chuàng)作。越來越多的工業(yè)設(shè)計師加入到交互設(shè)計行業(yè)。許多工業(yè)設(shè)計師通過輸入設(shè)備起到這樣的作用，不過更多的是陸續(xù)從事他們的三維建模活動。工業(yè)設(shè)計被交互設(shè)計領(lǐng)域忽視的一個原因是多媒體設(shè)計師搶奪了人們過多地注意力。工具軟件也并不是人們是常談?wù)摰慕裹c(diǎn)。另一個更讓人擔(dān)憂的原因是當(dāng)你去任何大學(xué)打聽關(guān)于在哪里

31、學(xué)習(xí)到交互設(shè)計的譚程，你會發(fā)覺自己被領(lǐng)到計算機(jī)機(jī)房，那里的學(xué)生還在學(xué)習(xí)老套的計算機(jī)輔助設(shè)計課程，或是你被告之去計算機(jī)系尋覓。事實上，要成為合格的交互設(shè)計師，應(yīng)該具備工業(yè)設(shè)計和平面設(shè)計兩方面的知識、技巧和經(jīng)驗。不過工業(yè)設(shè)計應(yīng)該覆蓋其中更多的內(nèi)容。因為工業(yè)設(shè)計的課程中包含了人機(jī)工程學(xué)和機(jī)械工程的內(nèi)容，同時在完成項目時平面設(shè)計也很少考慮人和工程的限制因素。要想進(jìn)展交互設(shè)計，一定同時從平面設(shè)計和工業(yè)設(shè)計身上學(xué)習(xí)。2.4人機(jī)交互界面的進(jìn)展趨勢今天，設(shè)計師可以將自己的知識和技巧應(yīng)用于新的科技時代。當(dāng)交互界面得到進(jìn)一步進(jìn)展的時候，我們不要忘記軟件行業(yè)以及其中蘊(yùn)藏的交互設(shè)計的機(jī)會。就像早期的工業(yè)設(shè)計先去為實現(xiàn)

32、產(chǎn)品的有用、易用和樂用的目標(biāo)與工程師并肩作戰(zhàn)，今天軟件行業(yè)更需要工程師和設(shè)計師的努力，為了一個共同的目標(biāo)：軟件的有用、易用和樂用。隨著對交互設(shè)計的興趣的增長，一些交互設(shè)計的課程已經(jīng)開始形成，交互設(shè)計的團(tuán)隊也在世界范圍內(nèi)建立，交互設(shè)計正在穩(wěn)步地形成自己的學(xué)科。正象工業(yè)革命幫助建立了工業(yè)設(shè)計學(xué)科，新的技術(shù)革命也正在幫助建立交互設(shè)計學(xué)科?，F(xiàn)在，多數(shù)的軟件的物理交互還是限制在鼠標(biāo)和鍵盤，但在將來人們可以通過多種形式的交互工具以提高溝通效率。那時，不止是計算機(jī)，電視、電話以及其他的信息產(chǎn)品都會在內(nèi)容和物理形態(tài)上發(fā)生改變。不過在此之前，大多數(shù)的計算機(jī)用戶的時間還是要花費(fèi)在word、電子表格、e-mail，

33、個人財務(wù)軟件等傳統(tǒng)軟件上。未來只能靠新的超級產(chǎn)品和新的聯(lián)結(jié)界面，去激發(fā)身體的新用途。正如鍵盤，可能停止流行而被新的數(shù)字化感受界面所代替，個人電腦裝配的鼠標(biāo)器也可能以同樣的方式消逝：二者都有可能被一種能錄制下手在每一個空間的每一個動作的戒指所取代。2.5人機(jī)交互界面設(shè)計實例分析人機(jī)交互的目的不僅僅是設(shè)計最適合用戶的計算機(jī)系統(tǒng)，而應(yīng)該是設(shè)計最佳的系統(tǒng)，以實現(xiàn)整個系統(tǒng)的使用目標(biāo)。一個人機(jī)交互界面的設(shè)計實例是美國郵政設(shè)計用來分揀信件的系統(tǒng)。當(dāng)時大約有7萬名郵班員工使用這個系統(tǒng)，費(fèi)用大約是4億美元。首先要決定顯示信息的最佳途徑。在參閱了相關(guān)文獻(xiàn)、原則和標(biāo)準(zhǔn)的基礎(chǔ)上，設(shè)計師提出了11種可能的界面設(shè)計。在這

34、個基礎(chǔ)上，在6個星期內(nèi)研究了三組郵政員工使用這三個設(shè)計的情況，于是，根據(jù)試驗的結(jié)論開發(fā)出了一個最佳的用戶交互界面。因為人機(jī)交互最感興趣的是如何讓人們更佳地完成工作，而不僅僅是如何設(shè)計最好的人機(jī)交互過程，于是設(shè)計師開發(fā)了一套以科學(xué)為基礎(chǔ)的標(biāo)準(zhǔn)和流程，可用來選聘和培訓(xùn)員工，幫助他們更好地完成工作。使用信息處理的概念的方法，設(shè)計師推論出了最佳設(shè)施的大小（用于300人協(xié)調(diào)工作）。使用社會心理學(xué)和治理學(xué)的原則，設(shè)計師設(shè)計了一個完全沒有等級的組織結(jié)構(gòu)。使用工業(yè)工程的原則，給出了每一個設(shè)施的物理大小和最佳的布局。2.6網(wǎng)站人機(jī)交互界面的進(jìn)展網(wǎng)頁界面作為一種交流的媒介，伴隨早期廣域網(wǎng)arpanet的出現(xiàn)而出現(xiàn)

35、。早期網(wǎng)站界面的主要部分是字符，當(dāng)時網(wǎng)頁建設(shè)的核心問題是在技術(shù)方面，并且以實現(xiàn)必要的功能作為主要目標(biāo)。早期這種以字符為主要元素的網(wǎng)頁雖然技術(shù)要求高，但其信息傳播比較穩(wěn)定，因此這種字符型的網(wǎng)頁界面在相當(dāng)長的時間內(nèi)是人機(jī)交互的主要平臺。隨著科技的進(jìn)展、信息量的增加，人們對計算機(jī)的依賴逐漸增加，以往單純的文字界面已不能滿足當(dāng)今網(wǎng)頁界面的需求，用戶期望著更直觀、形象的界面形式。上世紀(jì)八十年代后半期，歐洲人首先開發(fā)了一種適用于網(wǎng)絡(luò)的超文本系統(tǒng)，即world wild web,但它并沒有出現(xiàn)令人期望和圖形顯示功能，仍然是枯燥的文字描述。到了九十年代初，美國的國家超級計算機(jī)中心（ncsa）研發(fā)了一種程序，第

36、一次使計算機(jī)實現(xiàn)在圖形顯示界面，用圖片代替文字傳達(dá)信息。并且用戶只需輕觸鼠標(biāo)，即可完成各種超鏈接的連接，該程序就是聞名的windows系統(tǒng)中的mosaic。在它的技術(shù)支持下，網(wǎng)絡(luò)逐漸流行起來，成為人際間的重要交流平臺和娛樂方式。而圖形界面的產(chǎn)生也為網(wǎng)頁設(shè)計帶來了變革，逐漸由以技術(shù)為主導(dǎo)的設(shè)計過渡為以技術(shù)和藝術(shù)相結(jié)合的設(shè)計。網(wǎng)頁界面是多學(xué)科交叉研究的領(lǐng)域，它在多個方面都起著重要作用。一個優(yōu)秀的界面不僅要簡潔美觀、通俗易懂，還要布局合理，操作簡便，有較好的引導(dǎo)功能。這樣的網(wǎng)頁設(shè)計才能便于各層次用戶的使用，具有通用性、開放性、效率性?？梢钥闯?，界面交互設(shè)計對于整個網(wǎng)站的設(shè)計和運(yùn)行都起著至關(guān)重要的作用

37、。所以，近年來，網(wǎng)站交互界面受到全球各界越來越多的關(guān)注和重視。它作為多個領(lǐng)的交叉部分，已形成一個獨(dú)立的領(lǐng)域，成為二十一世紀(jì)又一個具有重要意義的新的研究方向。如今隨著專業(yè)的可視化網(wǎng)站開發(fā)軟件的出現(xiàn)（如flash、frontpage等），對網(wǎng)頁界面進(jìn)行操作、設(shè)計已不再是計算機(jī)專業(yè)人員的特權(quán)，藝術(shù)專業(yè)也逐步涉入該領(lǐng)域，為其的進(jìn)展作出了很大項獻(xiàn)。而今，網(wǎng)頁作為一種新興的平面設(shè)計，它與書報、雜志、電視等平面?zhèn)髅揭粯?，為用戶帶來了無限的信息資源、生動的圖文表達(dá)，其獨(dú)有的高效的傳播速率還順應(yīng)了當(dāng)今時代快速進(jìn)展的需求，對整個社會產(chǎn)生了深遠(yuǎn)的影響?？萍寂c信息的進(jìn)展改變了網(wǎng)站信息的傳播形式，網(wǎng)頁交互界面設(shè)計的理念

38、也隨之發(fā)生了改變。界面要以“簡潔、自然、友好、便利、一致”為重要的設(shè)計原則。因此，對人文因素的考慮日益成為界面設(shè)計中越來琥突出的問題。2.7網(wǎng)站人機(jī)交互界面研究的意義網(wǎng)站交互界面設(shè)計在當(dāng)今互聯(lián)網(wǎng)快速進(jìn)展的時代顯得尤為重要，它作為網(wǎng)站的主要信息傳播方式，體現(xiàn)出不可替代的作用。一般情況下，網(wǎng)頁交互界面以掃瞄器中的導(dǎo)航、鏈接等方式作為實現(xiàn)其獵取信息資源的主要手段，并且漸進(jìn)式的掃瞄方式和超文本鏈接是網(wǎng)頁交互界面最顯著的特征。這兩種作用方式不同，前者通過基本的掃瞄器中的“前進(jìn)”、“后退”功能實現(xiàn)，而后者通過跳轉(zhuǎn)方式進(jìn)行不同頁面層級間的內(nèi)容轉(zhuǎn)換。網(wǎng)頁交互界面為用戶和互聯(lián)網(wǎng)間的互動提供信息交流和控制活動的平

39、臺，能有效實現(xiàn)兩者信息的傳遞。要想對網(wǎng)頁交互界面功能的應(yīng)用達(dá)到最大化，則面的設(shè)計一定符合人的生理、心理特征，同時明確各視覺構(gòu)成元素間的關(guān)系及秩序，以發(fā)掘界面自身潛在的優(yōu)良性能，創(chuàng)建不同形式的國際風(fēng)格。由此而言，網(wǎng)頁交互界面設(shè)計對于用戶在人面交互過程中的重要性具有直接的關(guān)聯(lián)性。因此，優(yōu)秀的人機(jī)交互界面的開發(fā)成為重要、熱門的研究課題。研究意在優(yōu)化人機(jī)交互界面、簡化操作程序、改善繁瑣的引導(dǎo)性能，從而提高用戶在使用界面時的愉悅感和使用效率。不可置否的是網(wǎng)站中的人機(jī)交互界面設(shè)計在當(dāng)今世界范圍內(nèi)受到高度的關(guān)注，它將成為21世紀(jì)計算機(jī)行業(yè)中的又一重要領(lǐng)域。例如，美國已將人機(jī)交互界面的研究劃為21 世紀(jì)四大基

40、礎(chǔ)研究之一。這說明人機(jī)交互界面的設(shè)計和開發(fā)研究已然活躍于全球各個領(lǐng)域，尤其是在計算機(jī)界和機(jī)電產(chǎn)品界，界面交互設(shè)計最具表現(xiàn)力。與此同時，中國對人機(jī)交互的各項內(nèi)容進(jìn)行了大量、深入的研究，并取得一定的成效。計算機(jī)及網(wǎng)絡(luò)技術(shù)的急速進(jìn)展推動了人機(jī)交互界面設(shè)計的進(jìn)步和完善，為用戶獵取信息帶來了極大的便利和快捷，同時帶來了心靈上的愉悅，從而提升了人們的生活質(zhì)量。因此，網(wǎng)站人機(jī)交互界面的設(shè)計必定將受到越來越多的關(guān)注和重視，其將隨信息化社會的進(jìn)展和人們的審美觀的改變而發(fā)生改變。隨著工業(yè)設(shè)計技術(shù)和理論的進(jìn)展，網(wǎng)站交互界面的研究必定更加深入。第3章 現(xiàn)有精品課程網(wǎng)站人機(jī)交互界面問題分析3.1精品課程概述精品課程是國

41、家精品課程建設(shè)項目中使用的專用術(shù)語。在“關(guān)于啟動高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革精品課程建設(shè)工作的通知”文件中對精品課程的描述為：精品課程（elaboratecourses）是具有“一流的教師隊伍、一流的教學(xué)內(nèi)容、一流的教學(xué)方法、一流的教材和一流的教學(xué)治理特點(diǎn)的示范性課程”，它具有科學(xué)性、先進(jìn)性、教育性、整體性、有效性和示范性等諸多特性。精品課程不是網(wǎng)絡(luò)課程，而是以網(wǎng)絡(luò)為載體，通過網(wǎng)絡(luò)實現(xiàn)課程共享，它一般不提供教學(xué)交互支持，而是強(qiáng)調(diào)信息技術(shù)的綜合應(yīng)用。3.2現(xiàn)在精品課程網(wǎng)站的人機(jī)交互界面設(shè)計問題的分析1.網(wǎng)站界面擁擠、信息冗余精品課程網(wǎng)站的所有信息者是依賴界面這個平臺進(jìn)行傳遞，而界面的版面空間有限，

42、許多精品課程網(wǎng)站為了傳播更多的知識，把大量圖片、文字等形式的信息盲目地堆積到而面上，翅忽略了用戶的感受，反而增加了用戶搜索目標(biāo)信息的難度，大大降低了信息傳播的效率。其實要提高信息傳播的有效懷，一定要做好有序和主次分明的工作。頁面雜亂無序，信息冗長多余或無主次之分，都會使用戶煩路躁，產(chǎn)生抵觸心理，從而降低了該界面的使用率。界面里不應(yīng)該出現(xiàn)多余、無意義的信息，就像段落里不應(yīng)該有多余的句子一樣。有時堆積的信息過多，反而適得其反，整個頁面讓人產(chǎn)生一種壓抑感，用戶會因網(wǎng)頁布置過于密集而失去掃瞄的興趣。2.網(wǎng)站頁面導(dǎo)航混亂網(wǎng)站導(dǎo)航不僅是指示的鏈接，它還是網(wǎng)站構(gòu)建的一種思路。導(dǎo)航在網(wǎng)站是的地位就像大廈里面的

43、指示牌，它是幫助用戶順利、直接到達(dá)目的地的重要工具。所以，導(dǎo)航對用戶是十分重要的。而目前國內(nèi)不少精品課程的導(dǎo)航都存在問題。如某職業(yè)技術(shù)學(xué)院的礦井通風(fēng)精品課程首頁出現(xiàn)了兩個重復(fù)的導(dǎo)航，其中“課程負(fù)責(zé)人”和“教學(xué)錄相”兩個導(dǎo)航分別在“教學(xué)資源”和“教學(xué)團(tuán)隊”導(dǎo)航下的二級欄目重復(fù)。在界面設(shè)計時不需要為同種類型的鏈接提供多個導(dǎo)航提供多個導(dǎo)航項，否則重復(fù)、多余的指示會使而面變得復(fù)雜，增加用戶尋求信息的負(fù)擔(dān)，從而大大降低網(wǎng)站的使用率。因此，一定為精品課程網(wǎng)站首頁建立清楚明確的導(dǎo)航系統(tǒng)，并且保證該系統(tǒng)簡潔且易操作。3.網(wǎng)站界面色彩影響閱讀在人的視覺感受因素中，色彩是最具敏感性的。因此，色彩是網(wǎng)站界面設(shè)計中不

44、可忽視的交互元素。而國內(nèi)一些現(xiàn)有的精品課程網(wǎng)站界面中對色彩的運(yùn)用缺乏成熟的思考和斟酌，僅憑感覺為界面配色，在色彩之間的搭配處理上，沒有考慮到色彩的搭配原則，也沒有考慮到人的視覺特征。這種不結(jié)合網(wǎng)站界面內(nèi)容和背影色彩協(xié)調(diào)的設(shè)計，導(dǎo)致用戶對該網(wǎng)站信息獵取的困難和排斥。如有的精品課程網(wǎng)站界面中，深色系的頁面背景幾乎淹沒了文字信息，使用戶很難識別其內(nèi)容。此外，一些精品課程網(wǎng)站界面還存在色彩繁雜，缺少統(tǒng)一色調(diào)的問題。網(wǎng)頁界面豐富絢麗，無法突出該頁面的核心內(nèi)容，不利于用戶有效掌握信息。有的網(wǎng)站則色彩運(yùn)用與內(nèi)容不符，色彩不能很好地表達(dá)頁面內(nèi)容。色彩是網(wǎng)站里重要的表現(xiàn)語言，在網(wǎng)站界面設(shè)計中起著至關(guān)重要的作用。

45、在界面設(shè)計過程中，恰當(dāng)?shù)剡\(yùn)用色彩，可以加強(qiáng)視覺效果，更利于表達(dá)頁面的信息，提高網(wǎng)站的使用就和用戶的效率。因此，在設(shè)計精品課程網(wǎng)站交互界面時應(yīng)兼顧內(nèi)容、主色調(diào)和用戶視覺特征，合理選擇色彩。4.網(wǎng)站界面缺乏反饋性目前不少精品課程網(wǎng)站的界面中都存在缺乏反饋性或反饋性延滯的缺點(diǎn)，無法準(zhǔn)時呈現(xiàn)出交互的動作和響應(yīng)的視覺效果，用戶可能出現(xiàn)推斷錯誤，導(dǎo)致錯誤的操作，造成精神方面的挫敗感。因此，設(shè)計人員應(yīng)該在課程界面的人機(jī)交互過程中合理設(shè)計反饋提示，幸免不必要的錯誤，使得網(wǎng)站界面更易于用戶理解，能達(dá)到愉悅使用者的效果。33精品課程網(wǎng)站人機(jī)交互界面問題產(chǎn)生的原因分析用戶通過網(wǎng)站的人機(jī)交互界面平臺來獵取精品課程知識

46、內(nèi)容，在其與網(wǎng)站界面交互的過程中可能會遇到障礙，出現(xiàn)錯誤。造成這些不順暢的原因一般有兩個方面，一方面是網(wǎng)站人機(jī)交互界面的問題，另一方面就是人的自身認(rèn)知特征問題。1.人的因素在接收、處理信息的過程中，用戶會根據(jù)自己的經(jīng)驗、直覺或情感來推斷信息，采取相應(yīng)的措施。若推斷錯誤，則必定會產(chǎn)生問題，這時網(wǎng)站界面就會出現(xiàn)一些糟糕或意料之外的狀況，這是與用戶自身的認(rèn)知特征有關(guān)聯(lián)的。而人的失誤和出錯是人的固有屬性，是我們的生活、學(xué)習(xí)和工作中固有的一部分。因此，用戶在使用精品課程網(wǎng)站時，也自然會有操作上面的錯誤，這樣就有可能降低網(wǎng)站界面的交互效率。2.界面因素網(wǎng)站的界面是借助計算機(jī)現(xiàn)有的操作系統(tǒng)實現(xiàn)的，界面與系統(tǒng)

47、存在一些必定的聯(lián)絡(luò)，那么網(wǎng)站界面的操作方式一定要按照系統(tǒng)已有的一些方式運(yùn)行。如果該系統(tǒng)操作存在缺陷，那將導(dǎo)致網(wǎng)站界面出現(xiàn)一些問題。造成界面問題的另一方面原因就是網(wǎng)站界面自身存在設(shè)計問題，如界面設(shè)計時沒有依據(jù)合理的設(shè)計原則，對用戶用特征研究認(rèn)識不夠，不了解用戶的需求、認(rèn)知特征，從而導(dǎo)致設(shè)計的人機(jī)交互界面與用戶的心理模型不符，因此在人機(jī)交互過程中過不到良好的效果。 第4章 精品課程網(wǎng)站的人機(jī)交互界面設(shè)計 精品課程的人機(jī)交互的主體包括計算機(jī)和用戶。對于用戶來講，他們對計算機(jī)系統(tǒng)的狀態(tài)和運(yùn)行過程的理解和操作都是通過人機(jī)界面（user interface）實現(xiàn)的。計算機(jī)的輸出設(shè)備，包括顯示器、喇叭等將系

48、統(tǒng)的信息以人能夠感知的方式提供給用戶，同時，計算機(jī)的輸入設(shè)備，包括鍵盤、鼠標(biāo)和話筒等可以接受用戶的各種操作指令并傳達(dá)給計算機(jī)內(nèi)部。4.1精品課程網(wǎng)站中的人機(jī)交互界面中的空間處理計算機(jī)的潛在空間是無限的，但設(shè)計師創(chuàng)作界面時所面對的實際空間卻是相當(dāng)有限的。與印刷媒體不同，這一實際的空間不僅受到用戶所用顯示器的尺寸、顯示分辨率大小及掃瞄器窗品的嚴(yán)格限制，而且它還是不確定和多變的。1.網(wǎng)站界面可在水平和垂直方向上滾動顯示，所以實際顯示的界面空間可大于使用窗口。此時，使用窗口就像一個矩形視窗，或者說是一個取景框，通過水平或垂直的滾動，界面展現(xiàn)在使用者面前。需要注意的是，不能因為界面可以通過滾動來濟(jì)覽，我

49、們就無限增加界面尺寸。由于網(wǎng)站界面不同于傳統(tǒng)媒體的格外掃瞄方式，需要設(shè)計師在水平方向和垂直方向進(jìn)行設(shè)計。整體上，設(shè)計的重點(diǎn)在垂直方向，而每屏的重心在水平方向。因此，在具體設(shè)計時，既要注意界面的整體平衡，又要注意每屏的顯示效果。此外，在同一時間只在一個方向上滾動屏幕是一定的，應(yīng)幸免在兩個方向上滾動屏幕。一般應(yīng)盡量幸免在水平方向上的滾動，但有時為產(chǎn)生格外效果（如寬熒幕效果、以展示宏大的場面等），可在水平方向上滾動，以格外制勝。永遠(yuǎn)按照低分辨率用戶來設(shè)計是網(wǎng)站界面設(shè)計的一條基本原則，同時要照看到高分辨率的使用者，幸免背景圖像的平鋪影響界面效果，另外應(yīng)注意背景圖像的寬度，幸免在低分辨率下掃瞄產(chǎn)生滾動條

50、。2.營造整潔、寬敞的視覺空間人們對空間的感知，不僅取決于物理空間的實際大小，更取決于對空間的心理感受。因此，雖然屏幕的實際空間是有限的，但可以通過設(shè)計，精心安排網(wǎng)站界面元素，營造出寬敞的視覺心理空間，以改變局促的屏幕物理空間給使用者帶來的擁護(hù)和壓抑感。(1)合理構(gòu)圖，幸免雜亂一個擁護(hù)無序的網(wǎng)站界面使空間顯得列加狹窄。幸免雜亂的最重要的原則是：少即是多（less is more），保持網(wǎng)站界面的條理及秩序。應(yīng)盡量幸免在一張界面上安排太多的內(nèi)容。如果一定要安排很多的內(nèi)容，則須注意界面內(nèi)容在形態(tài)、色彩及字體上的呼應(yīng)，使眾多的內(nèi)容之間形成聯(lián)絡(luò)，求得畫面的統(tǒng)一，以免由于界面元素的給紛繁無序造成混亂和壓

51、抑的感覺。還應(yīng)注意界面元素間、輕重、大小的比例關(guān)系，以實現(xiàn)界面的整體和諧與平衡，防止由于比例失衡帶來壓抑和不安的感覺。如：文本與媒體（非文本元素），再者如果靠得太近，會產(chǎn)生狹小和壓抑的感覺，過遠(yuǎn)，會破壞界面布局的整體平衡。分割是一種重要的構(gòu)圖方法。利用分割，可使網(wǎng)站界面主題清楚，層次分明，是規(guī)劃空間和幸免混亂的一個重要手段。分割可分為水平分割、垂直分割及混合分割。分割時應(yīng)注意在比例、虛實、方向及色彩上得改變，以幸免呆板與沉悶。網(wǎng)頁設(shè)計技術(shù)中，表格和框架就是用來進(jìn)行界面分割的。internet上有很多利用分割規(guī)劃空間的杰出設(shè)計。(2)空白空白可以定義為網(wǎng)站界面沒有安排內(nèi)容的地方。在一般情況下，用

52、戶只對網(wǎng)站界面上的文字和圖形感興趣。對于空白，猶如認(rèn)為沒有必要去關(guān)注，甚至連一些設(shè)計師也常常忽視空白的存在。有一種設(shè)計傾向，認(rèn)為留白是一種浪費(fèi)，將整個網(wǎng)頁界面塞得滿滿當(dāng)當(dāng)?shù)?，這是對空白意義無知的表現(xiàn)?？瞻资钦麄€設(shè)計的有機(jī)組成部分，沒有空白也就沒有了圖形和文字。因此，空白作為一種界面元素，其重要性比色彩、圖形和文字有過之而無不及?？瞻卓梢云胶饨缑?，有助于形成充滿活力的空間關(guān)系和畫面效果，還應(yīng)注意空白的形狀、大小、及其與圖形、文字的滲透關(guān)系?？瞻卓梢砸龑?dǎo)視線，強(qiáng)化界面信息，有大片空白的界面元素簡潔成為視覺焦點(diǎn)，使人過目不忘。這一點(diǎn)從很多大公司的報紙、雜志的廣告中可以得到證明?？瞻卓臻g并不一定是白色

53、的，可以是環(huán)境空間的顏色或圖案。(3)制造深度空間在繪畫中，一般都可以看到前景、中景、背景的層次劃分，它使兩維的畫面取得了三維的空間效果，并使畫面的各部分協(xié)調(diào)一致。在界面設(shè)計中，為制造三度空間效果，同樣可以利用字、形、色等界面元素的大小、形狀的對比關(guān)系及它們的黑、白、灰的明度關(guān)系制造出明晰的空間層次。前景（如一行標(biāo)題）可以對比猛烈，中景（如一段正文）用中度對比，背景（如頁碼和注釋）應(yīng)該對比柔和輕淡。這種清楚、和諧的層次關(guān)系，可以極大地提高界面整體的藝術(shù)效果。利用圖形的透視及光影效果制造第三維空間，可以將顯示器看成一個透視深邃、無限的遼闊空間的窗口。利用圖形的遮擋及重疊關(guān)系同樣可以制造出誘人而饒

54、好玩味的三度空間。4.2精品課程網(wǎng)站交互界面的人機(jī)工程學(xué)設(shè)計1.用戶注意的關(guān)聯(lián)性 精品課程網(wǎng)站的人機(jī)交互界面應(yīng)美觀、精煉，不應(yīng)該包括不相關(guān)或不常用的信息。任何多余的信息都會影響那些真正相關(guān)的信息，從而降低它們的可見性。從人的視覺角度來說，界面上如果有幾個元素距離比較接近，或是被線、線框所包圍，或是一起移動、改變，或是在形狀、顏色、大小、字體上比較相似，人們會認(rèn)為它們是同一部分或同屬于一組。界面設(shè)計中應(yīng)正確應(yīng)用這個原則可以起到簡化的效果，如果使用不當(dāng)，則會引起用戶理解上的混亂。在設(shè)計過程中，應(yīng)該充分考慮到幸免出現(xiàn)下面類似的情況。用戶界面上的元素太大或太小，元素的顏色、形狀或文字不適當(dāng)，不簡潔分辨

55、；界面元素的移動太快太慢或不簡潔察覺；聲音使人感到被打擾、分心或使人苦惱；屏幕上過于擁擠，界面元素的密度分布不均勻；不相關(guān)的元素距離太近，相互干擾或使用不便利；不同的元素太相似，例如，按鍵或鏈接看上去像一般的文字；系統(tǒng)沒有引導(dǎo)用戶的注意力集中在屏幕上的相關(guān)的部分；系統(tǒng)沒有幫助用戶注意到系統(tǒng)狀態(tài)的改變。2.用戶注意資源的有限性因為用戶注意資源的有限性，界面的設(shè)計不但要引導(dǎo)用戶合理地使用他們的注意資源，也應(yīng)該保持界面提供的信息精煉簡潔。在界面上突出某一個元素的方法很多，例如，使用和背景或其他元素不同的顏色，使用粗體字或大一些的字號，放在界面左上角的信息比右下角的信息得到更多的注意。在界面上應(yīng)該只提

56、供真正必要的信息。過多不必要的信息不但會使新用戶困惑，也會使熟練用戶慢下來。任何多余的信息都會影響那些真正相關(guān)的信息，從而降低它們的可見性。3.用戶的心理疲勞長時間面對顯示屏，使用同一個界面，用戶必定產(chǎn)生疲勞感。要解決這一問題，就要從提高用戶中意度，減少用戶無謂等待時間著手。其中最有效的方法就是縮短界面員應(yīng)時間。研究表明，用戶的中意度和他對系統(tǒng)的控制感有緊密關(guān)系，而用戶的控制感在很大程度上取決于界面的響應(yīng)速度。據(jù)專家統(tǒng)計，用戶覺得系統(tǒng)馬上響應(yīng)的時間是0.1-秒，超出1秒會讓用戶注意到了延遲；若界面上的內(nèi)容在1秒內(nèi)得到更新，意味著用戶在轉(zhuǎn)換界面時沒有遇到不適當(dāng)?shù)难舆t。一般情況下，用戶對當(dāng)前界面上

57、的內(nèi)容能持續(xù)保持注意的時間長度為10秒鐘；若界面響應(yīng)時間超過10秒鐘，用戶會在等待界面完成操作時轉(zhuǎn)向其他的任務(wù)。因此，要是界面不能馬上做出響應(yīng)，就應(yīng)準(zhǔn)時向用戶報告當(dāng)前處理的進(jìn)度，以使用戶保持良好的控制感。為縮短系統(tǒng)響應(yīng)時間，比較簡潔的一種解決只法就是盡量減少界面上的較片和多媒體（如動畫錄相、閃糞爍等）的使用，但是作為網(wǎng)站的人機(jī)交互界面，很多場合需要彩用圖示或多媒體演示，以至不得不適當(dāng)降低界面的響應(yīng)速度。隨著互聯(lián)網(wǎng)帶寬的增加，這種矛盾可在一定程度上緩解。4.用戶對新界面的適應(yīng)整個精品課程的機(jī)人交互界面實際上就是一個巨大的信息空間。由于空間過大，并且各個節(jié)點(diǎn)之間的鏈接關(guān)系錯綜復(fù)雜，用戶使用時有時有可能發(fā)生“迷路”現(xiàn)象。調(diào)查發(fā)覺，由于導(dǎo)航不當(dāng)，使用界面搜索信息時在將近58%的時間里不