多媒體課件版式設(shè)計(jì)策略研究

李靜 王建軍

摘要：多媒體課件版式設(shè)計(jì)是技術(shù)與藝術(shù)的統(tǒng)一，影響著課件給學(xué)生的視覺感受與內(nèi)容傳達(dá)效果?；诎媸皆O(shè)計(jì)的三原則，并結(jié)合設(shè)計(jì)案例，探討了對比、對齊、親密、留白四方面的設(shè)計(jì)策略。

關(guān)鍵詞：多媒體課件;版式設(shè)計(jì);策略

中圖分類號： TP37? ? ? 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2021）02-0177-02

Abstract： Layout design of multimedia courseware is the unity of technology and art， which affects the visual feeling and content transmission effect of courseware to students. Based on the three principles of layout design and combined with design cases， this paper discusses the design strategies of contrast， alignment， intimacy and blank space.

Key words： multimedia courseware; layout design; strategy

在現(xiàn)代信息化教學(xué)中，無論是網(wǎng)絡(luò)教學(xué)，還是多媒體輔助教學(xué)，甚或是大規(guī)模在線開放 課程和小規(guī)模限制性在線課程等教學(xué)方式，多媒體信息都需要一種整合和集成方式來統(tǒng)一展現(xiàn)，而這種方式通常就是多媒體課件。多媒體課件是指根據(jù)教學(xué)實(shí)際需要選題，經(jīng)過教學(xué)目標(biāo)確定、學(xué)習(xí)者特征與教學(xué)內(nèi)容分析、教學(xué)策略選擇等系統(tǒng)的教學(xué)設(shè)計(jì)及界面設(shè)計(jì)等環(huán)節(jié)，以多種媒體的表現(xiàn)方式和超文本結(jié)構(gòu)制作而成的教學(xué)軟件，它的基本功能就是教學(xué)。

多媒體課件除了必須能正確表達(dá)課程的知識內(nèi)容、反映教學(xué)過程和教學(xué)策略之外，為了 吸引學(xué)習(xí)者的學(xué)習(xí)，還需要具有友好的人機(jī)界面，符合學(xué)習(xí)者視感知規(guī)律等。一些優(yōu)秀的多媒體課件作品看似沒有什么技術(shù)含量，并不是很炫酷，簡簡單單、清清爽爽，可嘗試著模仿做一做，卻發(fā)現(xiàn)很難做出原作品中的那種感覺。多媒體課件的開發(fā)和制作不僅需要在學(xué)習(xí)理論和教學(xué)理論的指導(dǎo)下，做好課件的整體框架結(jié)構(gòu)設(shè)計(jì)和教學(xué)系統(tǒng)設(shè)計(jì)，而且需要綜合考慮多媒體課件版式設(shè)計(jì)策略，看似簡單的排版中也蘊(yùn)藏細(xì)節(jié)，利用設(shè)計(jì)藝術(shù)知識創(chuàng)作出不同的視覺次序，營造出更強(qiáng)烈的設(shè)計(jì)感，以凸現(xiàn)其專業(yè)性，使人耳目一新。

1 多媒體課件版式設(shè)計(jì)

版式設(shè)計(jì)，也稱為版面設(shè)計(jì)，是平面設(shè)計(jì)的基礎(chǔ)，是視覺傳達(dá)的重要手段。它主要指設(shè)計(jì)人員根據(jù)設(shè)計(jì)主題和視覺需求，在預(yù)先設(shè)定的有限版面內(nèi)，運(yùn)用造型要素及形式原理，根據(jù)特定主題與內(nèi)容的需要，將文字、圖形圖像、符號、色彩等視覺傳達(dá)信息要素，進(jìn)行有組織、有目的的組合排列[1]。可以說版式設(shè)計(jì)是設(shè)計(jì)者的思想境界、藝術(shù)修養(yǎng)的全面體現(xiàn)，不僅是一種關(guān)于編排的學(xué)問，更是通過設(shè)計(jì)方案，提升視覺沖擊力，吸引受眾關(guān)注，是實(shí)現(xiàn)技術(shù)與藝術(shù)完美融合的一項(xiàng)設(shè)計(jì)技能。

多媒體課件的版式設(shè)計(jì)同樣也是一項(xiàng)復(fù)雜的具有高度技藝的活動(dòng)，可以理解為是在設(shè)計(jì)多媒體課件框架結(jié)構(gòu)與界面的過程中，根據(jù)講授的教學(xué)內(nèi)容與課件的特征，運(yùn)用各種造型要素，對版面內(nèi)的文本、圖形圖像、表格、動(dòng)畫等視覺要素按照要求進(jìn)行編排，以產(chǎn)生美感，使學(xué)習(xí)者能夠直觀地感受到教師所要傳遞的教學(xué)信息。如何根據(jù)實(shí)際教學(xué)內(nèi)容和教學(xué)對象，在有限的空間內(nèi)安排各種設(shè)計(jì)元素，向?qū)W習(xí)者呈現(xiàn)出適當(dāng)又美觀的版面是每一位課件制作者需要思考與解決的難題。

2 多媒體課件版式設(shè)計(jì)原則

多媒體課件界面主要包括文字、圖形圖像、色彩、動(dòng)畫等視覺要素，設(shè)計(jì)制作過程中并不是對這些要素的簡單、隨意排列，而是需要按照一定的原則統(tǒng)籌編排，使之具有形式美感。如何排版布局才能算是好的版式設(shè)計(jì)？其實(shí)并沒有一個(gè)非常標(biāo)準(zhǔn)的答案，但有一個(gè)指標(biāo)：是否能夠精確地傳達(dá)出內(nèi)容所表達(dá)的含義。好的版式設(shè)計(jì)應(yīng)該更注重傳達(dá)，使傳達(dá)的內(nèi)容清晰明了，一目了然，讓學(xué)習(xí)者在享受美感的同時(shí)，接受制作者想要傳達(dá)的信息，理解內(nèi)容的主題思想。

多媒體課件版式設(shè)計(jì)應(yīng)該遵循以下三個(gè)原則：1）連貫性：強(qiáng)化整體布局。任何一個(gè)版面在視覺效果中應(yīng)該是完整與一致的，將版面的各種設(shè)計(jì)元素在排版結(jié)構(gòu)及色彩上做整體設(shè)計(jì)。多媒體課件制作不是各種設(shè)計(jì)元素的簡單添加與堆積，開始設(shè)計(jì)時(shí)，首先要思考課件的主題是什么，什么樣的字體、色調(diào)與之相符合，視覺裝飾元素是否需要等問題，關(guān)注不同版面之間的連貫性，以形成統(tǒng)一的設(shè)計(jì)風(fēng)格;2）可讀性：內(nèi)容層級鮮明。版式設(shè)計(jì)本身并不是目的，根本目的是使版面的表達(dá)具有清晰的邏輯，用悅目的組織結(jié)構(gòu)來更好地突出主題，以增強(qiáng)學(xué)習(xí)者的注意力與理解力。課件制作并不是將課本中的大段文字堆砌在一起，而是需要制作者對內(nèi)容進(jìn)行梳理，明確主體及其層級關(guān)系，特別是在課堂演示型多媒體課件制作中更要注重文字信息的排版，以免出現(xiàn)閱讀障礙;3）直觀性：形式與內(nèi)容統(tǒng)一。版式所追求的完美形式必須符合主題的思想內(nèi)容，使得觀看者能夠在第一時(shí)間體會(huì)到準(zhǔn)確的信息和情感。多媒體課件排版是為教學(xué)內(nèi)容服務(wù)的，應(yīng)找尋合乎情理的版面視覺元素，使教學(xué)內(nèi)容的呈現(xiàn)方式更容易被學(xué)習(xí)者所接受。多媒體課件是對教學(xué)過程的直觀反映，版式設(shè)計(jì)應(yīng)能夠使抽象的教學(xué)內(nèi)容更加生動(dòng)形象，更富有感染力，注重視覺化表達(dá)。

3 多媒體課件版式設(shè)計(jì)策略

3.1對比，突出強(qiáng)調(diào)

對比是版式設(shè)計(jì)中常用的手法之一，通過放大元素之間的差異，大與小、粗與細(xì)、橫與豎、長與短、疏與密、遠(yuǎn)與近、虛與實(shí)、濃與淡、動(dòng)與靜等來制造視覺沖突效果。對比最基本要素是顯示主從關(guān)系和統(tǒng)一變化，存在于相同或相異的性質(zhì)之間。如果沒有對比，界面將平淡無奇，無法抓住觀看者的眼球。

對比能夠增強(qiáng)多媒體課件界面視覺效果，突出一些元素的特點(diǎn)性質(zhì)，建立信息層次，吸引學(xué)生注意。多媒體課件制作過程中可以通過把需要強(qiáng)調(diào)的部分進(jìn)行改顏色、加粗、調(diào)大、做藝術(shù)化處理等，使得需要強(qiáng)調(diào)的部分迅速從大量內(nèi)容中跳脫出來。在多媒體課件文字的排版中，對于不同數(shù)據(jù)系列的圖表，原本黑白灰的排版方式中加入有彩色，則很容易形成強(qiáng)烈的視覺沖擊力;在制作幻燈片的時(shí)候標(biāo)題字體加粗，正文字體變得細(xì)一點(diǎn)，通過粗細(xì)之間的對比也能夠快速的鎖定標(biāo)題的重點(diǎn);為了能夠凸顯頁面上的焦點(diǎn)，可以在非重點(diǎn)圖標(biāo)上面使用半透明暗色蒙版;為了強(qiáng)調(diào)某一部分的表格內(nèi)容，可以對表格進(jìn)行變換底色;通過虛化標(biāo)題文本中的某個(gè)筆畫，視覺上形成遠(yuǎn)近感，體現(xiàn)空間景深，使得整體層次感更加豐富等。

對比可以拉開畫面的反差，形成視覺刺激。需要注意的是，不管使用哪種對比，若期望對比效果有效，一定要大膽、明顯，以達(dá)到醒目和易于閱讀，否則，兩個(gè)元素過于相近，就會(huì)導(dǎo)致混亂。比如標(biāo)題與正文文字大小、間隔一樣，無法區(qū)分文字層級，如果通過顏色對比，添加線條、大小對比手法之后，學(xué)生將能快速地區(qū)分文字的層級，把握重點(diǎn)。另一方面，在多媒體課件版式設(shè)計(jì)的應(yīng)用中要根據(jù)畫面的需求加以應(yīng)用，否則容易給人造成雜亂的感受，在界面的布局上，總體使用對比的手法，而局部是調(diào)和的方法，把各部分串聯(lián)起來，使畫面動(dòng)中有靜、有張有弛，給人變化中的協(xié)調(diào)感。

3.2對齊，均衡工整

版式設(shè)計(jì)中經(jīng)常運(yùn)用對齊建立條理性，產(chǎn)生秩序感。任何設(shè)計(jì)元素在多媒體課件制作過程中都不能隨意擺放，元素之間要按照一定的規(guī)律保持視覺聯(lián)系。對齊能夠讓課件版面更加整潔美觀，元素之間有了連接，學(xué)生的目光會(huì)聚焦在有序?qū)ο蟮奈恢?，更易于專注閱讀學(xué)習(xí)內(nèi)容，如圖1。

對齊主要分為左對齊、右對齊、居中對齊、均勻分布、頂端對齊、底端對齊等。其中左對齊是最常見的一種對齊方式，最符合人們的閱讀習(xí)慣，保守、穩(wěn)妥，簡單大方不易出錯(cuò)。右對齊，與人的視線移動(dòng)方向相反，較為活躍、個(gè)性，能夠在一定程度上讓界面顯得新穎，但有種人為干預(yù)的感覺，讀取速較慢，在多媒體課件制作中并不常用。居中對齊給人一種大氣、正式和嚴(yán)肅的感覺，非常適合應(yīng)用于封面、標(biāo)題等需要凸顯的元素。均勻分布主要有橫向分布和縱向分布，能夠使多個(gè)視覺元素之間間距相等，可用于課件界面中導(dǎo)航欄元素或多圖排版，顯得整齊有組織，有均衡的節(jié)奏感。頂端對齊，一般在縱向排版時(shí)使用，可用于營造復(fù)古的氛圍。同一類信息應(yīng)用同一種對齊方式歸類到一起，設(shè)計(jì)將更加嚴(yán)謹(jǐn)、專業(yè)。

3.3親密，層次明確

俗話說物以類聚，在設(shè)計(jì)上也同理，物理位置的接近，意味著存在關(guān)聯(lián)，具有相同的色塊，也會(huì)給人感覺信息上存在關(guān)聯(lián)。按照一定的分類規(guī)則，將相關(guān)的元素編組放在一起成為一個(gè)群體，讓人產(chǎn)生一種和諧的感覺，再將不同組之間拉開間距，頁面結(jié)構(gòu)將清晰易讀。多媒體課件版式設(shè)計(jì)的過程也是對教學(xué)內(nèi)容分析規(guī)整的過程。

親密是實(shí)現(xiàn)視覺邏輯化的第一步，根本目的是實(shí)現(xiàn)組織性，讓學(xué)習(xí)者對頁面結(jié)構(gòu)和信息層次一目了然。如果信息很有條理，將更容易閱讀，也更容易記憶。在多媒體課件界面設(shè)計(jì)中將彼此相關(guān)的部分組織在一起，關(guān)系越近的學(xué)習(xí)內(nèi)容，在視覺上就應(yīng)該越靠近，成為一個(gè)視覺單元。有關(guān)系的部分被看成一個(gè)組合，而不是多個(gè)孤立的元素，將有助于給學(xué)習(xí)者提供清晰的知識結(jié)構(gòu)。

在課件文字排版中運(yùn)用親密，可以梳理信息組織關(guān)系，視覺上有了節(jié)奏變化，容易建立起完整的閱讀邏輯和視覺引導(dǎo)。如果不同組所設(shè)置的間距均一樣，課件界面層次感將明顯減弱，容易混淆學(xué)習(xí)者所獲取的教學(xué)信息，運(yùn)用親密策略修改后（如圖2），學(xué)習(xí)者將能夠輕松地區(qū)分不同標(biāo)題的兩個(gè)知識點(diǎn)。

在多媒體課件制作過程中，可以將相關(guān)聯(lián)的元素比不相關(guān)的元素在橫向或者縱向間距變小，但也需要注意：不能為了親密，就0距離靠近，也是要留有一定的空間，行間距推薦使用字體大小的1.3～1.6倍，小于1倍或大于2倍會(huì)影響正常的閱讀;段間距需大于行間距，這樣文字信息才能區(qū)分開成為單獨(dú)的段落。元素的關(guān)聯(lián)性越大，間距就越小;無關(guān)聯(lián)的元素不要太靠近，否則容易讓學(xué)習(xí)者產(chǎn)生誤解。

3.4留白，透氣簡潔

留白是我國國畫技法中的精髓，書法中也經(jīng)常強(qiáng)調(diào)“計(jì)白當(dāng)黑”，也是版式設(shè)計(jì)中的一種獨(dú)特的視覺語言。留白中的“白”，并不是等同于“白色”，而是留出 “空間”，即通過對版面空間的合理疏密分配，使畫面具有層次性和呼吸感，讓主體信息得到有效突出。留白以“無”平衡整體，起到緩沖與隔離的作用，能促使版面產(chǎn)生美感和魅力。

多媒體課件版式設(shè)計(jì)作為教學(xué)信息的視覺傳達(dá)手段，不但要向?qū)W生傳遞教學(xué)內(nèi)容，營造學(xué)習(xí)氛圍，創(chuàng)設(shè)情景，還要留出一定的空間，使學(xué)生在觀看課件時(shí)能進(jìn)行思考與想象，而這種氛圍、空間則可以通過留白來實(shí)現(xiàn)。比如，課件頁面無論教學(xué)內(nèi)容是多是少，要有固定的留白區(qū)域，即上、下、左、右四個(gè)邊距。如果圖文塞滿了整張幻燈片，不留空隙，則學(xué)生觀看時(shí)容易產(chǎn)生緊張情緒，無法認(rèn)真仔細(xì)地看下去，甚至失去學(xué)習(xí)興趣;如果毫無目的的留白，課件界面也將顯得空蕩蕩的，降低了作品的質(zhì)量。

留白的空間可以引導(dǎo)視線，吸引學(xué)習(xí)者的注意力，以增強(qiáng)課件的易讀性;留白可以簡化設(shè)計(jì)，提高品位，留白的多少給人的印象不同：留白少，界面中圖片文字多，給人的感覺是擁擠的、充滿信息的;留白多，給人的感覺是舒適的、簡潔的感覺。在多媒體課件版面設(shè)計(jì)時(shí)有目的、有意識地留白，充分發(fā)揮留白的作用，體現(xiàn)其內(nèi)在價(jià)值，才能實(shí)現(xiàn)教學(xué)內(nèi)容層次分明，為學(xué)習(xí)者創(chuàng)造一個(gè)較為輕松、愉快的學(xué)習(xí)氛圍。

版式設(shè)計(jì)是多媒體課件界面設(shè)計(jì)的基礎(chǔ)，在實(shí)際設(shè)計(jì)中版式設(shè)計(jì)的運(yùn)用也是千差萬別的，有時(shí)可能依然很難把握到要點(diǎn)。在掌握版式設(shè)計(jì)的原則與策略基礎(chǔ)上，科學(xué)分析教學(xué)內(nèi)容，并從優(yōu)秀課件案例、海報(bào)、雜志等作品上獲取創(chuàng)作靈感，多加嘗試與反思，才能夠制作完成一部優(yōu)秀的多媒體課件。

參考文獻(xiàn)：

[1] 韓旭，周俊，李媛.版式設(shè)計(jì)[M].北京：兵器工業(yè)出版社，2013：1

【通聯(lián)編輯：唐一東】