視覺文本：關(guān)于課件設(shè)計(jì)的研究

步振華

摘 要：信息時(shí)代的到來，促使數(shù)字技術(shù)不斷地迭代升級(jí)，在現(xiàn)代教育技術(shù)發(fā)達(dá)的今天，設(shè)計(jì)教學(xué)中板書式的傳統(tǒng)表達(dá)已經(jīng)遠(yuǎn)遠(yuǎn)不能滿足人們學(xué)習(xí)的要求。強(qiáng)調(diào)視覺化體驗(yàn)的多媒體課件的出現(xiàn)與迅速普及，打破了傳統(tǒng)教學(xué)技術(shù)手段的局限，將抽象化的理論知識(shí)、經(jīng)典案例、技能方法、作業(yè)范例進(jìn)行重新編排，形成具有邏輯秩序和一定形式美感的視覺文本，成為教師傳道授業(yè)解惑的重要媒介。

關(guān)鍵詞：課件；設(shè)計(jì)；手法

0 前言

本文希望通過對(duì)具有代表性的課件設(shè)計(jì)案例及文獻(xiàn)進(jìn)行系統(tǒng)地收集與分析，針對(duì)課件類型和功能的不同進(jìn)行歸納與整理；對(duì)影響教學(xué)內(nèi)容傳達(dá)的視覺元素呈現(xiàn)的形式法則進(jìn)行歸納與分析，整理出設(shè)計(jì)課件的一般形式法則的參照體系；結(jié)合最新的技術(shù)手段與媒介語(yǔ)言，并嘗試分析非線性交互式多媒體課件設(shè)計(jì)與演示方式在教學(xué)中應(yīng)用的可能，進(jìn)而重構(gòu)為感性的視覺文本，達(dá)到提升傳授效果的目的。

1 課件設(shè)計(jì)概述

1.1 涵義

課件是根據(jù)教學(xué)大綱的要求，經(jīng)過確定教學(xué)目標(biāo)、教學(xué)內(nèi)容和任務(wù)分析、教學(xué)活動(dòng)結(jié)構(gòu)等環(huán)節(jié)，在遵循一定的視覺傳達(dá)形式法則的基礎(chǔ)之上，利用多媒體技術(shù)而設(shè)計(jì)制作的數(shù)字文件，是教師為學(xué)生傳道授業(yè)解惑的最重要、最普及的媒介，也稱之為“多媒體課件”。設(shè)計(jì)課件是一個(gè)將教學(xué)信息進(jìn)行視覺文本化的轉(zhuǎn)譯過程。其特點(diǎn)包括以下幾個(gè)方面：

豐富的表現(xiàn)力：多媒體課件不僅可以更加自然、逼真地表現(xiàn)多姿多彩的視聽世界，還可以對(duì)宏觀和微觀事物進(jìn)行模擬，對(duì)抽象、無形的事物進(jìn)行生動(dòng)、直觀的表現(xiàn)，以及對(duì)復(fù)雜過程進(jìn)行簡(jiǎn)化再現(xiàn)等，進(jìn)而使得教學(xué)活動(dòng)充滿了魅力。

良好的交互性：多媒體課件不僅可以在內(nèi)容學(xué)習(xí)的使用上提供良好的交互控制，而且可以運(yùn)用適當(dāng)?shù)慕虒W(xué)策略指導(dǎo)學(xué)生學(xué)習(xí)，更好地體現(xiàn)出“因材施教的個(gè)別化教學(xué)”。

極大的共享性：網(wǎng)絡(luò)技術(shù)的發(fā)展，多媒體信息的自由傳輸，使得教育信息在全世界交換、共享成為可能。以網(wǎng)絡(luò)為載體的多媒體課件，促進(jìn)了教學(xué)資源的共享。

多媒體課件在教學(xué)中的使用，提高了教學(xué)媒介的表現(xiàn)力和交互性，促進(jìn)了課堂教學(xué)內(nèi)容、教學(xué)方法、教學(xué)過程的全面優(yōu)化，提升了教學(xué)效果。但其可操作性略遜于傳統(tǒng)板書式教學(xué)模式。

1.2 發(fā)展現(xiàn)狀

課件制作的工具目前分為以下幾種：PowerPoint、Keynote、Flash、Adobe Acrobat、Authorware、幾何畫板、方正奧思等。呈現(xiàn)媒介形態(tài)目前分為以下幾種：PPT幻燈片、視頻課件、網(wǎng)頁(yè)課件、動(dòng)畫課件、APP網(wǎng)絡(luò)課件等。目前的課件設(shè)計(jì)存在以下問題：

第一，課件設(shè)計(jì)在視覺表現(xiàn)上產(chǎn)生了誤區(qū)——視覺饕餮盛宴，一味地追求動(dòng)畫效果、三維技術(shù)，界面花哨，變相地提升了課件設(shè)計(jì)的技術(shù)門檻，也偏離了課件用以輔助教學(xué)的原則，而且，過于夸張和花哨的課件也會(huì)在教學(xué)過程中分散學(xué)生的注意力。

第二，對(duì)于課件教學(xué)內(nèi)容的編排，大部分還是以單線性思維模式來組織，缺乏交互和導(dǎo)視設(shè)計(jì)。技術(shù)的匱乏導(dǎo)致課件只能以文字和靜態(tài)圖片的形式來闡釋抽象的教學(xué)信息內(nèi)容。這樣的課件表現(xiàn)形式單一，與傳統(tǒng)教材的電子版沒有什么區(qū)別，學(xué)習(xí)的時(shí)候容易產(chǎn)生枯燥、乏味、煩躁的情緒，加之演示環(huán)境的限制，最終導(dǎo)致教學(xué)效果大打折扣。

至此，針對(duì)課件設(shè)計(jì)的內(nèi)容結(jié)構(gòu)編排，一些專家學(xué)者提出了新的概念——非線性網(wǎng)絡(luò)課件，但目前還沒有一個(gè)明確的定義。字面的誤讀，使得大家普遍把超級(jí)文本鏈接作為非線性課件的定義標(biāo)準(zhǔn)。筆者認(rèn)為，非線性課件的核心思想就是要打破教師單向教學(xué)模式及學(xué)生被動(dòng)接受學(xué)習(xí)模式，為學(xué)生營(yíng)造積極、主動(dòng)及自適應(yīng)的學(xué)習(xí)環(huán)境，突出以“學(xué)生為中心”的學(xué)生內(nèi)隨機(jī)因素自組織的教學(xué)思想。

這一系列的問題，是我們每一位課件制作者和使用者必須關(guān)注的。可以設(shè)想根據(jù)學(xué)生認(rèn)知模型提供的信息，通過智能化的運(yùn)算與推理，動(dòng)態(tài)生成因人而異的教學(xué)的內(nèi)容與策略；通過智能診斷機(jī)制判斷學(xué)生的學(xué)習(xí)水平，分析學(xué)生產(chǎn)生錯(cuò)誤的原因，同時(shí)向?qū)W生提出更改建議，以及下一步學(xué)習(xí)內(nèi)容的建議；通過對(duì)全體學(xué)生出現(xiàn)的錯(cuò)誤分布統(tǒng)計(jì)，智能診斷機(jī)制將向教師提供教學(xué)重點(diǎn)、方式，測(cè)試重點(diǎn)、題型的建議等。

2 課件的功能與類型

2.1 功能分類

（1）演示展示。在教學(xué)常態(tài)中，專家學(xué)者講座使用課件將自己的學(xué)術(shù)思想和觀點(diǎn)提綱挈領(lǐng)地展現(xiàn)出來，并借用多媒體技術(shù)的表現(xiàn)形式使內(nèi)容更加活潑生動(dòng)，將信息傳達(dá)給學(xué)習(xí)者。

（2）闡釋解讀。借助多媒體技術(shù)生動(dòng)、清晰、全面地闡釋解讀以抽象的教學(xué)信息如概念、過程、技法等，使教學(xué)信息更加易讀，同時(shí)提升學(xué)生的學(xué)習(xí)興趣。

（3）媒介平臺(tái)。課件在多媒體技術(shù)的基礎(chǔ)上，結(jié)合當(dāng)下跨媒體協(xié)作的方式，將教學(xué)信息按照一定策略上傳至網(wǎng)頁(yè)、教學(xué)軟件、設(shè)備終端等平臺(tái)，進(jìn)而為大眾增加學(xué)習(xí)和練習(xí)的渠道。

2.2 類型分類

（1）課堂演示。這類課件通常應(yīng)用在課堂教學(xué)，是為了將某一學(xué)科的教學(xué)信息如概念、過程、技法等更加生動(dòng)形象地傳授給學(xué)生。

（2）自主學(xué)習(xí)。這類課件是在課堂教學(xué)之外，以獨(dú)立形式存在的媒介載體，如作業(yè)軟件、論壇、精品課程等，學(xué)生可以自由安排時(shí)間、地點(diǎn)來進(jìn)行自主式學(xué)習(xí)。

（3）資料檢索。這種類型的課件包括電子圖書、電子詞典、手機(jī)App①軟件以及各類試題庫(kù)等，在這類課件中會(huì)提供大類的教學(xué)資料以供學(xué)生課外檢索閱讀。

3 課件設(shè)計(jì)構(gòu)成關(guān)系

這里所指的構(gòu)成關(guān)系，旨在梳理出構(gòu)成課件設(shè)計(jì)中各要素之間邏輯關(guān)系和視覺表現(xiàn)方式，力求發(fā)現(xiàn)固有認(rèn)知的誤區(qū)，同時(shí)發(fā)現(xiàn)新的實(shí)現(xiàn)可能。

3.1 文本與課件

文本（Text）是書面語(yǔ)言的表現(xiàn)形式，②從文學(xué)的角度說，通常是指具有完整、系統(tǒng)含義（Message）的一個(gè)句子或多個(gè)句子的組合。文本是信息的載體，包含文字文本和視覺文本，是課件的核心信息的支撐體。

課件承載著文本所要傳達(dá)的信息內(nèi)容，它以視覺化的方式再現(xiàn)、詮釋文本。設(shè)計(jì)課件是由抽象符號(hào)向視覺化文本演變的過程，它將教學(xué)信息中抽象的文本信息，嚴(yán)格按照教學(xué)目的和適當(dāng)?shù)囊曈X傳達(dá)形式法則借助多媒體技術(shù)加以渲染、擬像、再現(xiàn)、律動(dòng)、漸變等，最后以視覺的形式再加以呈現(xiàn)。

3.2 文字與圖像

文字是人類把時(shí)空的影像變化轉(zhuǎn)譯成視覺可見的符號(hào)系統(tǒng)，是書寫記錄的視覺表意符號(hào)，是人類約定創(chuàng)造的視覺形式。圖像是人對(duì)視覺感知的物化再現(xiàn)，蘊(yùn)含多種含義，它既可以通過光學(xué)設(shè)備獲取，也可以人為創(chuàng)作，而且還可以記錄保存在紙質(zhì)媒介、膠片等對(duì)光信號(hào)敏感的介質(zhì)上。隨著數(shù)字采集技術(shù)和信號(hào)處理理論的發(fā)展，越來越多的圖像都采用以數(shù)字形式進(jìn)行存儲(chǔ)。因而，有些情況下“圖像”一詞實(shí)際上是指數(shù)字圖像，圖像又分為靜態(tài)圖像和動(dòng)態(tài)圖像。③

在課件設(shè)計(jì)的實(shí)際應(yīng)用當(dāng)中，文字是最常見的符號(hào)載體，但類似概念、原理、過程等較為復(fù)雜的教學(xué)信息，通過有組織有設(shè)計(jì)的文字進(jìn)行傳達(dá)，其準(zhǔn)確度較高。但是通過視覺圖像形式來傳達(dá)教學(xué)信息則更具直觀性，可以讓我們更加快速地理解文本內(nèi)容，同時(shí)還會(huì)在我們的記憶中形成語(yǔ)義編碼，有利于加深記憶。

3.3 圖表與動(dòng)畫

圖表（Infographics）是一個(gè)可讀、可視化的復(fù)合體系，由圖像、文字和數(shù)字結(jié)合而成，可使信息更形象地呈現(xiàn)。它幫助人們將隱含的、復(fù)雜的和含糊的信息內(nèi)容加以歸納編排，運(yùn)用特定的視覺化元素以顯著、鮮明、簡(jiǎn)單、直接、連貫的可視化方式更直觀地呈現(xiàn)出來。

迄今為止，大部分動(dòng)畫在課件設(shè)計(jì)中的作用僅停留在實(shí)現(xiàn)表層動(dòng)態(tài)技術(shù)或者簡(jiǎn)單的裝飾。但信息設(shè)計(jì)作為令人關(guān)注的新專業(yè)名詞在一些公共媒體里應(yīng)該得到實(shí)際應(yīng)用。筆者由此提出將課件設(shè)計(jì)納入信息設(shè)計(jì)的范疇，信息設(shè)計(jì)中的一些實(shí)用并可操作的設(shè)計(jì)方法和形式語(yǔ)言可以為課件設(shè)計(jì)提供一些借鑒。

3.4 課件與環(huán)境

隨著科學(xué)技術(shù)的迅猛發(fā)展，虛擬現(xiàn)實(shí)技術(shù)日趨成熟。在國(guó)外，虛擬現(xiàn)實(shí)技術(shù)已應(yīng)用于課堂教學(xué)。

虛擬現(xiàn)實(shí)技術(shù)在各方面展現(xiàn)出了強(qiáng)大的應(yīng)用可能性，蘊(yùn)藏了無限生機(jī)。它能夠?yàn)閷W(xué)生營(yíng)造生動(dòng)逼真的學(xué)習(xí)環(huán)境，學(xué)生能夠成為虛擬環(huán)境的一名參與者，在虛擬環(huán)境中扮演一個(gè)角色，這對(duì)調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性作用巨大。

4 課件設(shè)計(jì)敘事手法

課件教學(xué)的方式從無到有，多媒體技術(shù)的介入進(jìn)一步增強(qiáng)了視覺表現(xiàn)力。從靜態(tài)演示到交互參與，從平鋪直敘到非線性超鏈接，從單一媒介體到多媒介共同協(xié)作，筆者就現(xiàn)有的幾種教學(xué)信息敘事模式進(jìn)行分析。

4.1 陳述式

傳播學(xué)范疇內(nèi)，單線性陳述式模式最為直觀，也最能實(shí)現(xiàn)本體目的。教學(xué)課件以陳述的敘事方式來組織形式與內(nèi)容，是一種單線性思維教學(xué)模式。主要說明“是什么”的問題，這種依照教材“述而不作”式的教學(xué)，一般適用于初級(jí)的、具體的、事實(shí)性的知識(shí)傳授，有時(shí)也用于抽象邏輯推理前的必要知識(shí)貯備教學(xué)。這種習(xí)慣依照教材的陳述結(jié)構(gòu)來講授知識(shí)、羅列結(jié)論，其教學(xué)效果的極大值也不過是知識(shí)的堆壘，并不能進(jìn)一步提高學(xué)生的能力。

而在藝術(shù)類教學(xué)過程中，此種單線性思維教學(xué)模式對(duì)交叉性學(xué)科的知識(shí)傳播有局限性，所以很難激發(fā)學(xué)生的發(fā)散性思維。

4.2 交互式

多媒體課件設(shè)計(jì)的應(yīng)用，不僅僅讓課件成為具有多媒體元素的演示媒介，它最大的特點(diǎn)在于能實(shí)現(xiàn)人機(jī)交互，讓學(xué)生參與進(jìn)來，通過輸入、控制、選擇等方式進(jìn)行自主學(xué)習(xí)。這就決定了交互性是貫穿整個(gè)多媒體課件的。

在大家的通識(shí)記憶中，交互式即交互式教學(xué)系統(tǒng)，顛覆了傳統(tǒng)板書式教學(xué)模式，區(qū)別于常規(guī)軟件（如PowerPoint），是一種借鑒互聯(lián)網(wǎng)應(yīng)用特性所產(chǎn)生的教學(xué)模式。直觀地說，就是授課和反饋可以平行進(jìn)行。目前提到的交互式教學(xué)系統(tǒng)，主要都是基于交互式硬件設(shè)備的，如交互式電子白板、交互式液晶書寫屏、交互式液晶一體機(jī)等。相對(duì)于傳統(tǒng)的多媒體教學(xué)，交互式的優(yōu)點(diǎn)是教師在授課過程中可以直接在授課界面進(jìn)行課件的講解、批注、編輯等，教學(xué)十分方便。

筆者認(rèn)為真正將交互融入課件設(shè)計(jì)中必須具備兩個(gè)方面考慮：

（1）行為交互體驗(yàn)，即課件具備可操作性，可以通過教學(xué)媒介參與到學(xué)習(xí)中去

（2）視覺交互體驗(yàn)，即課件具備交互行為的同時(shí)，具備一定的視覺效果（形式），更需要具備符合人機(jī)工程學(xué)中的視知覺體驗(yàn)UI④+UE⑤。

在多媒體技術(shù)介入課件設(shè)計(jì)的當(dāng)下，我們一味追求花哨的用戶界面（UI）視覺效果設(shè)計(jì)，卻忽略了課件屬于數(shù)字化產(chǎn)品范疇的本質(zhì)問題。作為一個(gè)教學(xué)的媒介產(chǎn)品，本體包含內(nèi)容、用戶界面（UI）、操作流程、交互功能等多個(gè)方面元素，所以我們必須考慮用戶對(duì)課件使用感覺，從而進(jìn)行設(shè)計(jì)和研究，即UE設(shè)計(jì)。所以課件設(shè)計(jì)中的UI和UE是不可分割的。

4.3 非線性

非線性即non-linear，是指輸出、輸入不是正比例的情形。如宇宙形成初的混沌狀態(tài)。自變量與變量之間不成線性關(guān)系，成曲線或拋物線關(guān)系或不能定量，這種關(guān)系叫非線性關(guān)系。

其實(shí)非線性概念應(yīng)用最廣泛的是在電影、電視中，是相對(duì)傳統(tǒng)的線性敘事的一種敘事方式。針對(duì)課件設(shè)計(jì)的內(nèi)容結(jié)構(gòu)編排問題，一些專家學(xué)者提出了一種概念——非線性網(wǎng)絡(luò)課件，但目前還沒有一個(gè)明確的定義。

筆者從捷克1966年的交互式電影（interactive movie）《Kinoautomat ： One Man and His House》中獲得新的啟示。這部電影首先在情節(jié)編撰上，不再只采用單線性思維模式的敘事蒙太奇手法，⑥還加入了非線性思維模式平行蒙太奇手法和互動(dòng)環(huán)節(jié)，觀眾可以在影片中的互動(dòng)環(huán)節(jié)參與劇情，進(jìn)而獲得前所未有的心理體驗(yàn)。觀眾參與互動(dòng)環(huán)節(jié)的結(jié)果會(huì)導(dǎo)致多線程的情節(jié)走向，這種多線程的非線性敘事方式讓觀眾更加專注于難以預(yù)知的故事結(jié)局。此電影是歷史上第一部交互式電影雛形。2005年，北京電影學(xué)院孫立軍教授將此概念定義為第三代電影（數(shù)字交互式電影或數(shù)字互動(dòng)電影）。

至此，筆者發(fā)現(xiàn)一個(gè)共性，電影和課件都是傳遞信息的媒介，只不過是以不同的媒介形態(tài)呈現(xiàn)。還有一個(gè)表象性偶同，課件的早期形式為幻燈片，逐幀播放，電影也是相似的播放原理，便不再贅述。

那么，我們是否可以從電影中汲取一些靈感，將課件的設(shè)計(jì)更加靈活、人性化。由此，筆者迸發(fā)出一個(gè)實(shí)驗(yàn)性想法：選擇熟知的藝術(shù)教學(xué)領(lǐng)域的一個(gè)課題作為切入點(diǎn)，將非線性交互思路應(yīng)用到技法、概念、過程的傳授解讀。

5 課件實(shí)驗(yàn)性設(shè)計(jì)

“茶·器”關(guān)于茶道中杯子的制作：

以陶藝專業(yè)的一門分支課程中的課題“茶·器”作為切入點(diǎn)，這類實(shí)物制作的專業(yè)教學(xué)，其授課重心只停留在“做”的層面，而對(duì)此類器物的文化介紹則是一帶而過，甚至直接跳過。

作者將結(jié)合UE視覺傳達(dá)設(shè)計(jì)理念對(duì)這門傳統(tǒng)手工藝課程教學(xué)的課件設(shè)計(jì)進(jìn)行重構(gòu)，打破這門課程的時(shí)空局限性，讓更多的人能在沒有實(shí)踐條件的情況下得到身臨現(xiàn)場(chǎng)的體驗(yàn)。

借助PPT里的專場(chǎng)動(dòng)畫、圖形運(yùn)動(dòng)等功能，配合背景音樂對(duì)演示內(nèi)容進(jìn)行節(jié)奏控制。同時(shí)配合展覽需要，一改傳統(tǒng)展示思路，用陶藝專業(yè)實(shí)驗(yàn)室教學(xué)黑板上的二次創(chuàng)作實(shí)物作為背景展示元素，可以實(shí)現(xiàn)即興交互。在形式表現(xiàn)上構(gòu)成鮮明對(duì)比，但在內(nèi)容上仍保持互文的關(guān)系。（具體參見南京藝術(shù)學(xué)院設(shè)計(jì)學(xué)院畢業(yè)作品欄目）。

注釋：①根據(jù)某些學(xué)科開發(fā)的手機(jī)端的應(yīng)用程序，此程序里涵蓋這類課程的所有知識(shí)點(diǎn)，方便學(xué)生隨時(shí)檢索學(xué)習(xí)。

②text.維基百科（英），引用日期2012-06-22。

③圖像 維基百科，引用日期2010年6月1日。

④User Interface的縮寫。字面意思是“用戶界面”，一般指用戶界面規(guī)劃，流程上的設(shè)計(jì)。

⑤UX（UX）：User Experience的縮寫。

⑥敘事蒙太奇是按事物的發(fā)展規(guī)律、內(nèi)在的聯(lián)系、時(shí)間順序，把不同的鏡頭連接在一起，敘述一個(gè)情節(jié)，展示一系列事件的組接方法。敘事蒙太奇也稱“連續(xù)蒙太奇”，它的任務(wù)是保持?jǐn)⑹鰧?duì)象的時(shí)空連續(xù)性，即接在一起的幾個(gè)鏡頭在時(shí)間上是連續(xù)進(jìn)行的，在空間上是相互聯(lián)系的整體。敘事蒙太奇能夠清晰地表達(dá)事件的發(fā)展和運(yùn)動(dòng)的連貫，使觀眾產(chǎn)生流暢、明白的感覺。

⑦史蒂夫·喬布斯在為Macworld Conference and Expo和其他蘋果公司的活動(dòng)中主題演講。

⑧《設(shè)計(jì)基礎(chǔ)》精品課程網(wǎng)絡(luò)交互平臺(tái)。

⑨南京藝術(shù)學(xué)院設(shè)計(jì)學(xué)院2011級(jí)選課專業(yè)介紹課件群。

⑩主講教師：陸斌，《傳統(tǒng)陶瓷工藝基礎(chǔ)》PPT課件。

參考文獻(xiàn)：

[1] 魯?shù)婪颉ぐ⒍骱Ｄ罚溃?藝術(shù)與視知覺[M].滕守堯，譯.中國(guó)社會(huì)科學(xué)出版社，1984.

[2] 曹方.視覺傳達(dá)設(shè)計(jì)原理[M].江蘇美術(shù)出版社，2005.

[3] 保羅·芝蘭斯基，瑪麗·帕特·費(fèi)希爾.色彩概論[M].文沛，譯.上海人民美術(shù)出版社，2004.

[4] 馮健親.色彩[M].江蘇美術(shù)出版社，1994.

[5] DonaldA.Norman（美）.情感化設(shè)計(jì)[M].付秋芳，程進(jìn)三，譯.北京：電子工業(yè)出版社，2005.

[6] 李慶玲，馬秀峰.巧用“知識(shí)腦圖”優(yōu)化課件設(shè)計(jì)——CAI課件設(shè)計(jì)的新思維[J].中國(guó)現(xiàn)代教育裝備，2005 （5）：38-40.

[7] 馬秀香.教學(xué)課件設(shè)計(jì)視覺語(yǔ)言的要素與優(yōu)化組合[J].寧夏師范學(xué)院學(xué)報(bào)，2005，26（3）：82-85.

[8] 陳端端.多媒體課件視覺傳達(dá)效應(yīng)研究[D].南京藝術(shù)學(xué)院，2008.

[9] 張伯邑，李芳.多媒體課件視覺信息傳達(dá)的設(shè)計(jì)策略[J].長(zhǎng)沙鐵道學(xué)院學(xué)報(bào)（社會(huì)科學(xué)版），2008，9（4）：145-146.