張 霞，鄭小軍

（廣西師范學(xué)院 教育技術(shù)系，廣西 南寧 530023）

例談Flash課件設(shè)計(jì)與制作的六大原則
——以“跨文化交際”課件為例

張 霞，鄭小軍

（廣西師范學(xué)院 教育技術(shù)系，廣西 南寧 530023）

以全國(guó)多媒體課件大賽二等獎(jiǎng)?wù)n件“跨文化交際”為例，從心理學(xué)角度總結(jié)了Flash課件開發(fā)的六大原則，即設(shè)計(jì)階段主要遵循統(tǒng)一性原則、模塊化原則、文本圖示化—圖片動(dòng)態(tài)化原則及放大有效區(qū)域原則，制作階段主要遵循分散—聚合原則和“登門檻”原則。

Flash課件；心理學(xué)；課件設(shè)計(jì)；課件制作；原則；“跨文化交際”

目前，F(xiàn)lash課件已被廣泛用于高校教學(xué)，而用心理學(xué)理論來指導(dǎo)Flash課件的設(shè)計(jì)與制作就顯得十分必要。下面以筆者與英語(yǔ)專業(yè)教師合作開發(fā)的全國(guó)多媒體課件大賽二等獎(jiǎng)?wù)n件“跨文化交際”為例，從心理學(xué)的角度總結(jié)和討論Flash課件設(shè)計(jì)與制作應(yīng)該遵循的一些基本原則。

一、課件設(shè)計(jì)原則

1.統(tǒng)一性原則

格式塔理論認(rèn)為，“眼腦作用是一個(gè)不斷組織、簡(jiǎn)化、統(tǒng)一的過程，正是通過這一過程，才產(chǎn)生出易于理解、協(xié)調(diào)的整體，如果一個(gè)格式塔中包含了太多的互不相關(guān)的單位，眼腦就會(huì)試圖將其簡(jiǎn)化，把各個(gè)單位加以組合，使之成為一個(gè)知覺上易于處理的整體”。[1]因此，為方便學(xué)習(xí)者更快更好地把握整門課程，課件必須簡(jiǎn)化畫面，使畫面和諧統(tǒng)一，即課件設(shè)計(jì)必須遵循統(tǒng)一性原則，包括色彩統(tǒng)一、界面統(tǒng)一和導(dǎo)航統(tǒng)一。

（1）色彩統(tǒng)一

從視覺心理學(xué)來說，藍(lán)色象征天空、海洋和信念，給人以清爽、開朗和理智的抽象聯(lián)想；而白色代表貞潔和光明，給人以潔凈、明朗、清晰和簡(jiǎn)潔的抽象聯(lián)想。[2]鑒于課件的內(nèi)容是跨文化交際，選用代表天空、海洋的藍(lán)色為主色調(diào)，可以使人產(chǎn)生廣闊的聯(lián)想，無形中凸顯了跨文化交際中的“跨”字主題。白色則作為輔色用來調(diào)整課件的視覺感和藝術(shù)感。

（2）界面統(tǒng)一

知覺的整體性是指一些單個(gè)的圖形傾向于被知覺為一個(gè)聚集在一起的整體。從知覺整體性的接近率、相似率等原則中可以看出，當(dāng)一個(gè)整體中的各部分接近或相似時(shí)，學(xué)習(xí)者更容易從各部分中把握規(guī)律，從而掌握整體。[3]基于知覺的整體性，在課件的統(tǒng)一性原則中，最重要的是界面的統(tǒng)一。如果沒有統(tǒng)一風(fēng)格的界面，而是一個(gè)單元一種界面，則學(xué)習(xí)者的視覺將會(huì)因應(yīng)付過多的界面而疲憊；同時(shí)，學(xué)習(xí)者也會(huì)因不同界面的影響而難以把握課程的總體思想?！翱缥幕浑H”課件除了采用統(tǒng)一的藍(lán)白主色調(diào)外，主界面及各單元的首頁(yè)等都設(shè)計(jì)了統(tǒng)一的界面，如圖1所示。（

3）導(dǎo)航統(tǒng)一

主導(dǎo)航：根據(jù)注意規(guī)律，當(dāng)人眼第一次接觸某個(gè)物體時(shí)，它一般會(huì)按從左到右、從上到下的順序進(jìn)行掃視。鑒于此，各單元主導(dǎo)航被安放在各界面的上方，從左到右占滿整個(gè)界面的寬度，如圖2所示。

拓展導(dǎo)航：“視覺心理學(xué)組合規(guī)律中的和諧是指幾種元素在一起時(shí)，給人的感受和意識(shí)是一種沒有沖突、協(xié)調(diào)的關(guān)系。只有幾種元素具有共通性和融合性時(shí)才稱為和諧。”[2]為使畫面和諧，拓展導(dǎo)航被安放在版頭的背景圖片中，水晶球型按鈕的藍(lán)色與版頭的藍(lán)天相融相通，既凸顯了按鈕的晶瑩剔透，又體現(xiàn)了天空的湛藍(lán)純凈。而根據(jù)律動(dòng)原理，波浪的型式能表達(dá)躍動(dòng)，因此，將球型按鈕按波浪型排列，并安放在版頭的右下方（與文字位置相對(duì)），既能使導(dǎo)航產(chǎn)生躍動(dòng)的效果，又能使版頭達(dá)到平衡，如圖3所示。

伸縮導(dǎo)航：為方便學(xué)習(xí)者隨意跳轉(zhuǎn)到各單元首頁(yè)，并保持整個(gè)課件的美感，各單元首頁(yè)的右側(cè)安放了一列垂直玻璃球型的伸縮導(dǎo)航——只有當(dāng)鼠標(biāo)滑過玻璃球型按鈕時(shí)，單元的跳轉(zhuǎn)按鈕才從右邊伸出來。

2.模塊化原則

“認(rèn)知心理學(xué)將知覺看作對(duì)感覺信息的組織和解釋，其知覺研究主要涉及模式識(shí)別。當(dāng)人能夠確認(rèn)他所知覺的某個(gè)模式是什么并將它與其他模式區(qū)分開來時(shí)，就是模式識(shí)別。在多媒體課件設(shè)計(jì)中，信息表征的形式要選取恰當(dāng)?shù)哪Ｊ剑瑢W(xué)生才能對(duì)信息進(jìn)行更好的加工?！盵4]“跨文化交際”課件在組織結(jié)構(gòu)上遵循模塊化設(shè)計(jì)原則，合理地將教學(xué)內(nèi)容按不同維度進(jìn)行歸類和安排，并理清各部分內(nèi)容之間的聯(lián)系，通過點(diǎn)—點(diǎn)、點(diǎn)—面、面—面的形式來建構(gòu)整個(gè)課件的架構(gòu)，使得每個(gè)知識(shí)點(diǎn)不是孤立地出現(xiàn)，而是處于一個(gè)鏈鎖式或網(wǎng)絡(luò)式的整體結(jié)構(gòu)之中，便于學(xué)習(xí)者充分發(fā)揮結(jié)構(gòu)優(yōu)勢(shì)效應(yīng)來學(xué)習(xí)。[4]這種模塊化設(shè)計(jì)體現(xiàn)在整體上的模塊化設(shè)計(jì)和各模塊中的再模塊化設(shè)計(jì)。整個(gè)課件由不同層次不同大小的模塊搭建而成。

（1）整體上的模塊化設(shè)計(jì)

根據(jù)學(xué)習(xí)者的認(rèn)知發(fā)展規(guī)律，學(xué)習(xí)者總是習(xí)慣按照由簡(jiǎn)到繁、由易到難、由整體到局部的規(guī)律進(jìn)行學(xué)習(xí)?！霸诖髮W(xué)階段，學(xué)生的認(rèn)知水平得到充分提高，學(xué)習(xí)策略遷移的主動(dòng)性和自主性也得以加強(qiáng)?！?學(xué)生開始自定步調(diào)，自主選擇學(xué)習(xí)方法，并采用從整體到局部的認(rèn)知規(guī)律（類似語(yǔ)文的“總—分—總”結(jié)構(gòu)）進(jìn)行學(xué)習(xí)，因?yàn)椤跋劝盐照n程大方向，再細(xì)究局部”能使他們迅速掌握一門課的主要內(nèi)容?！翱缥幕浑H”課件從整體上采用模塊化和分層組織原則，如圖4所示。

（2）各模塊中的再模塊化設(shè)計(jì)

模塊化設(shè)計(jì)思想不僅可以用在課件整體框架的設(shè)計(jì)上，還可以具體用在各欄目?jī)?nèi)部的設(shè)計(jì)上?？梢哉f一個(gè)欄目的目錄或是導(dǎo)航就是一個(gè)模塊，而它們內(nèi)部又含有許許多多的內(nèi)容模塊，內(nèi)容模塊中還具體細(xì)分子模塊。例如，在 Unit2的“Contents”模塊中，包含了“Whatiscultural”和“Elementsofcommunication”兩大內(nèi)容模塊，而兩大模塊又細(xì)分了多個(gè)子模塊。課件的其他欄目均是如此分塊，使學(xué)習(xí)者獲得清晰的學(xué)習(xí)思路和途徑。

3.文本圖示化——圖片動(dòng)態(tài)化原則

“注意的穩(wěn)定性是指注意保持在同一對(duì)象上的時(shí)間，它反映主體的注意品質(zhì)，在客觀上受注意對(duì)象的屬性影響。如果對(duì)象的表現(xiàn)形式豐富靈活、具有動(dòng)感且引人入勝，那么注意保持在該對(duì)象上的時(shí)間就會(huì)持久；相反，如果對(duì)象的表現(xiàn)形式單一、乏味，注意穩(wěn)定性肯定不好?！盵5]注意的穩(wěn)定性給課件設(shè)計(jì)的啟示就是要以豐富動(dòng)感的表現(xiàn)形式來呈現(xiàn)教學(xué)內(nèi)容。 “字不如表，表不如圖，圖不如動(dòng)畫”說的正是這個(gè)道理?！翱缥幕浑H”課件中，起初僅以文字形式在“Furtherdevelopment”欄目的“Movies”模塊中列出7部電影，但之后發(fā)覺文字過多易使學(xué)習(xí)者厭煩，因此改用圖片形式呈現(xiàn)電影目錄。另外，在各單元的首頁(yè)，還將圖片以跑馬燈的動(dòng)畫形式來展現(xiàn)，以此增強(qiáng)課件的動(dòng)感，激發(fā)學(xué)生的學(xué)習(xí)興趣。

4.放大有效區(qū)域原則

（1）放大視覺的有效區(qū)域：根據(jù)人類的視覺規(guī)律，被注意的對(duì)象越集中、占的區(qū)域越大、排列得越有規(guī)律時(shí)，則越容易得到人們的關(guān)注?！巴瑫r(shí)也要注意對(duì)無關(guān)信息的抑制，即阻止無關(guān)信息進(jìn)入工作記憶?！盵5]因此，要想學(xué)習(xí)者一眼就能分辨出哪些是需要注意的學(xué)習(xí)區(qū)域，在設(shè)計(jì)課件時(shí)，必須擴(kuò)大課件中安放學(xué)習(xí)內(nèi)容的有效區(qū)域，而盡量把除學(xué)習(xí)內(nèi)容外的無效區(qū)域縮小。例如，在最初的版面設(shè)計(jì)時(shí)，導(dǎo)航因垂直放在左側(cè)而占用了過多的內(nèi)容區(qū)域，內(nèi)容呈現(xiàn)區(qū)域一小，視覺上就會(huì)給人以壓抑、狹窄和擁滿之感。改版時(shí)，則有意擴(kuò)大了內(nèi)容的有效區(qū)域。

（2）放大聽覺的有效區(qū)域：另外，在課件設(shè)計(jì)時(shí)，除了設(shè)計(jì)好視覺上的有效區(qū)域，還得合理安排聽覺上的“有效區(qū)域”?！白⒁膺x擇功能中的過濾器模型認(rèn)為，個(gè)體不可能在同一時(shí)刻注意兩件事情，除非兩者的信息含量少，或者呈現(xiàn)的速度很慢；即一個(gè)人在同一時(shí)間只能接收一個(gè)通道傳來的信息?！盵3]因此，課件中無需插入背景音樂，因?yàn)楫?dāng)視覺與聽覺兩個(gè)通道同時(shí)有信息流入時(shí)，會(huì)分散學(xué)生的注意力；而如果在播放某段聽力時(shí)，有其相對(duì)應(yīng)的文字出現(xiàn)，那兩個(gè)通道將相互促進(jìn)，達(dá)到相得益彰的效果。因而聽覺上的“有效區(qū)域”就是指那些能促進(jìn)視覺學(xué)習(xí)的聽力部分；不能促進(jìn)視覺學(xué)習(xí)且干擾學(xué)習(xí)者注意力的聽力部分則為聽覺上的“無效區(qū)域”。例如，在“Further development”欄目的“Listening”模塊中，既插入了可隨停隨放的聽力錄音，又插入了可隨時(shí)滾動(dòng)瀏覽的文本材料，通過雙通道來使學(xué)習(xí)者更好地掌握學(xué)習(xí)內(nèi)容。

二、課件制作原則

課件設(shè)計(jì)完成后，我們使用AdobeFlashCS5.0、AdobeCaptivate4.0和PowerPoint2010等軟件，依據(jù)以下原則完成課件制作。

1.分散—聚合原則

簡(jiǎn)言之，分散—聚合原則就是分工—合作。而對(duì)這一原則起指導(dǎo)作用的是“人才團(tuán)體心理學(xué)”中的“人才團(tuán)體的正心理效應(yīng)”?！八^人才團(tuán)體的正心理效應(yīng)，是指人才團(tuán)體的結(jié)構(gòu)合理、心理相容、配合默契，最大程度地提高團(tuán)體的活動(dòng)效率。它主要表現(xiàn)在三個(gè)方面：互補(bǔ)、互勵(lì)和互助?！盵5]這一思想體現(xiàn)在Flash課件制作中，就是分散—聚合原則。

（1）互補(bǔ)效應(yīng)：人才的互補(bǔ)效應(yīng)是指具有不同特長(zhǎng)的人才聚集在一起為同一個(gè)目標(biāo)而努力，他們各具不同的才能，能分別完成一項(xiàng)任務(wù)中不同類型的工作，而且他們共同創(chuàng)造的價(jià)值遠(yuǎn)大于他們每人單獨(dú)創(chuàng)作的價(jià)值總和。在制作“跨文化交際”課件時(shí)，課程老師主要負(fù)責(zé)收集和組織教學(xué)內(nèi)容；一位技術(shù)人員利用 完成“cise”習(xí)題模塊。筆者負(fù)責(zé)課件的整體設(shè)計(jì)和制作，使用的軟件包括Flash、PowerPoint和Photoshop。當(dāng)各成員使用不同的軟件完成各自的工作后，由筆者通過Flash軟件進(jìn)行整合，形成最終的課件。

“跨文化交際”課件采用了“積件”思想，即一個(gè)模塊的內(nèi)容制作在一個(gè)文件里，有多少個(gè)模塊就有多少個(gè)源文件，生成的就是與源文件對(duì)應(yīng)個(gè)數(shù)的swf子課件，最后通過Flash的外部調(diào)用將這些不同模塊的swf子課件整合到主課件。基于這種“積件”思想，大課件的制作可以依據(jù)互補(bǔ)效應(yīng)和模塊劃分進(jìn)行科學(xué)、合理的分工合作。如果要對(duì)課件進(jìn)行修改，只要各自改好所負(fù)責(zé)的模塊 （子課件）即可。

（2）互勵(lì)和互助效應(yīng)：互勵(lì)效應(yīng)就是團(tuán)隊(duì)成員在工作中互相鼓勵(lì)和影響，以促進(jìn)工作的完成；而互助效應(yīng)則是指在團(tuán)隊(duì)成員遇到困難無法解決時(shí)，其他成員盡全力提供幫助，以期解決團(tuán)隊(duì)所遇到的任何困難，最終達(dá)到完成任務(wù)的目的。

2.“登門檻”原則

“心理學(xué)家認(rèn)為，在一般情況下，人們都不愿接受較高較難的要求，因?yàn)樗M(fèi)時(shí)費(fèi)力又難以成功，相反，人們卻樂于接受較小的、較易完成的要求，在實(shí)現(xiàn)了較小的要求后，人們才慢慢地接受較大的要求，這就是‘登門檻效應(yīng)’對(duì)人的影響。”[6]“跨文化交際”課件的開發(fā)實(shí)踐表明，將“登門檻效應(yīng)”應(yīng)用在課件制作中也能收到很好的效果。

首先，這種原則體現(xiàn)在軟件的選擇上。對(duì)于一些從來沒制作過大型課件的人來說，在首次制作時(shí)，他們會(huì)趨向于選擇軟件的較低版本，待熟悉該軟件，并能用它的低版本做出成品之后，他們才會(huì)使用該軟件的較高版本。因?yàn)榈桶姹拒浖o人的感覺是較易上手且成熟耐用，在掌握了低版本軟件之后，他們才會(huì)產(chǎn)生繼續(xù)探索和向高處發(fā)展的信心，也才會(huì)逐級(jí)登上較高的門檻。在制作“跨文化交際”課件時(shí)，我們先是使用MacromediaFlash8.0制作一個(gè)單元的課件，隨后才選用較高版本的AdobeFlash CS5.0來制作整門課程的課件。

其次，這種原則還體現(xiàn)在課件制作的工作量上?！啊情T檻’效應(yīng)認(rèn)為，如果一開始就向他人提出較多較高的要求，往往無法實(shí)現(xiàn)，但如果先設(shè)‘低門檻’逐步‘登高’，對(duì)方則比較容易接受，這反映的正是人們?cè)趯W(xué)習(xí)、生活、工作中普遍存在的避重就輕、避難趨易的心理傾向?！盵6]因此，不應(yīng)該一開始就將整門課程的制作任務(wù)一次性全部分派給制作者，這樣會(huì)使他們一開始就產(chǎn)生畏難情緒，覺得要求太高，自己無法完成。由此，在課件制作時(shí)，制作者可以先把整門課程看作一個(gè)整體目標(biāo)，然后再把它按內(nèi)容分成n塊。在制作“跨文化交際”課件時(shí)，我們先制作片頭動(dòng)畫，然后依次制作各單元的子課件，最后再通過調(diào)用進(jìn)行整合。任務(wù)難度逐級(jí)遞增，制作者逐個(gè)跨過“門檻”完成“登高”。

三、結(jié)束語(yǔ)

本文以“跨文化交際”Flash課件為例，基于認(rèn)知心理學(xué)、視覺心理學(xué)和教育心理學(xué)，討論了課件設(shè)計(jì)的統(tǒng)一性原則、模塊化原則、文本圖示化—圖片動(dòng)態(tài)化原則和放大有效區(qū)域原則。基于人才團(tuán)體心理學(xué)和“登門檻”效應(yīng)，討論了課件制作的分散—聚合原則和“登門檻”原則。需要說明的是，在“跨文化交際”Flash課件開發(fā)過程中，還遵循了美國(guó)當(dāng)代教育心理學(xué)家、認(rèn)知心理學(xué)家理查德.E.邁耶提出的多媒體設(shè)計(jì)七個(gè)原則，即多媒體認(rèn)知原則、空間接近原則、時(shí)間接近原則、通道原則、冗余原則、一致性原則和個(gè)體差異原則。[7]限于篇幅，本文沒有展開討論。筆者的開發(fā)實(shí)踐表明，恰當(dāng)?shù)剡\(yùn)用心理學(xué)理論能提升Flash課件開發(fā)的質(zhì)量和效率。☉

[1]季瑞芳.教育網(wǎng)站中Flash動(dòng)畫的設(shè)計(jì)與應(yīng)用研究[D].山東：山東師范大學(xué)，2008.

[2]視覺心理學(xué)[DB/OL].百度文庫(kù)，http://wenku.baidu.com/view/458fd5db50e2524de5187e97.html?from =rec&pos=0&weight=46&lastweight=10&count=5[2010-12-29].

[3]邵志芳.認(rèn)知心理學(xué)——理論、實(shí)驗(yàn)和應(yīng)用[M].上海：上海教育出版社，2009.

[4]徐方亮.認(rèn)知心理學(xué)理論在多媒體課件設(shè)計(jì)中的作用[J].當(dāng)代教育論壇，2007（8）：51-52.

[5]朱永新.合作學(xué)習(xí)與團(tuán)體心理學(xué)[EB/OL].http://www.zbchxl.com/?thread-83-1.html[2011-12-29].

[6]心理學(xué)登門檻效應(yīng)[DB/OL].百度文庫(kù)，http://wenku.baidu.com/view/96fa08160b4e767f5acfceb2.html[2010-12-29]

[7]（美）理查德.E.邁耶著，牛勇，邱香譯.多媒體學(xué)習(xí)[M].北京：商務(wù)印書館，2006.

（編輯：金冉）

TP311.56

B

1673-8454（2012）09-0064-04