孔凡振 任玉娥

摘要：精心設計網(wǎng)課畫面是提高網(wǎng)課質量的關鍵。本文以多媒體認知理論為基礎，分析了網(wǎng)課的學習過程，提出了網(wǎng)課畫面知識信息的呈現(xiàn)原則，以及畫面的藝術原則，在此基礎上，以常見網(wǎng)課畫面的設計為例提出了修改方案，并在交互性的應用方面給出了交互微課實例。

關鍵詞：網(wǎng)課;畫面設計;交互微課

中圖分類號：G434? 文獻標識碼：A? 論文編號：1674-2117（2020）22-0000-03

2020年新冠肺炎疫情期間，全國大中小學生通過網(wǎng)課實現(xiàn)了停課不停學。網(wǎng)課突破了時空的限制，廣受學生歡迎。但是，不少網(wǎng)課在設計上比較隨意，導致畫面中內容雜亂，缺乏組織，缺少美感，從而影響了學習效果。畫面的設計是影響網(wǎng)課質量的重要因素，因為畫面是教學內容的載體，是師生交流的窗口。筆者總結了常見的網(wǎng)課畫面設計，畫面中的內容主要有標題、背景音、背景圖、圖像、文字、字幕、教師頭像、裝飾動畫等。如何選取并組織這些內容？如何讓畫面變得美觀易用呢？筆者試圖從網(wǎng)課的學習過程及常見的設計原理中尋找答案。

● 網(wǎng)課的學習過程分析

美國著名教育心理學家奧蘇貝爾認為，學生的學習主要是有意義的接受學習，網(wǎng)課的學習也是如此。當然，接受學習并不等同于機械學習，有意義接受學習新知識的過程是學生積極主動構建知識的過程。[1]理查德·E·邁耶在雙重通道、容量有限和主動加工的假設下提出了多媒體學習的認知理論模型，如下圖所示。

此模型解釋了網(wǎng)課的學習過程：學生觀看屏幕上的圖畫，閱讀文字或收聽語音來選擇信息，并結合已有的知識經(jīng)驗，對新知識進行理解與整合，最終形成自己的知識結構。所以，科學合理地設計網(wǎng)課畫面，讓學生快速準確獲取信息，理解知識的組織結構，是網(wǎng)課畫面設計追求的目標。

● 網(wǎng)課畫面中知識信息的呈現(xiàn)原則

1.呈現(xiàn)清晰，引導多樣

不少學生用手機或平板上網(wǎng)課，這些設備屏幕尺寸較小，所以教師在設計網(wǎng)課時應保證畫面中的文字、圖片大小合適，數(shù)量恰當。畫面中的教學內容不應追求多而全，把關鍵信息簡潔清晰地展示出來，既能減少無關信息的干擾，又有利于學生準確快速選擇信息，從整體上理解知識之間的關系。必要的細節(jié)說明應該在學習者已經(jīng)形成了基本因果關系體系連貫的心理表征之后再呈現(xiàn)。[2]

在網(wǎng)課畫面中設置有效的引導可以幫助學生減少尋找信息的時間，促進學生將圖文信息整合成為連貫、一致的心理表征。在畫面中建立引導的方式有很多，如箭頭的指引、動畫、高亮或改變字體、顏色、大小等，用鼠標或手寫筆進行指引也非常方便有效。

2.圖文聲像科學搭配、合理組織

圖文聲像的結合是網(wǎng)課的優(yōu)勢，同時也能直觀形象地表征知識。然而，圖文聲像素材要謹慎選取、科學搭配、合理組織。空間接近原則與時間接近原則是重要的指導思想，即文字材料與對應圖片應該在空間上保持接近，在時間上保持同步。例如，字幕的出現(xiàn)要與相關的語音、文字、畫面內容保持同步，而且在選擇全字幕還是概要字幕呈現(xiàn)時也要精心設計。影視節(jié)目一般是選擇全字幕，因為觀眾觀看時一般不需要心理努力，聽聲音、觀圖像、看字幕可同時進行，但在網(wǎng)課的學習中，學生需付出較大的心理努力，字幕有可能導致認知負荷過載，阻塞學習通道。一般來說，在講解陳述性知識時，全字幕能幫助學生獲得更多的學習數(shù)量，陳述性知識的概要字幕能幫助學生提高學習質量;在講解程序性知識時，概要字幕能使學生同時獲得更多的知識信息。[3]所以，在畫面中加入圖文聲像要尊重內容特點和學生的認知規(guī)律。

3.恰當設置背景，避免喧賓奪主

網(wǎng)課畫面的背景主要有圖片背景和聲音背景，好的背景雖然不能傳遞知識，卻能愉悅心情，激發(fā)學習熱情。不好的背景可能會使無關的內容喧賓奪主，干擾學習。設計背景主要依據(jù)教學內容及其難易程度而定。一般來說，教學內容越難，圖片背景線條要越簡單暗淡，甚至純色填充，與教學內容無關的聲音背景也應排除。如果學習內容簡單或者課堂留白，如課前、課中休息或課堂結尾，背景就應凸顯，應設置漂亮的圖片，播放動聽的音樂，讓學生得到放松調整。

另外，畫面中也可以加入教師頭像，這樣能使網(wǎng)課更有“現(xiàn)場感”，進而促進師生交流。但加入教師頭像要謹慎，不當?shù)念^像極易吸引學生的注意力，干擾學生學習。例如，畫面中教師頭像占比過大，美顏過度，鏡頭距離太近導致面部變形等。其實，教師頭像不必一直出現(xiàn)在畫面中，可以適時出現(xiàn)或退出，出現(xiàn)時要大方得體、和藹可親，既能拉近師生距離，又不影響學生學習。

● 網(wǎng)課畫面的藝術原則

網(wǎng)課既要注重知識信息的呈現(xiàn)，也要注意構成畫面的藝術規(guī)律，以確保知識信息的準確表達和學習環(huán)境的美化。

1.畫面的整體布局

畫面的不同區(qū)域承載不同的功能，應避免教學內容隨意分布在畫面中。可將教學畫面分割為信息區(qū)和美化區(qū)，一般情況下，信息區(qū)占整個畫面的百分之六十到七十，不僅符合教學原則，而且符合藝術原則。[4]美化區(qū)一般在畫面的四周，由純色、紋理或圖片填充，中央?yún)^(qū)域為信息區(qū)，用來展示教學內容。重要信息應該圍繞視覺中心安排，視覺中心在屏幕中線靠上的位置，是視線最容易集中的地方。教學內容的分布應該具有均衡、有序、相對對稱的美感，當然，一些專業(yè)的設計中也會出現(xiàn)大塊的留白或夸張的結構，但這需要較高的設計水平。

2.親密性、對齊、重復、對比

視覺美感產(chǎn)生于有序與和諧之中，這是構圖藝術應遵循的指導思想?！秾懡o大家看的設計書》中提出了設計的四個原則：親密性、對齊、重復、對比。這些原則對網(wǎng)課畫面設計有重要的指導意義。

親密性原則要求將關系密切的知識排列在一起，形成一個視覺單元，讓學生憑直覺就能辨認出哪些內容是一起的。對齊原則要求頁面上的每一項都與頁面上的另外一項存在某種視覺上的聯(lián)系。[5]對齊能使畫面整潔有條理，也能體現(xiàn)出知識的組織關系。例如，一級標題左對齊，二級標題空兩格左對齊，學生憑直覺就能分清它們的層級關系。

遵循重復原則的目的是使畫面的設計風格、組織結構趨于統(tǒng)一。重復可以增強視覺效果，如在相同的位置設置標題、頁碼，標識線等，整個網(wǎng)課就變成了一個整體，每個畫面都不再是孤立的，而是整體中的一部分。

對比原則可以讓畫面免于平淡，通過視覺上的差異來制造視覺焦點。對比的目的就是要形成區(qū)分，讓學生一眼就能感受到不同，所以，對比一定要明顯，要一眼就能辨析出差異。

3.合理利用字體與顏色

字體之間存在著協(xié)調和沖突的關系。如果使用相似的字體，并且在樣式、大小、粗細等方面沒有變化，就會產(chǎn)生協(xié)調關系，但協(xié)調有時會讓畫面變得單調乏味。而結合多種字體，并在樣式、大小、粗細方面運用變化，就會產(chǎn)生對比，使得內容得以強調，但也不能變化太多，否則畫面會顯得雜亂，產(chǎn)生沖突而不利于表達。

合理搭配字體顏色可以讓畫面變得賞心悅目。字體顏色與背景色應形成鮮明的對比以使內容突出，背景色一般選用純度與亮度低的顏色，而文字正好相反。在進行色彩搭配時，筆者建議使用色輪工具。色輪的基礎色是黃、紅、藍三色，將這三種顏色等距分配到圓環(huán)上，把相鄰的兩種顏色等量混合而生成。具體使用規(guī)則如下：強調用互補色（色輪中相對的顏色），雙色搭配用三色組（色輪中夾角為120度的顏色），三色搭配用分裂互補三色組（互補色中一種顏色與另一種顏色相鄰的兩側的顏色）。

● 畫面中的交互功能

在網(wǎng)絡教學中，較好的交互功能能夠激發(fā)學生的學習熱情。交互形式主要有生生交互、師生交互、人機交互。在直播課中，利用專業(yè)的教學直播軟件能夠實現(xiàn)學生提問展示、試題測試、討論區(qū)發(fā)言等功能。直播課的交互功能豐富，但也有明顯缺陷，如師生必須同時在線，學生無法自主控制學習進程等。

交互微課則能夠彌補直播課的不足。交互微課就是在普通微課中加入按鈕、導航、測試等功能，實現(xiàn)在重難點處自動暫停、重點環(huán)節(jié)導航直達、測試題的自動反饋等功能，并且學生可以自主控制學習進程。制作交互微課的常用軟件有Camtasia、Active Presenter等。[6]

直播課與交互微課相互配合，可以使交互功能得到最好的發(fā)揮，提升網(wǎng)課的質量。

● 總結

在網(wǎng)課畫面的設計中，運用上述原則和標準，能提升網(wǎng)課的質量。但這些標準不是固定不變的，設計有法，但無定法，需要不斷創(chuàng)新。只要教師尊重教學內容，尊重學生的認知規(guī)律，尊重教育學、心理學等科學原理，任何大膽的探索都有積極意義。

參考文獻：

[1]李培.奧蘇貝爾的有意義接受學習理論在高中數(shù)學教學中的應用研究[D].濟南：山東師范大學，2015.

[2]理查德·邁耶.多媒體學習[M].牛勇，邱香，譯.北京：商務印書館，2006.

[3]王雪，王志軍，候岸澤.網(wǎng)絡教學視頻字幕設計的眼動實驗研究 [J].現(xiàn)代教育技術，2016（02）：45-51.

[4]游澤清.多媒體畫面藝術基礎[M].北京：高等教育出版社，2003.

[5]（美）威廉斯（Williams）.寫給大家看的設計書[M].北京：人民郵電出版社，2009.

[6]孔凡振.高中數(shù)學交互微課的設計——以概念課、習題課、難題課交互微課設計為例[J].中國信息技術教育，2020（07）：92-95.