郭艷華 任 翔 田生湖

(云南大學(xué)網(wǎng)絡(luò)與信息中心，云南昆明650091)

一、引言

認(rèn)知負(fù)荷指加工特定數(shù)量信息所要求的“心理能量”水平。［2］負(fù)荷過低會(huì)造成時(shí)間浪費(fèi)，過高會(huì)阻礙學(xué)習(xí)者的信息加工活動(dòng)。多媒體課件是為幫助學(xué)習(xí)者順利開展學(xué)習(xí)活動(dòng)，使其用最少心理能量獲取最多知識(shí)信息。Brünken［3］等人認(rèn)為，多媒體信息加工的認(rèn)知需求有三種：基本加工、額外加工和表征持留，這三種認(rèn)知需求的不平衡會(huì)導(dǎo)致學(xué)習(xí)者出現(xiàn)三種相應(yīng)的認(rèn)知負(fù)荷：內(nèi)在認(rèn)知負(fù)荷、外在認(rèn)知負(fù)荷和相關(guān)認(rèn)知負(fù)荷。內(nèi)在負(fù)荷是由媒體信息間交互形成的負(fù)荷，取決于所要學(xué)習(xí)材料的特點(diǎn)與學(xué)習(xí)者的認(rèn)知水平間的交互，設(shè)計(jì)者很難對(duì)它產(chǎn)生直接影響。外在負(fù)荷是與有效學(xué)習(xí)過程無關(guān)的負(fù)荷，由材料呈現(xiàn)、課件界面設(shè)計(jì)或教學(xué)活動(dòng)本身不當(dāng)造成，對(duì)學(xué)習(xí)起干擾作用，可通過合理的界面設(shè)計(jì)(尤其色彩配比)減少或消除。相關(guān)負(fù)荷是與促進(jìn)圖式構(gòu)建和圖式自動(dòng)化過程相關(guān)的負(fù)荷，與學(xué)習(xí)者的認(rèn)知努力有關(guān)，對(duì)學(xué)習(xí)起促進(jìn)作用。外在認(rèn)知負(fù)荷和相關(guān)認(rèn)知負(fù)荷都直接受控于教學(xué)設(shè)計(jì)者，三種認(rèn)知負(fù)荷是相互疊加的。［4］為促進(jìn)有效學(xué)習(xí)發(fā)生，課件設(shè)計(jì)過程中應(yīng)盡可能減少內(nèi)外在負(fù)荷，增加相關(guān)負(fù)荷，并使總的負(fù)荷不超過學(xué)習(xí)者能承受的負(fù)荷。

課件界面色彩配比中，為控制內(nèi)在負(fù)荷就要充分考慮課件特點(diǎn)和學(xué)習(xí)者認(rèn)知水平及其交互作用;為降低外在負(fù)荷就要優(yōu)化媒體信息呈現(xiàn)方式，注意色彩配比;為提高相關(guān)負(fù)荷就要激發(fā)學(xué)習(xí)者學(xué)習(xí)動(dòng)機(jī)，引導(dǎo)并加大其認(rèn)知努力。為此，課件界面色彩配比時(shí)須根據(jù)教學(xué)內(nèi)容、學(xué)習(xí)者認(rèn)知結(jié)構(gòu)和視覺心理特點(diǎn)等在CLT指導(dǎo)的色彩配比原則下確定色彩基調(diào)、色彩布局和主體背景顏色的合理配比。

二、CLT指導(dǎo)下的界面色彩配比原則

CLT指出了課件設(shè)計(jì)與學(xué)習(xí)者內(nèi)部認(rèn)知加工之間的作用關(guān)系，給多媒體課件界面色彩配比提供了明確指導(dǎo)。筆者從認(rèn)知負(fù)荷理論出發(fā)，通過研究分析并吸取前人的成果，認(rèn)為多媒體課件界面色彩的配比大致要遵循以下六大基本原則。

(一)界面色彩的整體性。

界面色彩的整體視覺效果是文字文本色彩、背景顏色(包括按鈕、菜單、標(biāo)題和動(dòng)畫顏色)以及界面色調(diào)等因素在屏幕上的綜合運(yùn)用。［5］在認(rèn)知負(fù)荷理論看來，主次分明的視覺元素、美觀清晰的屏幕結(jié)構(gòu)和良好的色彩布局可引導(dǎo)學(xué)習(xí)者的視線和集中其注意力，激發(fā)學(xué)習(xí)興趣，增加相關(guān)認(rèn)知負(fù)荷、降低內(nèi)外在認(rèn)知負(fù)荷。通過界面色彩的布局及傳統(tǒng)視覺設(shè)計(jì)的色彩美學(xué)原則，處理好界面色彩的各要素之間、各要素與整體之間的關(guān)系，使有限的屏幕空間形成美的配色，達(dá)到良好的視覺傳播效果，為學(xué)習(xí)者提供精神的愉悅感和注意的集中度。

(二)界面色彩的簡單性。

CLT下課件界面色彩的設(shè)計(jì)原則是形式服務(wù)于內(nèi)容。過多使用顏色會(huì)造成本身給學(xué)習(xí)者帶來的信息過多，不僅削弱了學(xué)習(xí)者對(duì)教學(xué)內(nèi)容的學(xué)習(xí)精力，且過多顏色會(huì)增加學(xué)習(xí)者的反應(yīng)時(shí)間，增加外在認(rèn)知負(fù)荷。因此，同一界面一般以四五種為限。

進(jìn)入21世紀(jì)，隨著國家大力發(fā)展經(jīng)濟(jì)，尤其是國家創(chuàng)新驅(qū)動(dòng)發(fā)展戰(zhàn)略的強(qiáng)力推進(jìn)，知識(shí)產(chǎn)權(quán)轉(zhuǎn)移轉(zhuǎn)化也取得了明顯成效，初步形成了多渠道、多方式共同推動(dòng)科技成果轉(zhuǎn)化的局面。但是科技成果轉(zhuǎn)化是一項(xiàng)系統(tǒng)工程，需要綜合施策，尤其是針對(duì)國防知識(shí)產(chǎn)權(quán)轉(zhuǎn)移轉(zhuǎn)化的法律法規(guī)、機(jī)構(gòu)建設(shè)管理、利益分配、評(píng)估評(píng)價(jià)和激勵(lì)機(jī)制等方面還有很多問題，具體表現(xiàn)在以下幾個(gè)方面。

(三)界面色彩的主體性。

主體與背景色彩對(duì)比反差愈大時(shí)，主體愈突出，能見度愈高，愈容易被感知。因此，在利用色相要素突出主體時(shí)要充分利用字體的明度、色性、色相、面積配置等對(duì)比突出主體。通過背景與主體顏色在明暗或冷暖上的高反差，形成強(qiáng)對(duì)比，突出文本信息，吸引學(xué)習(xí)者的注意力并縮短感知時(shí)間，增強(qiáng)記憶，實(shí)現(xiàn)圖式的獲得與規(guī)則的自動(dòng)化。但要注意這種對(duì)比若達(dá)到最大(如白底黑字)，雖能見度最高，但看久了眼睛容易由于反差大而疲勞。

(四)界面色彩的協(xié)調(diào)一致性。

色彩具有一定象征意義和表現(xiàn)作用，不同國家、民族由于歷史文化、宗教信仰等不同，對(duì)色彩的情感反應(yīng)可能各不相同。就我國而言，紅色富于喜慶、活力和刺激性，橙色富于光輝、溫暖、歡樂、熱烈的情緒和健康、華麗的美感;黃色是光明、希望的象征，使人聯(lián)想到充滿豐收喜悅的秋天;綠色多用于象征和平，是中性的，不炫耀也不消極，不冷也不熱，不進(jìn)取也不退縮;藍(lán)色使人聯(lián)想到天空、海洋，給人以寧靜、致遠(yuǎn)、寒冷感等。為此，所用色彩須與人們生活中感知的色彩含義協(xié)調(diào)。另外，在一個(gè)多媒體課件中，色彩的含義應(yīng)始終保持一致，不宜過分改變。在界面布局中，各區(qū)域背景色、各種按鈕顏色應(yīng)基本不變。同一區(qū)域中(如教學(xué)內(nèi)容顯示區(qū))顏色的運(yùn)用應(yīng)保持一致，如各種級(jí)別標(biāo)題的背景色、字色應(yīng)保持不變等。避免過多的不協(xié)調(diào)和不一致帶給學(xué)習(xí)者更多的信息認(rèn)知加工負(fù)荷。

(五)界面色彩的個(gè)性化。

色彩能影響人的情緒，不同色彩讓人產(chǎn)生不同心理效應(yīng)，從而產(chǎn)生不同程度的認(rèn)知負(fù)荷，反之不同心理狀態(tài)所能接受的色彩也不同。因此，為降低外在認(rèn)知負(fù)荷，設(shè)計(jì)者要以學(xué)習(xí)者為中心進(jìn)行界面色彩的配比，把學(xué)習(xí)者的情感反應(yīng)而不是純粹的色彩配比擺在色彩設(shè)計(jì)的中心，應(yīng)根據(jù)課件性質(zhì)和學(xué)習(xí)者的情感反應(yīng)選擇不同的色彩以及色調(diào)。色彩的運(yùn)用和搭配應(yīng)充分考慮其適用范圍(主要用于專科生、本科生或研究生的教學(xué)或自學(xué)，其次作為各級(jí)各類學(xué)校教師繼續(xù)教育的教材，同時(shí)還可供從事教育技術(shù)、信息技術(shù)教學(xué)與管理的相關(guān)人員閱讀等)，教學(xué)對(duì)象都已成年且偏成熟穩(wěn)重的心理特征。同時(shí)，本課件是學(xué)習(xí)者的一種課外探索性知識(shí)，為提高其探索熱情，需創(chuàng)造歡快、明朗、熱烈、活潑、積極的情感聯(lián)想。因此，在色彩配比中選擇能使學(xué)習(xí)者靜心學(xué)習(xí)和思考而又充滿探索熱情的純度稍低的暖色，如以卡通頭像代表學(xué)習(xí)者，使其成穩(wěn)中蘊(yùn)含著非主流的氣息，符合學(xué)習(xí)者的時(shí)代氣息。

(六)界面色彩的藝術(shù)性。

界面色彩設(shè)計(jì)要滿足人機(jī)相適應(yīng)的要求，同時(shí)也要滿足課件內(nèi)容的目的要求，以便有利于教學(xué)內(nèi)容作用的發(fā)揮并取得良好的教學(xué)效果。如色彩設(shè)計(jì)得當(dāng)，能使學(xué)習(xí)者心情愉快舒暢、有安全感，還能不同程度上增加學(xué)習(xí)者的相關(guān)認(rèn)知負(fù)荷，這樣帶來的結(jié)果是學(xué)習(xí)興趣高，不易產(chǎn)生疲勞，并能維護(hù)身心健康，促進(jìn)學(xué)習(xí)者有效學(xué)習(xí)。

三、CLT指導(dǎo)下的界面色彩配比方法

基于以上原則闡述，多媒體課件界面色彩的設(shè)計(jì)主要是利用色彩的特性、色彩的形成和對(duì)比規(guī)律、色彩間的相互關(guān)系、色彩的視覺效果及心理聯(lián)想等的規(guī)律來合理地規(guī)劃多媒體課件界面色彩。［6］如據(jù)教學(xué)內(nèi)容、色彩心理聯(lián)想確定課件色彩基調(diào)，利用色彩的對(duì)比和相互關(guān)系及視覺效果進(jìn)行主體背景色搭配，根據(jù)學(xué)習(xí)者認(rèn)知結(jié)構(gòu)和視覺心理特點(diǎn)設(shè)置界面色彩的布局，從而建立和諧均衡的界面，吸引學(xué)習(xí)者注意力、引導(dǎo)視覺線索，激發(fā)學(xué)習(xí)興趣。

(一)色彩基調(diào)的確定。

顏色是光波作用于人眼所引起的視覺經(jīng)驗(yàn)，具有三個(gè)基本特性：色調(diào)、明度、飽和度。色調(diào)主要決定于光波波長，明度指顏色的明暗程度，飽和度指某種顏色的純雜程度或鮮明程度。［7］界面色彩配比中，要運(yùn)用好色彩使其更符合學(xué)習(xí)者的認(rèn)知規(guī)律，就需要掌握色彩的各個(gè)屬性。色調(diào)則是色彩的最基本屬性，指色彩外觀的重要特征與基本傾向。色調(diào)主要由色相、明度、純度和色性等決定。從色相上劃分，有紅色調(diào)、綠色調(diào)、黃色調(diào)等;從明度上劃分，有亮色調(diào)、暗色調(diào)、深色調(diào)等;從純度上劃分，有鮮色調(diào)、濁色調(diào)、沌色調(diào)等;從色性上劃分，有暖色調(diào)、中性色調(diào)、冷色調(diào)等。［8］相關(guān)研究表明，色彩的基調(diào)最終歸結(jié)為冷暖兩大色調(diào)。以青、藍(lán)等冷色為主的色彩組成的畫面產(chǎn)生冷調(diào)效果，給人以安靜、閑適、寒冷、消沉的情感聯(lián)想;以紅、黃等暖色為主的色彩組成的畫面產(chǎn)生暖調(diào)效果，給人以歡快、明朗、熱烈、活潑、積極的情感聯(lián)想。

在界面色彩配比中，是傾向于冷色或暖色，明艷或質(zhì)樸，要根據(jù)課件的主題內(nèi)容來定。選擇一種具有概括力和象征意義的色調(diào)，并依次構(gòu)成畫面的整體色彩傾向，形成統(tǒng)一和諧的整體效果。如：紅色調(diào)較適合在體育類課件界面中使用，給人以興奮、激動(dòng)、緊張的情感;藍(lán)色調(diào)則較適合在文學(xué)類的課件界面中使用，容易讓人產(chǎn)生凝重、憂郁、深邃等情感等。一般情況下，教學(xué)在安靜的環(huán)境中進(jìn)行。因此，教學(xué)課件背景色彩一般采用冷色調(diào)、純度稍低的色彩。一方面是由于冷色調(diào)能使人產(chǎn)生寧靜感，有利于學(xué)習(xí)環(huán)境的創(chuàng)設(shè);另外，純度稍低的冷色刺激性較小，長時(shí)間觀看不會(huì)引起視覺疲勞。

(二)主體背景色的選擇。

背景顏色(按鈕、菜單、標(biāo)題和動(dòng)畫等顏色)是構(gòu)成界面主要色調(diào)的顏色，確定了整個(gè)課件色彩的基調(diào)，在界面形成一個(gè)虛無的空間，屬于襯托顏色，面積較大，起烘托主題、襯托主體、體現(xiàn)創(chuàng)意的作用。主體顏色(文字文本顏色)是界面設(shè)計(jì)傳遞信息的重要渠道，要做到清楚明白、重點(diǎn)突出。主體與其背景的關(guān)系就像船與水的關(guān)系，水能載舟也能覆舟。背景色用得好，能襯托、美化、突出文字文本;用得不好，就會(huì)對(duì)學(xué)習(xí)者認(rèn)知加工教學(xué)信息造成干擾。因此，設(shè)計(jì)者要處理好二者在色彩、明暗、對(duì)比等方面的關(guān)系，使兩者之間的色彩距離拉開，讓背景色很好的為文字文本服務(wù)。一般情況下，背景顏色深，則文字文本顏色就要淺;背景顏色淺，則文字文本顏色就要深。有相關(guān)實(shí)驗(yàn)表明：色彩背景和色彩字體的配合所產(chǎn)生的視覺效果，比不上色彩背景(字體)與黑白字體(背景)之間的配合效果。且字體色和背景色的配合按視覺效果優(yōu)劣，可分如下等級(jí)：1．黃色背景，黑色字體。2．白色背景，深綠色字體。3．白色背景，深紅色字體。4．淺清背景，白色字體。5．白色背景，黑色字體。6．黑色背景，黃色字體。

(三)界面色彩的布局。

色彩的美感是在構(gòu)圖的基礎(chǔ)上表現(xiàn)出的某種總體感覺。構(gòu)圖本身就是一種表現(xiàn)形式，具有一定的形式美感，如重心的安定感，布局的均衡感，比例的統(tǒng)一與變化，元素的條理與節(jié)奏等［9］CLT下多媒體課件界面色彩布局的原則是：根據(jù)學(xué)習(xí)者的認(rèn)知結(jié)構(gòu)和視覺心理特點(diǎn)等在突出主體的前提下，使各界面之間相互協(xié)調(diào)、整體美觀;每個(gè)界面都應(yīng)有主體內(nèi)容且屬突出表現(xiàn)部分。位置上要按學(xué)習(xí)者的視覺習(xí)慣進(jìn)行編排。人們觀看事物時(shí)，一般是從左到右、從上到下，且對(duì)界面各部分的觀察度也不同，進(jìn)行界面色彩布局時(shí)就要考慮到這一習(xí)慣，將主體內(nèi)容放在中上方或左方，將重點(diǎn)內(nèi)容的關(guān)鍵詞、句、概念、原理等運(yùn)用閃爍、動(dòng)畫等技術(shù)方法使之和其它信息區(qū)分開來，或處理為關(guān)鍵、熱區(qū)，以此來引導(dǎo)學(xué)習(xí)者的視覺線索。面積上不同色彩的面積分布，應(yīng)避免等量、對(duì)稱和零亂。等量則無主次之分，對(duì)稱則平淡無味，零亂使人生厭。

色彩的輕重感是通過色彩的冷暖、明度、純度來表現(xiàn)的，如冷色調(diào)重，有下沉感;暖色調(diào)輕，有上升感。不同色彩畫面組合會(huì)形成不同意境、格調(diào)及感情，如重感強(qiáng)的色彩畫面組合會(huì)形成陰沉的低調(diào);重感弱的色彩畫面組合會(huì)形成爽朗的高調(diào)。當(dāng)用重量感不同的色彩來組合畫面時(shí)，應(yīng)根據(jù)對(duì)比的情況不同而有所選擇。色相對(duì)比上，如構(gòu)圖為暖色在上、冷色在下，則布局均衡平穩(wěn)，如暖色在下、冷色在上，則有“黑云壓城”的壓迫感，布局就不平穩(wěn)。因此，界面色彩布局要均衡、多樣統(tǒng)一和協(xié)調(diào)。均衡是界面中一種穩(wěn)定、完整和諧的感覺，是本身內(nèi)容和人們的心理狀態(tài)形成的某種均衡，是人們審美的基本要求，強(qiáng)調(diào)的是“穩(wěn)”而不是數(shù)量或形體上的絕對(duì)相等和平均。色彩的均衡指色彩所表示的形象重心、色塊注意程度以及冷暖色調(diào)的對(duì)比在構(gòu)圖上的平衡性。總之，課件界面色彩的布局要平衡中求變化，錯(cuò)落有致，切忌堆砌，更不能見空就塞，要留有適當(dāng)空白地帶，就像高樓之間要留有草坪一樣，給人一種透氣、舒適、“留白”感。

(四)界面色彩的對(duì)比與調(diào)和。

對(duì)比主要是色彩的冷暖、物體的虛實(shí)和明暗的對(duì)比。如為突出主體可在亮度、色調(diào)等方面加大主體與背景的反差，簡化背景及虛化背景等，追求的是強(qiáng)烈的視覺效果，目的是吸引學(xué)習(xí)者的注意力。調(diào)和是配色中應(yīng)注意的，賞心悅目就是一種美的調(diào)和配色，強(qiáng)調(diào)對(duì)比物間的聯(lián)系，追求的是平穩(wěn)的教學(xué)信息傳播氣氛，目的是創(chuàng)造一個(gè)有利于學(xué)習(xí)的環(huán)境，防止視覺疲勞。對(duì)比與調(diào)和是相對(duì)的，又是相互滲透的。為使界面色彩調(diào)和，同一界面色彩不宜使用過多，色彩之間的組合做到統(tǒng)一性調(diào)和、對(duì)比性調(diào)和。為防止畫面單調(diào)，須暖中有冷、冷中有暖，主調(diào)色彩和陪襯色彩相互照應(yīng)、相互對(duì)比、相互襯托，使界面豐富多彩而不雜亂、統(tǒng)一和諧而不單調(diào)。

四、結(jié)束語

課件界面色彩配比是一項(xiàng)技術(shù)性工作，同時(shí)也是一項(xiàng)藝術(shù)性和認(rèn)知性很強(qiáng)的工作，需設(shè)計(jì)者重點(diǎn)關(guān)注。多媒體課件類型很多，如課堂教學(xué)型、游戲型、自主學(xué)習(xí)型等，其界面色彩偏向也不盡相同。但無論如何，最終都是為提高學(xué)習(xí)者學(xué)習(xí)效率，使其用最少心理能量獲取最多知識(shí)信息。本文從CLT出發(fā)并以學(xué)習(xí)者為中心，粗略探討了教學(xué)型或自主學(xué)習(xí)型課件界面色彩配比原則和方法。還有很多方面(如環(huán)境條件限制)未能談及，希望在今后進(jìn)一步深入研究完善，使界面色彩表達(dá)效果更有利于教育信息傳遞，以提高多媒體課件的教學(xué)效果。

［1］楊哲，鐘生海．基于認(rèn)知負(fù)荷理論的網(wǎng)絡(luò)課程設(shè)計(jì)研究［J］．現(xiàn)代遠(yuǎn)距離教育，2007，(3):64．

［2］Cooper G．Cognitive load theory as an aid for instructional design［J］．Australian Journal of Educational Technology，1990(6):108－113．

［3］Brünken R，Plass J L，Leutner D．Direct Measurement of Cognitive Load in Multimedia Learning［J］．Educational Psychologist，2003，(38):53 －61．

［4］陳巧芬．認(rèn)知負(fù)荷理論及其發(fā)展［J］．現(xiàn)代教育技術(shù)，2007，(9):16．

［5］付俊，楊海峰．多媒體課件中的界面色彩設(shè)計(jì)分析［J］．現(xiàn)代商貿(mào)工業(yè)，2009，(10):218．

［6］車明霞．淺談多媒體課件的色彩與布局［J］．電腦知識(shí)與技術(shù)，2006，(2):206．

［7］彭聃齡．普通心理學(xué)［M］．北京:北京師范大學(xué)出版社，2004，98 －99．

［8］盧榮青．網(wǎng)頁色彩設(shè)計(jì)的情感因素［J］．韶關(guān)學(xué)院學(xué)報(bào)(社會(huì)科學(xué)版)，2006，(7):130．

［9］任翔，張瑞玲．基于認(rèn)知心理學(xué)的網(wǎng)絡(luò)課件界面設(shè)計(jì)原則研究［J］．電化教育研究，2009，(12):36．