張 霞，鄭小軍

（廣西師范學院 教育技術系，廣西 南寧 530023）

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

張 霞，鄭小軍

（廣西師范學院 教育技術系，廣西 南寧 530023）

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

Flash課件；心理學；課件設計；課件制作；原則；“跨文化交際”

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

一、課件設計原則

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

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

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

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

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

知覺的整體性是指一些單個的圖形傾向于被知覺為一個聚集在一起的整體。從知覺整體性的接近率、相似率等原則中可以看出，當一個整體中的各部分接近或相似時，學習者更容易從各部分中把握規(guī)律，從而掌握整體。[3]基于知覺的整體性，在課件的統(tǒng)一性原則中，最重要的是界面的統(tǒng)一。如果沒有統(tǒng)一風格的界面，而是一個單元一種界面，則學習者的視覺將會因應付過多的界面而疲憊；同時，學習者也會因不同界面的影響而難以把握課程的總體思想。“跨文化交際”課件除了采用統(tǒng)一的藍白主色調外，主界面及各單元的首頁等都設計了統(tǒng)一的界面，如圖1所示。（

3）導航統(tǒng)一

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

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

伸縮導航：為方便學習者隨意跳轉到各單元首頁，并保持整個課件的美感，各單元首頁的右側安放了一列垂直玻璃球型的伸縮導航——只有當鼠標滑過玻璃球型按鈕時，單元的跳轉按鈕才從右邊伸出來。

2.模塊化原則

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

（1）整體上的模塊化設計

根據學習者的認知發(fā)展規(guī)律，學習者總是習慣按照由簡到繁、由易到難、由整體到局部的規(guī)律進行學習?！霸诖髮W階段，學生的認知水平得到充分提高，學習策略遷移的主動性和自主性也得以加強?！?學生開始自定步調，自主選擇學習方法，并采用從整體到局部的認知規(guī)律（類似語文的“總—分—總”結構）進行學習，因為“先把握課程大方向，再細究局部”能使他們迅速掌握一門課的主要內容。“跨文化交際”課件從整體上采用模塊化和分層組織原則，如圖4所示。

（2）各模塊中的再模塊化設計

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

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

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

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

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

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

二、課件制作原則

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

1.分散—聚合原則

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

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

“跨文化交際”課件采用了“積件”思想，即一個模塊的內容制作在一個文件里，有多少個模塊就有多少個源文件，生成的就是與源文件對應個數的swf子課件，最后通過Flash的外部調用將這些不同模塊的swf子課件整合到主課件?；谶@種“積件”思想，大課件的制作可以依據互補效應和模塊劃分進行科學、合理的分工合作。如果要對課件進行修改，只要各自改好所負責的模塊 （子課件）即可。

（2）互勵和互助效應：互勵效應就是團隊成員在工作中互相鼓勵和影響，以促進工作的完成；而互助效應則是指在團隊成員遇到困難無法解決時，其他成員盡全力提供幫助，以期解決團隊所遇到的任何困難，最終達到完成任務的目的。

2.“登門檻”原則

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

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

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

三、結束語

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

[1]季瑞芳.教育網站中Flash動畫的設計與應用研究[D].山東：山東師范大學，2008.

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

[3]邵志芳.認知心理學——理論、實驗和應用[M].上海：上海教育出版社，2009.

[4]徐方亮.認知心理學理論在多媒體課件設計中的作用[J].當代教育論壇，2007（8）：51-52.

[5]朱永新.合作學習與團體心理學[EB/OL].http://www.zbchxl.com/?thread-83-1.html[2011-12-29].

[6]心理學登門檻效應[DB/OL].百度文庫，http://wenku.baidu.com/view/96fa08160b4e767f5acfceb2.html[2010-12-29]

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

（編輯：金冉）

TP311.56

B

1673-8454（2012）09-0064-04