基于Web的多媒體課件頁面設(shè)計

叢榮華

(長春師范學院傳媒科學學院,吉林長春 130032)

隨著因特網(wǎng)的迅猛發(fā)展,人們越來越重視對網(wǎng)絡(luò)資源的利用。網(wǎng)絡(luò)教學與傳統(tǒng)的計算機輔助教學相比,它可以更充分利用遍布世界各地的優(yōu)秀教育資源進行優(yōu)化組合,形成新的教學資源,并能與教師和學生進行廣泛的討論和交流,此外,網(wǎng)絡(luò)教學也給處于時空分離的師生提供了實時交互的可能。伴隨著Web技術(shù)的發(fā)展,網(wǎng)絡(luò)多媒體課件應(yīng)運而生了。Web本身具有統(tǒng)一的協(xié)議標準,能夠支持多種多媒體格式,可提供高度的交互性等諸多優(yōu)點,因此非常適合作為課件開發(fā)平臺。但是由于目前Web技術(shù)發(fā)展的局限性,使基于Web的課件方案也存在一些不足,主要是面臨網(wǎng)絡(luò)帶寬、網(wǎng)絡(luò)傳輸速度等問題的困擾。因此,在開發(fā)過程中必須對課件頁面進行優(yōu)化設(shè)計,以使之能夠在兼顧教學效果的同時也能在Web上很好地運行。

1 多媒體課件頁面設(shè)計存在的問題

多媒體課件不同于傳統(tǒng)的文字材料,它主要是以形象、直觀圖像等來表現(xiàn)教學內(nèi)容,因此頁面是學習者與計算機系統(tǒng)打交道的接口,是學習者與計算機進行信息交流的媒介或通道,信息傳輸是否暢通很大程度上取決于頁面的設(shè)計。所以頁面設(shè)計是否具有吸引力,能否通過視覺生理和心理機制產(chǎn)生視覺沖擊力是多媒體課件制作中的一個關(guān)鍵問題。因此,對頁面進行合理設(shè)計就可以增強信息的表達效果,較好地體會教學內(nèi)容中所蘊含情感,從而確保演示卓有成效,提升教學質(zhì)量。然而當前的多媒體課件在頁面的設(shè)計上仍存在著許多不如人意的地方,影響了信息的有效表達,其主要問題表現(xiàn)在以下幾個方面:

1.1 用過于花哨的對象來修飾課件

用過多的動畫、視頻、聲音等來修飾課件是目前課件制作中普遍存在的問題。有些設(shè)計者不能從課件制作的根本目的出發(fā),往往為了追求課件新奇,將一些與主題無關(guān)的內(nèi)容或動畫元素塞入課件中,使頁面雜而亂,干擾了主體內(nèi)容的表現(xiàn),同時又影響了網(wǎng)絡(luò)課件上傳和下載的速度,給學習者帶來了很多不必要的麻煩。

1.2 只注重技術(shù)的運用而忽略了內(nèi)容的表現(xiàn)

由于計算機技術(shù)的發(fā)展,多媒體課件在靜與動、抽象與具體間的變化、微觀放大、宏觀縮小,情景渲染和意境創(chuàng)造等方面都有其獨特的魅力,這種魅力吸引了人們對課件技術(shù)手段的過分關(guān)注。致使制作者將喜愛的動態(tài)效果盡情展出,將各種色彩及其效果著力表現(xiàn),展現(xiàn)出了課件絢麗多彩的技術(shù)手段,但卻喧賓奪主,干擾了內(nèi)容的表達。

1.3 盲目堆積信息

很多教師認為課件不用在課堂中書寫,多些信息內(nèi)容無所謂,有的教師甚至認為信息多會讓學生記住得多、理解得好,從而忽視了對內(nèi)容的概括性,把大量的文字、圖片、動畫等信息不加考慮地堆積到頁面上,忽視了學生的視覺感受。頁面是信息的窗口,一個頁面往往有一個核心的主題,盲目堆積信息非但不能提高信息的傳輸效率,反而干擾了獲得信息的效率。

1.4 忽視藝術(shù)性

很多設(shè)計人員在課件設(shè)計與開發(fā)中把注意力停留在內(nèi)容和功能上,人為地忽視了藝術(shù)性設(shè)計的要求。目前,盡管幾乎所有的設(shè)計開發(fā)者都強調(diào)在多媒體課件的設(shè)計和開發(fā)中應(yīng)將教育性、科學性、技術(shù)性、藝術(shù)性有機地結(jié)合起來,但又都不自覺地認為它們并不占有同等重要的地位,認為教育性、科學性是多媒體課件最根本、最重要的屬性,技術(shù)性、藝術(shù)性居于其次,人為地將它們割裂開來,降低了對課件藝術(shù)性設(shè)計的要求。

2 基于Web多媒體課件頁面藝術(shù)設(shè)計原則和方法

2.1 以人眼定位規(guī)律為指導(dǎo)設(shè)計頁面布局

一幅畫面的布局如何,不僅直接影響整體效果而且還會直接影響學生的學習效果,所以屏幕的布局至關(guān)重要。通過人眼定位研究表明:人們看到信息顯示時,第一眼往往看顯示屏左上部中間的位置,并迅速向順時針方向移動;而且人的感覺機制總是尋求有序、有意義的信息,在遭遇混亂時總是試圖強行建立有序結(jié)構(gòu)。因此,屏幕的編排應(yīng)該具有均衡、規(guī)整、對稱、可預(yù)料性、簡明、連續(xù)、比例協(xié)調(diào)等規(guī)律,以便于人們迅速地辨認和理解,一般情況下多媒體課件的屏幕構(gòu)成元素都具有如下放置規(guī)律,以圓的概念為例,見圖1。

圖1 圓的概念屏幕編排

教學屏幕就是多媒體課件開展教學活動的屏幕畫面,也是課件設(shè)計的重點。是多媒體課件完成教學任務(wù)的主要場所,在多媒體課件中,除封面、片尾、主界面外,其余畫面均為教學屏幕。教學屏幕反映了一定的教育思想、教學過程和教學策略,體現(xiàn)了各知識點的邏輯關(guān)系。

2.2 以感知規(guī)律為指導(dǎo)設(shè)計頁面內(nèi)容

頁面設(shè)計盡量做到簡潔友好,因為它將影響學習者的學習情緒,面對冷冰冰的教學媒體,學習者很難長時間保持學習熱情。因此頁面設(shè)計要注意從學習者的角度考慮,提供最簡捷的導(dǎo)航。此外,屏幕上信息點的分布結(jié)構(gòu),是學習者能否集中注意力于教學信息的關(guān)鍵。據(jù)研究表明,首先引起人們注意的是處在屏幕的右上方信息,應(yīng)將重要知識點以及希望引起用戶注意的信息放在屏幕右上方的位置。

2.3 以視覺心理規(guī)律為指導(dǎo)設(shè)計頁面色彩

色彩是一種對觀察者有強烈情緒影響和心理暗示作用的視覺因素。如,綠色富有生命力、鮮艷的紅色給人以活力。暖色調(diào)容易引起視覺注意而加快人們的時間知覺,但長時間注意易產(chǎn)生視覺疲勞,不同的配色方案也會產(chǎn)生不同的心理效應(yīng)。在課件制作中,先根據(jù)學習對象特點和本課程特色確定整體色調(diào),再依據(jù)教學信息的不同,添加變換不同的色彩,盡量做到整個頁面協(xié)調(diào)美觀,呈現(xiàn)主要信息時,盡可能淡化背景或用對比度較強的顏色和字體來擴大主體信息,幫助學習者獲取主要的學習信息。使所用的色彩和配色方案與課件內(nèi)容協(xié)調(diào)一致,既突出主體,又表意明確,使界面友好。

2.4 加快頁面下載的普遍原則

去除不必要的多媒體效果和內(nèi)容,如一些視頻、背景音樂等;優(yōu)先使用相同的圖形或多媒體內(nèi)容,如在RAM或硬盤上設(shè)置緩存來保存最近用到的圖形和文件等;對于不常用的或是文件較大的內(nèi)容,我們可以用語言進行標注,給用戶提供提示并說明下載時間等,這樣就可以避免不必要的下載,從而加快頁面下載的速度。

2.5 對素材優(yōu)化處理

減少圖形文件大小,如減小圖形面積、注意顏色安排——通過降低色彩深度使每一象素有較少的位數(shù)可使文件變小、調(diào)整圖像中的對比水平等。留心處理這些問題,通?？梢詼p少文件尺寸;對表格

3 結(jié)束語

隨著信息技術(shù)的發(fā)展,基于Web的多媒體CAI課件是未來多媒體課件的主要形式,也是將來發(fā)展網(wǎng)上教學的一個資源基礎(chǔ)。只要我們掌握課件界面的設(shè)計原理和方法,經(jīng)過反復(fù)實踐,就能夠設(shè)計出被廣大學習者所接受的多媒體課件,同時能解決目前網(wǎng)絡(luò)教育資源質(zhì)量差、資源匱乏、資源重建等問題。

[1]鄭春艷.多媒體課件頁面審美設(shè)計研究[J].呼倫貝爾學院學報,2008(2).

[2]錢永濤.關(guān)于多媒體課件的分析及制作[J].鄭州牧業(yè)工程高等?？茖W校學報,2009(3).

[3]馬佳琳.網(wǎng)絡(luò)多媒體課件中的頁面優(yōu)化[J].遼寧教育行政學院學報,2005(4).

[4]耿雯.多媒體CAI課件開發(fā)中頁面優(yōu)化的研究[J].重慶郵電大學學報:社會科學版,2007(6).

[5]田慧,黃子勤,葉惠明.多媒體畫面的構(gòu)圖藝術(shù)在教學課件制作中的應(yīng)用[J].天津城市建設(shè)學院學報,2003(6).

[6]張曉晶.多媒體課件的頁面構(gòu)設(shè)[J].中國科技信息,2008(22).

[7]劉庭杰,陳科藝.色彩在教學用多媒體課件中的應(yīng)用藝術(shù)[J].中國校外教育,2009(8).