視覺心理規(guī)律在多媒體課件界面設(shè)計中的運用*

張燕麗

湖南第一師范學(xué)院信息科學(xué)與工程系 長沙 410002

多媒體課件以圖、文、聲、像并茂的方式進行形象化教學(xué)，彌補了傳統(tǒng)教學(xué)在直觀感、立體感和動態(tài)感方面的不足。界面是聯(lián)系人和計算機的橋梁，與人的關(guān)系密切。一個賞心悅目的視覺環(huán)境，不但可以激發(fā)學(xué)習(xí)者興趣，提高學(xué)習(xí)的積極性，往往還能夠起到意想不到的效果。視覺元素是構(gòu)成多媒體課件語言的主要內(nèi)容，它是多媒體課件中能看到的所有圖片、按鈕、動畫、影像、字幕等畫面的集合。多媒體課件是否引人入勝、生動形象，藝術(shù)性的畫面起著不可低估的作用。因此，課件界面設(shè)計過程也就是創(chuàng)作者掌握學(xué)習(xí)者一般視覺心理規(guī)律的過程和靈活運用視覺心理規(guī)律指導(dǎo)界面設(shè)計的過程。

1 運用視覺心理規(guī)律設(shè)計課件界面

1.1 趨色性

色是光的屬性之一，不同的光具有不同的顯色性。人的眼睛趨于首先反應(yīng)進入視域的與其他顏色對比下的最飽和的同時也是明度最好的顏色。視覺原理的實驗表明，人對各種色彩的感知速度是不一樣的，感知速度最快的是紅色，其次是綠色，再次是黃色，最慢是白色。各種色彩對人的視覺的刺激強度也不相同，一般規(guī)律是暖色大于冷色，原色大于補色，補色大于消色，飽和色大于不飽和色，紅色最強。

在設(shè)計界面的色彩時，要做到色彩與學(xué)習(xí)內(nèi)容相統(tǒng)一。色調(diào)要鮮明，要為塑造的形象、創(chuàng)造的意境和表現(xiàn)的主題服務(wù)。對色彩的處理必須謹慎，不能只憑個人對色彩感覺的好惡來表現(xiàn)，而要根據(jù)內(nèi)容的主次、風(fēng)格以及學(xué)習(xí)對象來選擇合適的色彩作為主體色調(diào)。如內(nèi)容活潑的常以鮮艷、亮麗的色調(diào)來表現(xiàn)；柔美的信息內(nèi)容則以粉色、紫色系列來傳達；政治、文化類的以暖色、綠色來襯托，一些科技類及專業(yè)內(nèi)容則以藍色、灰色來定調(diào)。根據(jù)教學(xué)的意境，有的需要明快，有的需要低沉。色彩美是界面藝術(shù)美的重要組成部分，它可使學(xué)習(xí)者在學(xué)習(xí)過程中得到美的感受，在美的陶冶中增加情趣，得到更好的感知和理解。需要強調(diào)的是，界面設(shè)計中把握色彩的原則是：背景與所襯媒體的色調(diào)要基本一致，整幅頁面要保持一個主色調(diào)。在此基礎(chǔ)上，各個不同內(nèi)容在顏色的深淺度上要形成反差，以使媒體內(nèi)容在和諧的背景襯托下顯得清爽明亮，整幅頁面從色彩上達到和諧美觀。

1.2 趨單構(gòu)造性

人的眼睛在反映客觀時，易于首先區(qū)分和反映外形較簡單和單純的物體。實驗發(fā)現(xiàn)人的心理總是遵循簡化原則進行信息加工的。因此在進行界面設(shè)計時要做到準(zhǔn)確簡潔，準(zhǔn)確就是要求表達的意思明確，不要使用意義含混、模棱兩可的詞匯或句子；簡潔就是盡可能用較少的文字或簡單的圖表來表達所需的信息。要抓住事物主要的、本質(zhì)的特征。同一頁面上次要內(nèi)容的布局應(yīng)讓位于主體內(nèi)容，如作為文字補充的圖片，一般都置于右邊或右下部分，除特殊需要外，通常都不宜放得過大，以能看清楚畫面內(nèi)容為原則。

視頻、動畫媒體一般都單獨布局，在演示視頻或動畫時，其他媒體應(yīng)退出頁面，因為動態(tài)畫面的信息量遠大于靜態(tài)畫面，需要學(xué)習(xí)者集中精力去觀看、理解。按鈕的位置通常都置于頁面底部，造型不宜過分花哨，以免對畫面形成干擾。按鈕的設(shè)計風(fēng)格和顏色要與背景相協(xié)調(diào)，上面注有功能文字，在整部課件的每幅頁面中位置固定不變，便于使用者隨時使用而不用四處尋找。邊框和點綴物的占位要適當(dāng)，要讓位于畫面內(nèi)容，邊框不能太寬，顏色不能太艷，圖紋不能太繁雜。太寬的邊框像厚厚的包子皮，不僅不美觀，而且擠占了寶貴的空間。有些巧妙的安排是將章節(jié)標(biāo)題或?qū)Ш叫畔嘿N在作為裝飾的邊框上，既增大信息量，又節(jié)省空間，是一種可取的好辦法?；ɡ锖诘倪吙虿粌H顯得俗氣，而且干擾人們學(xué)習(xí)的注意力。值得借鑒的辦法有：或虛化處理，或采用沒有明顯指向性的材質(zhì)花紋。

1.3 趨運動性

根據(jù)心理學(xué)的理論，在一定環(huán)境中，人的眼睛對于以一定速度移動的物體易于首先區(qū)分反應(yīng)。這里所說的一定速度，是以相對不動的其他物體作比較的，移動速度太快、太慢的情況例外。在進行頁面設(shè)計時，應(yīng)充分利用心理學(xué)上述理論，將教學(xué)內(nèi)容用動態(tài)元素以動態(tài)變化的形式表現(xiàn)，使學(xué)習(xí)者產(chǎn)生興奮愉悅感，從而促進和強化他們的注意。比如用多媒體來表現(xiàn)數(shù)學(xué)公式，如果直接把公式用圖片表示出來，那么對這個公式的推導(dǎo)過程，學(xué)生就不得而知了，還不如教師課堂授課或授課錄像的效果好。如果能夠用動畫把公式的推導(dǎo)過程一步步地表示出來，那就既能達到教學(xué)要求，又能發(fā)揮多媒體教材交互式學(xué)習(xí)的功能。

動畫的運用還要體現(xiàn)學(xué)習(xí)者的學(xué)習(xí)特點，要符合心理學(xué)規(guī)律，把教學(xué)中那些深奧抽象的概念轉(zhuǎn)化為有條理的具體形象，從感性到理性，循序漸進地提示出事物的本質(zhì)特征，從而達到良好的教學(xué)效果。動畫的應(yīng)用還要選擇恰當(dāng)?shù)臅r機。在多媒體教材中，使用動畫的最佳時機，是借助動畫形式，表現(xiàn)抽象的教學(xué)內(nèi)容和復(fù)雜的工作原理。在表達抽象的觀點和概念時（如機械波的形成），在講解人眼不能直接觀察到的物體時（比如分子結(jié)構(gòu)），在表現(xiàn)危險的、不易操作的實驗時（如人體器官的內(nèi)部結(jié)構(gòu)與運動狀況），最適合使用動畫。

但與此同時，必須把握好“動”與“靜”的關(guān)系。一堂課隨著信息量增大，學(xué)生思維處于高度緊張狀態(tài)，學(xué)生還沒有來得及接受完上一個信息，下一個信息就已經(jīng)過來了，使學(xué)生目不暇接，耳不暇聞，無停頓和思考的余地，造成嚴(yán)重的“消化吸收不良”。很容易造成學(xué)生沒有時間記筆記或干脆不記筆記，從而喪失由記筆記而產(chǎn)生的記憶功能。且多媒體教學(xué)過于直觀，雖利于學(xué)生的直觀把握信息，但不太利于培養(yǎng)學(xué)生的抽象思維能力和空間想象能力及分析能力，其教學(xué)效果有時會適得其反。也不能為了顯示技術(shù)，用其他簡單媒體可以達到傳播效果的也要用動畫，那就會造成人力物力的浪費。

1.4 趨次序性

視覺感受物體是根據(jù)視線垂直于物象上的點的不斷轉(zhuǎn)移而獲得客觀整體印象的，這種視線和轉(zhuǎn)移往往帶有習(xí)慣和認識上的規(guī)律性，一般表現(xiàn)為從左至右、從上到下的觀看習(xí)慣，對畫面部分的觀察頻度有不同的數(shù)值。感知比率分別大致如圖1所示。

當(dāng)然，視覺反映的特點不止以上所述，還有趨中心性、趨平衡性、趨變化性等，在此就不一一贅述。

2 視覺心理規(guī)律設(shè)計課件界面需注意的問題

2.1 課件界面的設(shè)計要以反映教學(xué)內(nèi)容為準(zhǔn)則

圖1

內(nèi)容決定形式，課件質(zhì)量的好壞本質(zhì)上決定于課件所呈現(xiàn)的知識技能、所引用的專業(yè)術(shù)語是否正確，所涵蓋的深度與廣度是否恰當(dāng)，呈現(xiàn)順序是否合乎邏輯，是否具有可讀性，難易是否適中等，否則，課件設(shè)計得再好看，也不會起到好的教學(xué)效果。這就要求設(shè)計者必須懂得分析學(xué)習(xí)內(nèi)容、分析學(xué)生特征。

2.2 操作要簡便

多媒體課件是面向用戶的，在設(shè)計時要考慮到用戶的特點、能力、知識水平，應(yīng)把立足點著重放在那些非計算機操作者，不應(yīng)對用戶有額外的知識、技能要求。如圖2是小學(xué)生學(xué)習(xí)生字課件的一幀畫面，這幅畫面中不但給出大量信息，而且學(xué)習(xí)者通過各按鈕很容易進行下一步的學(xué)習(xí)。

圖2

2.3 界面組接要流暢

界面間組接的基本原則是要使學(xué)習(xí)者的注意力從這一界面自然地過渡到下一界面，中間沒有明顯的視覺間斷感和跳躍感。要達到這一點，必須做到：界面切換自然、恰當(dāng)處理圖形和動畫畫面的組接、界面間的組接必須符合事物發(fā)展的規(guī)律。

圖3

2.4 風(fēng)格要一致

風(fēng)格一致是人機界面領(lǐng)域的普遍原則，它是將相同類型的信息使用一致的相似方式顯示，包括顯示風(fēng)格、布局、位置、所使用的顏色等的一致性，以及相似的人機操作方式。一致性的交互界面，可幫助學(xué)習(xí)者把他們當(dāng)前的知識、經(jīng)驗推廣到新課件中去，從而減輕學(xué)習(xí)者重新學(xué)習(xí)、記憶的負擔(dān)。如圖3界面，無論是字體形象設(shè)計、顏色搭配設(shè)計，還是背景、標(biāo)題等處理都與圖2保持一致，這樣給學(xué)習(xí)者帶來極大的方便。

3 結(jié)束語

總之，根據(jù)視覺心理規(guī)律，使多媒體課件的頁面、色彩、布局、文字及整體層次的構(gòu)設(shè)上既平衡又有變化，協(xié)調(diào)中透出個性，美觀大方，具有表現(xiàn)力和藝術(shù)感染力，密切結(jié)合教學(xué)內(nèi)容，合理安排好可視媒體，就一定能創(chuàng)作出圖文并茂、形象生動的好課件。不僅能給學(xué)習(xí)者提供良好的視覺美感和精神上的愉悅感，還可以給他們提供選擇、分析、理解教學(xué)內(nèi)容的最佳學(xué)習(xí)條件，這是做好多媒體課件頁面構(gòu)設(shè)工作的最終目的。

[1]秦兆年,李繼禎.光學(xué)投影媒體與教學(xué)[M].北京:高等教育出版社,1996

[2]張捍衛(wèi).淺談多媒體課件界面設(shè)計[EB/OL].http://www.etr.com.cn

[3]王濤.多媒體課件的頁面構(gòu)設(shè)[J].教育技術(shù)研究,2002(2)

[4]抗文生,任志明.電視畫面造型[M].蘭州:甘肅人民美術(shù)出版社,1995