朱世昕　李月玲

摘 要：多媒體演示型課件在教學(xué)中應(yīng)用非常廣泛，將視覺邏輯理論應(yīng)用于課件設(shè)計(jì)中，對(duì)學(xué)生的理解與記憶有著很大的幫助。文章分析了傳統(tǒng)書籍與多媒體課件視覺化呈現(xiàn)的特點(diǎn)，對(duì)多媒體課件的視覺邏輯進(jìn)行了深入挖掘，提出了多媒體演示課件的視覺邏輯建構(gòu)方案。

關(guān)鍵詞：演示型課件;視覺邏輯;認(rèn)知負(fù)荷;視覺單元

中圖分類號(hào)：G434? ? ? ? ? 文獻(xiàn)標(biāo)志碼：A? ? ? ? ? 文章編號(hào)：1673-8454（2020）14-0084-04

一、引言

多媒體演示課件是根據(jù)一定的教學(xué)目標(biāo)與教學(xué)設(shè)計(jì)，對(duì)特定的信息通過視覺化的設(shè)想、計(jì)劃、處理與呈現(xiàn)，結(jié)合教師的講授，最后實(shí)現(xiàn)知識(shí)傳達(dá)的目的。

隨著多媒體教室的普及，課堂教學(xué)從書籍加板書發(fā)展到視覺效果極其豐富的多媒體演示，引起了學(xué)生參與課堂教學(xué)活動(dòng)的新鮮感和興趣，極大地提高了信息傳達(dá)的效能。教師對(duì)信息的呈現(xiàn)觀念和手法也要遵照一定的章法和維度。課件設(shè)計(jì)從功能上來看，是通過視覺呈現(xiàn)傳達(dá)信息，因此涉及到視覺傳達(dá)設(shè)計(jì)相關(guān)理論[1];從傳達(dá)方式和手段來看，涉及到認(rèn)知心理學(xué)和設(shè)計(jì)心理學(xué)等相關(guān)理論;從表現(xiàn)形式來看，涉及到版式設(shè)計(jì)的相關(guān)理論。若課件信息的視覺化呈現(xiàn)不當(dāng)，則無法達(dá)到預(yù)期的信息傳達(dá)效果，甚至?xí)璧K學(xué)生正確理解教師所要傳達(dá)的知識(shí)與技能，因此課件設(shè)計(jì)的視覺邏輯必須科學(xué)構(gòu)建。

二、傳統(tǒng)書籍與多媒體課件的視覺化呈現(xiàn)特點(diǎn)

相關(guān)研究表明，我們關(guān)于外部世界的信息中80%是通過視覺獲得的[1]，進(jìn)一步強(qiáng)調(diào)了通過視覺獲取信息的重要性。課堂上學(xué)生閱讀書籍、閱讀課件都是教學(xué)環(huán)節(jié)中的視覺接收信息方式，兩種方式的呈現(xiàn)特點(diǎn)與視覺邏輯有巨大差異。

1.傳統(tǒng)書籍的視覺化呈現(xiàn)特點(diǎn)

傳統(tǒng)書籍的結(jié)構(gòu)由封面、扉頁、目錄、正文、標(biāo)題、頁碼、輔文（版權(quán)頁、前言、后記、引文、注文、附錄、索引、參考文獻(xiàn)）等構(gòu)成。書籍的結(jié)構(gòu)固定，邏輯清晰，交互方便。

閱讀傳統(tǒng)書籍時(shí)，信息載體是面積既定的紙張，閱讀者與書籍距離大概30cm，書籍版式設(shè)計(jì)的元素單一，以文字為主，邏輯結(jié)構(gòu)單一，邏輯順序是從左到右、從上到下、從前到后，其間設(shè)計(jì)目錄與頁碼，便于閱讀過程中跳轉(zhuǎn)、選擇。大、中、小標(biāo)題與內(nèi)容顯示信息的層級(jí)，便于讀者理解。

讀者可以任意尋找自己所需要的信息，一對(duì)一交互自由。閱讀者一般以線性結(jié)構(gòu)閱讀，對(duì)于書本的外部認(rèn)知負(fù)荷低。缺點(diǎn)也很明顯，書籍的圖版率一般較低，對(duì)于青少年或者不經(jīng)常閱讀的讀者來說枯燥乏味。

2.演示型多媒體課件

演示型多媒體課件中信息傳達(dá)本體為文字與圖像，影響邏輯表達(dá)的視覺要素有文字的樣式、圖形、色彩、動(dòng)畫。演示型課件結(jié)構(gòu)一般為封面、目錄、內(nèi)容與致謝，內(nèi)容部分形式多樣，呈現(xiàn)復(fù)雜，根據(jù)教學(xué)設(shè)計(jì)靈活布局。

演示型多媒體的使用與書籍的使用完全不同。配合教師的講解，課件的交互權(quán)在教師方，展示的節(jié)奏由教師控制，受眾為學(xué)生，呈一對(duì)多模式。課件的設(shè)計(jì)者一般為教師本人，設(shè)計(jì)時(shí)要充分考慮到演示時(shí)的環(huán)境因素，例如演示載體是投影幕還是屏幕（后統(tǒng)稱屏幕）、屏幕面積大小、學(xué)生與屏幕最遠(yuǎn)距離（一般教室或階梯教室）等，還要考慮到學(xué)生來不及記筆記通過拍照片留存信息時(shí)信息的完整性、可視化與易通性。

課件設(shè)計(jì)的終極訴求是信息的快速有效傳遞。如果按照書籍的視覺邏輯，學(xué)生無法在短時(shí)間內(nèi)閱讀完畢并提取關(guān)鍵信息。因此需要設(shè)計(jì)者通過一系列的科學(xué)邏輯表達(dá)手法來達(dá)到目的。

三、建構(gòu)演示型課件視覺邏輯

人類對(duì)新知識(shí)的認(rèn)知過程并不是被動(dòng)的，而是根據(jù)大腦已有的圖式有序進(jìn)行[2]。演示型課件中包含了多種媒體形式，圖文、音頻、視頻、動(dòng)畫需要有序而又條理清晰地呈現(xiàn)出來，最大可能地和人的思維深度掛鉤。

以視覺心理和生理的認(rèn)知規(guī)律為依托，構(gòu)建科學(xué)的視覺邏輯，需要進(jìn)行如下四個(gè)步驟：

1.劃分信息層級(jí)，構(gòu)建版面規(guī)則

課件中所要呈現(xiàn)的文字內(nèi)容有一定的層級(jí)關(guān)系，這與書籍的版式呈現(xiàn)相一致，包括一級(jí)標(biāo)題、二級(jí)標(biāo)題、正文、注釋等，課件要將這些層級(jí)關(guān)系用視覺樣式展示出來。學(xué)生在閱讀課件頁面上的信息時(shí)，通過視覺呈現(xiàn)了解各視覺元素之間的邏輯關(guān)系。

如何將它的各個(gè)組成部分組合成起來呢？組織這種關(guān)系所依靠的法則是相似性法則，即相互類似的事物在視覺中總是被聯(lián)系到一起[1]。同一層次的信息內(nèi)容采用統(tǒng)一的視覺樣式呈現(xiàn)，在知覺中便會(huì)形成固定的認(rèn)知。課件的結(jié)構(gòu)為標(biāo)題頁、目錄頁、子標(biāo)題頁、內(nèi)容頁、小結(jié)頁、總結(jié)頁、結(jié)束頁等，例如子標(biāo)題頁、小結(jié)頁出現(xiàn)多次時(shí)，采用統(tǒng)一的視覺樣式，當(dāng)展示到小結(jié)頁時(shí)，通過視覺將信息傳達(dá)給學(xué)生：這一章即將結(jié)束，下一章即將開始。內(nèi)容頁中會(huì)出現(xiàn)一級(jí)標(biāo)題、二級(jí)標(biāo)題、內(nèi)容文字、案例、注釋等，每一項(xiàng)內(nèi)容都采用統(tǒng)一的版式，由統(tǒng)一的視覺呈現(xiàn)來傳達(dá)信息的層級(jí)關(guān)系。明確的文字層級(jí)由嚴(yán)格的視覺樣式來呈現(xiàn)，以此構(gòu)建整個(gè)版面的邏輯結(jié)構(gòu)。

2.去除外部負(fù)荷，甄選視覺元素

濫用素材是課件設(shè)計(jì)中的常見誤區(qū)之一。很多教師按照自己的喜好，隨意添加與教學(xué)內(nèi)容無關(guān)的視覺元素，以為可以吸引學(xué)生的注意力，提高學(xué)習(xí)積極性，實(shí)際效果恰恰相反。有相關(guān)研究表明，圖像、GIF動(dòng)圖、音效、動(dòng)畫等視覺元素的視覺度都遠(yuǎn)遠(yuǎn)大于文字，如與教學(xué)內(nèi)容無關(guān)，則大大增加了學(xué)生的外部認(rèn)知負(fù)荷，分散了學(xué)生的注意力，反而無法辨識(shí)真正的知識(shí)點(diǎn)[3]。因此教師在設(shè)計(jì)課件時(shí)，需要甄選視覺元素，頁面上只留下與教學(xué)內(nèi)容相關(guān)的圖文信息。

3.組織視覺單元，明確邏輯關(guān)系

多媒體演示型課件中的多媒體包括了圖、文、動(dòng)畫、視頻、音頻等，除了音頻，其他均在視覺上有所呈現(xiàn)。如何將多種視覺媒體的信息傳達(dá)變得具有秩序感與邏輯性，則需要對(duì)其在視覺上進(jìn)行編排整理，即將內(nèi)容有關(guān)聯(lián)的多個(gè)元素組織為一個(gè)視覺單元[4]，而不是孤立的媒體元素。內(nèi)容有關(guān)聯(lián)的元素，例如小標(biāo)題與內(nèi)容文字、圖片與說明文字、肖像與名字，我們?cè)谧霭媸皆O(shè)計(jì)時(shí)要將其組織為一個(gè)視覺單元，明確多項(xiàng)視覺元素之間層級(jí)關(guān)系與所屬關(guān)系，并通過版式設(shè)計(jì)展示出來。

（1）常見問題

課件中常見的視覺單元邏輯表達(dá)混亂有如圖1所示的六種情況：

留白混亂?？臻g留白設(shè)計(jì)不合理，將無關(guān)內(nèi)容放置到一起，相關(guān)內(nèi)容之間卻使用留白，給學(xué)生以錯(cuò)誤的引導(dǎo);視覺元素之間空間設(shè)置模糊，學(xué)生無法判斷該視覺元素的層級(jí)關(guān)系與所屬關(guān)系。圖1a所示的案例中，四項(xiàng)內(nèi)容的標(biāo)題應(yīng)該更靠近同一單元的內(nèi)容文字。修改后的關(guān)系如圖2g所示，元素之間所屬關(guān)系明確。

大小混亂。文字的樣式?jīng)Q定了文字的層次關(guān)系，標(biāo)題的顏色要更加醒目，字號(hào)要更大一些。同一層次的內(nèi)容要采用統(tǒng)一的樣式來呈現(xiàn)。從用戶體驗(yàn)角度來說，相同的樣式所呈現(xiàn)的內(nèi)容為同一層次。圖1b中的大標(biāo)題、中標(biāo)題字號(hào)反而小于內(nèi)容文字，這樣學(xué)生閱讀時(shí)無法判斷標(biāo)題層次，或者判斷錯(cuò)誤。

干擾混亂。奧卡姆剃刀定律的“如無必要，勿增實(shí)體”同樣適用于課件設(shè)計(jì)中，無論哪種類型的視覺元素，都不得以增加學(xué)生的外部認(rèn)知負(fù)荷為標(biāo)準(zhǔn)。如圖1c中與教師要呈現(xiàn)的教學(xué)內(nèi)容完全無關(guān)的米奇頭像直接影響了閱讀效果，必須去掉。

虛實(shí)混亂。虛實(shí)即色彩對(duì)比，色彩的綜合對(duì)比強(qiáng)烈為實(shí)，對(duì)比減弱為虛。色彩的對(duì)比在邏輯關(guān)系上起到了很大的作用。色彩對(duì)比越強(qiáng)烈，視覺度越高，標(biāo)題的樣式中，色彩要更醒目，筆畫更重，內(nèi)容文字采用的色彩對(duì)比較輕，筆畫也較細(xì)一些。

色相混亂。課件設(shè)計(jì)在文字色彩的選取中，一般采用低純度字色（即接近無彩色），如選取有彩色系，需遵循色彩的使用規(guī)律，同一視覺單元采用同一色相，或者統(tǒng)一層次的標(biāo)題和內(nèi)容采用同一色相。

引導(dǎo)混亂。隨意添加點(diǎn)線面或者視覺元素，會(huì)造成錯(cuò)誤的引導(dǎo)，如圖1f，橫線將呈現(xiàn)的內(nèi)容劃分為上下兩個(gè)部分，學(xué)生無法通過版式判斷標(biāo)題與下面兩個(gè)視覺單元之間的關(guān)系。

（2）呈現(xiàn)策略

層次關(guān)系明確的情況下，通過留白分割、底色分割、線條分割等將每一個(gè)信息單元視覺化呈現(xiàn)（如圖2所示），有助于組織信息，避免混亂，為學(xué)生提供清晰的結(jié)構(gòu)[4]。

留白分割。通過頁面留白進(jìn)行明確的組別區(qū)分。距離相近的元素很容易被看作同一視覺單元，這種通過空間留白來實(shí)現(xiàn)視覺上的邏輯所屬關(guān)系布局為留白分割，如圖2g所示。留白分割在版式設(shè)計(jì)中最為常見，在設(shè)置行距時(shí)，一般采用距離適中的1.5倍也是同理，目的是將每一行作為一個(gè)小的視覺單元，閱讀時(shí)不會(huì)串行。需要注意的是，留白的寬度不宜太寬，否則會(huì)減小使用面積;也不宜太窄，否則會(huì)模糊邏輯關(guān)系。

底色分割。概念的形成開始于對(duì)形狀的知覺中[2]。用色塊作為底色，將聯(lián)系緊密的內(nèi)容放在同一色塊上，在視覺上顯示為同一視覺單元。這種通過設(shè)置底色來實(shí)現(xiàn)視覺上的邏輯關(guān)系表達(dá)的方式為底色分割，如圖2h所示。選擇底色時(shí)，與背景色的明度、純度或色相的對(duì)比要弱，否則會(huì)混淆之上一級(jí)的邏輯關(guān)系。

線條分割。通過細(xì)線來作視覺引導(dǎo)，將邏輯關(guān)系聯(lián)系不緊密的內(nèi)容分開，而聯(lián)系緊密的內(nèi)容則被劃分到同一視覺單元內(nèi)，這種通過引導(dǎo)線來實(shí)現(xiàn)視覺上的邏輯關(guān)系表達(dá)方式為線條分割，如圖2i所示。線條的粗細(xì)與顏色的選取也不宜太過明顯，否則會(huì)混淆之上一級(jí)的邏輯關(guān)系。

色相區(qū)分。不同項(xiàng)目的內(nèi)容信息用不同色相來呈現(xiàn)，這種分割方式為色相區(qū)分，如圖2j所示。相對(duì)的深色區(qū)域代表一個(gè)視覺單元，淺色區(qū)域代表一個(gè)視覺單元，在視覺上劃分為四個(gè)不同的區(qū)域。所選色相應(yīng)與整體風(fēng)格相一致，色相不宜過多，對(duì)比也不宜太強(qiáng)烈，否則給人以雜亂無章的效果。

綜合引導(dǎo)。同一層次的文字用同一色相來表示，以此劃分信息層級(jí);同一視覺單元通過留白分割、底色分割、線條分割實(shí)現(xiàn)視覺化呈現(xiàn)，如圖2k1、k2所示。將視覺單元與信息層級(jí)都視覺化呈現(xiàn)出來，學(xué)生根據(jù)各自思維自行設(shè)計(jì)視覺流線。

4.規(guī)劃版面視覺流線，設(shè)計(jì)動(dòng)畫

演示型課件的版式設(shè)計(jì)推薦使用網(wǎng)格布局，網(wǎng)格布局在版面的劃分上產(chǎn)生明確的水平與垂直分布。

圖3a所示（灰色塊表示一個(gè)視覺單元），在沒有任何視覺引導(dǎo)的情況下，根據(jù)現(xiàn)代書籍閱讀習(xí)慣，受眾閱讀是從左到右，從上到下的順序來瀏覽[5]。元素之間的邏輯關(guān)系簡單，視覺效果單調(diào)。

加入留白分割、底色分割、線條分割，則可改變視覺流線順序。學(xué)生的視線怎樣移動(dòng)，從哪里開始，沿著怎樣的路徑，到哪里結(jié)束，都有一個(gè)明確的規(guī)劃[4]。圖3b采用了留白分割，圖3c在b基礎(chǔ)上添加線條分割，視覺流線則徹底改變。

教師在設(shè)計(jì)課件時(shí)，每一個(gè)視覺單元都要?jiǎng)澐中畔蛹?jí)，提煉出小標(biāo)題，便于學(xué)生判斷此部分文字信息需要精讀或者泛讀，或者什么時(shí)候讀。此時(shí)視覺流線呈交互模式可以有如圖4中的幾種。

圖4為親密原則下的留白分割視覺單元組織模式。利用留白分割與底色分割將文字內(nèi)容劃分為兩大部分，大標(biāo)題與內(nèi)容，內(nèi)容又劃分為四個(gè)部分，每部分通過字號(hào)與字色分別劃分了兩部分：小標(biāo)題與內(nèi)容文字。圖中的視覺化呈現(xiàn)引導(dǎo)學(xué)生的視覺流線順序?yàn)槿N：首先可以線性瀏覽（如圖4a所標(biāo)示順序），其次可以分層次瀏覽（如圖4b所標(biāo)示順序），還可以交互性瀏覽，學(xué)生根據(jù)實(shí)際情況，在瀏覽藍(lán)色小標(biāo)題以后，可以自行選擇瀏覽順序。

視覺是一種主動(dòng)性很強(qiáng)的感覺形式。積極的選擇是視覺的一種基本特征。當(dāng)物體的出現(xiàn)或消失，位置的改變，形狀、大小、色彩或亮度發(fā)生改變時(shí)，一個(gè)正在觀察的人或動(dòng)物就會(huì)發(fā)現(xiàn)[2]。在已經(jīng)設(shè)計(jì)好的版面中，教師對(duì)正在講授的視覺元素添加進(jìn)入動(dòng)畫或者強(qiáng)調(diào)動(dòng)畫，則可確定唯一視覺焦點(diǎn)，引導(dǎo)學(xué)生按照教師所要傳達(dá)的邏輯順序閱讀信息，便于形成理解圖式，提高閱讀效率，加強(qiáng)學(xué)生記憶。課下自學(xué)時(shí)閱讀課件，同樣便于加強(qiáng)理解與記憶。

動(dòng)畫的選取切記不可太過浮夸，浮夸的動(dòng)畫會(huì)吸引更多的無效注意力，而無法讓學(xué)生將注意力放在內(nèi)容本身，有的動(dòng)畫甚至?xí)驍鄬W(xué)生思維。動(dòng)畫的選取一般以淡入、飛入等細(xì)微型為主，或者選取與內(nèi)容邏輯相一致的動(dòng)畫為宜。

四、結(jié)束語

信息的視覺化呈現(xiàn)需要經(jīng)過科學(xué)嚴(yán)格的邏輯布局，要符合學(xué)生的視覺心理認(rèn)知規(guī)律，如此才能更高效地傳達(dá)信息，使學(xué)生易于理解，加強(qiáng)記憶。優(yōu)秀的課件設(shè)計(jì)需要設(shè)計(jì)者也就是教師本身要具備良好的邏輯思維能力與視覺表達(dá)能力。學(xué)校有組織有計(jì)劃地培訓(xùn)廣大教師學(xué)習(xí)，把系統(tǒng)的視覺訓(xùn)練看作是任何一個(gè)教育工作者做好自己工作必不可少的一部分[2]。教師也要在平時(shí)的講課與課件設(shè)計(jì)中有意培養(yǎng)自己的這一能力，以便提升整體教學(xué)水平，有效提高教學(xué)質(zhì)量。

參考文獻(xiàn)：

[1]杜士英.視覺傳達(dá)設(shè)計(jì)原理[M].上海：上海人民美術(shù)出版社，2015：19-23.

[2][美]魯?shù)婪颉ぐ⒍骱Ｄ分?，滕守堯譯.視覺思維[M].成都：四川人民出版社，1998：25-30.

[3]柯斌.高校PPT課件制作問題分析及策略研究[J].軟件導(dǎo)刊·教育技術(shù)，2017，16（10）：39-41.

[4][美]Robin Williams著，蘇金國、李盼等譯.寫給大家看的設(shè)計(jì)書[M].北京：人民郵電出版社，2016：8-9.

[5][日]佐佐木剛士著，武湛譯.版式設(shè)計(jì)原理[M].北京：中國青年出版社，2007：28-31.

（編輯：魯利瑞）

*基金項(xiàng)目：國家社會(huì)科學(xué)基金“十三五”規(guī)劃2016年度教育學(xué)青年課題“新媒體環(huán)境下烏大張地區(qū)義務(wù)教育階段教師與教學(xué)資源協(xié)同發(fā)展研究”（編號(hào)：CCA160192）;2019年山西大同大學(xué)校級(jí)科學(xué)研究項(xiàng)目“《軟筆書法技法入門》視頻錄制中的美學(xué)研究”（編號(hào)：2019K40）;2017年山西大同大學(xué)思想政治教育專項(xiàng)課題“構(gòu)建立德樹人長效機(jī)制”（編號(hào)：2017S5）。