李靜 王建軍
摘要:多媒體課件版式設計是技術與藝術的統一,影響著課件給學生的視覺感受與內容傳達效果?;诎媸皆O計的三原則,并結合設計案例,探討了對比、對齊、親密、留白四方面的設計策略。
關鍵詞:多媒體課件;版式設計;策略
中圖分類號: TP37? ? ? 文獻標識碼: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
在現代信息化教學中,無論是網絡教學,還是多媒體輔助教學,甚或是大規(guī)模在線開放 課程和小規(guī)模限制性在線課程等教學方式,多媒體信息都需要一種整合和集成方式來統一展現,而這種方式通常就是多媒體課件。多媒體課件是指根據教學實際需要選題,經過教學目標確定、學習者特征與教學內容分析、教學策略選擇等系統的教學設計及界面設計等環(huán)節(jié),以多種媒體的表現方式和超文本結構制作而成的教學軟件,它的基本功能就是教學。
多媒體課件除了必須能正確表達課程的知識內容、反映教學過程和教學策略之外,為了 吸引學習者的學習,還需要具有友好的人機界面,符合學習者視感知規(guī)律等。一些優(yōu)秀的多媒體課件作品看似沒有什么技術含量,并不是很炫酷,簡簡單單、清清爽爽,可嘗試著模仿做一做,卻發(fā)現很難做出原作品中的那種感覺。多媒體課件的開發(fā)和制作不僅需要在學習理論和教學理論的指導下,做好課件的整體框架結構設計和教學系統設計,而且需要綜合考慮多媒體課件版式設計策略,看似簡單的排版中也蘊藏細節(jié),利用設計藝術知識創(chuàng)作出不同的視覺次序,營造出更強烈的設計感,以凸現其專業(yè)性,使人耳目一新。
1 多媒體課件版式設計
版式設計,也稱為版面設計,是平面設計的基礎,是視覺傳達的重要手段。它主要指設計人員根據設計主題和視覺需求,在預先設定的有限版面內,運用造型要素及形式原理,根據特定主題與內容的需要,將文字、圖形圖像、符號、色彩等視覺傳達信息要素,進行有組織、有目的的組合排列[1]??梢哉f版式設計是設計者的思想境界、藝術修養(yǎng)的全面體現,不僅是一種關于編排的學問,更是通過設計方案,提升視覺沖擊力,吸引受眾關注,是實現技術與藝術完美融合的一項設計技能。
多媒體課件的版式設計同樣也是一項復雜的具有高度技藝的活動,可以理解為是在設計多媒體課件框架結構與界面的過程中,根據講授的教學內容與課件的特征,運用各種造型要素,對版面內的文本、圖形圖像、表格、動畫等視覺要素按照要求進行編排,以產生美感,使學習者能夠直觀地感受到教師所要傳遞的教學信息。如何根據實際教學內容和教學對象,在有限的空間內安排各種設計元素,向學習者呈現出適當又美觀的版面是每一位課件制作者需要思考與解決的難題。
2 多媒體課件版式設計原則
多媒體課件界面主要包括文字、圖形圖像、色彩、動畫等視覺要素,設計制作過程中并不是對這些要素的簡單、隨意排列,而是需要按照一定的原則統籌編排,使之具有形式美感。如何排版布局才能算是好的版式設計?其實并沒有一個非常標準的答案,但有一個指標:是否能夠精確地傳達出內容所表達的含義。好的版式設計應該更注重傳達,使傳達的內容清晰明了,一目了然,讓學習者在享受美感的同時,接受制作者想要傳達的信息,理解內容的主題思想。
多媒體課件版式設計應該遵循以下三個原則:1)連貫性:強化整體布局。任何一個版面在視覺效果中應該是完整與一致的,將版面的各種設計元素在排版結構及色彩上做整體設計。多媒體課件制作不是各種設計元素的簡單添加與堆積,開始設計時,首先要思考課件的主題是什么,什么樣的字體、色調與之相符合,視覺裝飾元素是否需要等問題,關注不同版面之間的連貫性,以形成統一的設計風格;2)可讀性:內容層級鮮明。版式設計本身并不是目的,根本目的是使版面的表達具有清晰的邏輯,用悅目的組織結構來更好地突出主題,以增強學習者的注意力與理解力。課件制作并不是將課本中的大段文字堆砌在一起,而是需要制作者對內容進行梳理,明確主體及其層級關系,特別是在課堂演示型多媒體課件制作中更要注重文字信息的排版,以免出現閱讀障礙;3)直觀性:形式與內容統一。版式所追求的完美形式必須符合主題的思想內容,使得觀看者能夠在第一時間體會到準確的信息和情感。多媒體課件排版是為教學內容服務的,應找尋合乎情理的版面視覺元素,使教學內容的呈現方式更容易被學習者所接受。多媒體課件是對教學過程的直觀反映,版式設計應能夠使抽象的教學內容更加生動形象,更富有感染力,注重視覺化表達。
3 多媒體課件版式設計策略
3.1對比,突出強調
對比是版式設計中常用的手法之一,通過放大元素之間的差異,大與小、粗與細、橫與豎、長與短、疏與密、遠與近、虛與實、濃與淡、動與靜等來制造視覺沖突效果。對比最基本要素是顯示主從關系和統一變化,存在于相同或相異的性質之間。如果沒有對比,界面將平淡無奇,無法抓住觀看者的眼球。
對比能夠增強多媒體課件界面視覺效果,突出一些元素的特點性質,建立信息層次,吸引學生注意。多媒體課件制作過程中可以通過把需要強調的部分進行改顏色、加粗、調大、做藝術化處理等,使得需要強調的部分迅速從大量內容中跳脫出來。在多媒體課件文字的排版中,對于不同數據系列的圖表,原本黑白灰的排版方式中加入有彩色,則很容易形成強烈的視覺沖擊力;在制作幻燈片的時候標題字體加粗,正文字體變得細一點,通過粗細之間的對比也能夠快速的鎖定標題的重點;為了能夠凸顯頁面上的焦點,可以在非重點圖標上面使用半透明暗色蒙版;為了強調某一部分的表格內容,可以對表格進行變換底色;通過虛化標題文本中的某個筆畫,視覺上形成遠近感,體現空間景深,使得整體層次感更加豐富等。
對比可以拉開畫面的反差,形成視覺刺激。需要注意的是,不管使用哪種對比,若期望對比效果有效,一定要大膽、明顯,以達到醒目和易于閱讀,否則,兩個元素過于相近,就會導致混亂。比如標題與正文文字大小、間隔一樣,無法區(qū)分文字層級,如果通過顏色對比,添加線條、大小對比手法之后,學生將能快速地區(qū)分文字的層級,把握重點。另一方面,在多媒體課件版式設計的應用中要根據畫面的需求加以應用,否則容易給人造成雜亂的感受,在界面的布局上,總體使用對比的手法,而局部是調和的方法,把各部分串聯起來,使畫面動中有靜、有張有弛,給人變化中的協調感。
3.2對齊,均衡工整
版式設計中經常運用對齊建立條理性,產生秩序感。任何設計元素在多媒體課件制作過程中都不能隨意擺放,元素之間要按照一定的規(guī)律保持視覺聯系。對齊能夠讓課件版面更加整潔美觀,元素之間有了連接,學生的目光會聚焦在有序對象的位置,更易于專注閱讀學習內容,如圖1。
對齊主要分為左對齊、右對齊、居中對齊、均勻分布、頂端對齊、底端對齊等。其中左對齊是最常見的一種對齊方式,最符合人們的閱讀習慣,保守、穩(wěn)妥,簡單大方不易出錯。右對齊,與人的視線移動方向相反,較為活躍、個性,能夠在一定程度上讓界面顯得新穎,但有種人為干預的感覺,讀取速較慢,在多媒體課件制作中并不常用。居中對齊給人一種大氣、正式和嚴肅的感覺,非常適合應用于封面、標題等需要凸顯的元素。均勻分布主要有橫向分布和縱向分布,能夠使多個視覺元素之間間距相等,可用于課件界面中導航欄元素或多圖排版,顯得整齊有組織,有均衡的節(jié)奏感。頂端對齊,一般在縱向排版時使用,可用于營造復古的氛圍。同一類信息應用同一種對齊方式歸類到一起,設計將更加嚴謹、專業(yè)。
3.3親密,層次明確
俗話說物以類聚,在設計上也同理,物理位置的接近,意味著存在關聯,具有相同的色塊,也會給人感覺信息上存在關聯。按照一定的分類規(guī)則,將相關的元素編組放在一起成為一個群體,讓人產生一種和諧的感覺,再將不同組之間拉開間距,頁面結構將清晰易讀。多媒體課件版式設計的過程也是對教學內容分析規(guī)整的過程。
親密是實現視覺邏輯化的第一步,根本目的是實現組織性,讓學習者對頁面結構和信息層次一目了然。如果信息很有條理,將更容易閱讀,也更容易記憶。在多媒體課件界面設計中將彼此相關的部分組織在一起,關系越近的學習內容,在視覺上就應該越靠近,成為一個視覺單元。有關系的部分被看成一個組合,而不是多個孤立的元素,將有助于給學習者提供清晰的知識結構。
在課件文字排版中運用親密,可以梳理信息組織關系,視覺上有了節(jié)奏變化,容易建立起完整的閱讀邏輯和視覺引導。如果不同組所設置的間距均一樣,課件界面層次感將明顯減弱,容易混淆學習者所獲取的教學信息,運用親密策略修改后(如圖2),學習者將能夠輕松地區(qū)分不同標題的兩個知識點。
在多媒體課件制作過程中,可以將相關聯的元素比不相關的元素在橫向或者縱向間距變小,但也需要注意:不能為了親密,就0距離靠近,也是要留有一定的空間,行間距推薦使用字體大小的1.3~1.6倍,小于1倍或大于2倍會影響正常的閱讀;段間距需大于行間距,這樣文字信息才能區(qū)分開成為單獨的段落。元素的關聯性越大,間距就越小;無關聯的元素不要太靠近,否則容易讓學習者產生誤解。
3.4留白,透氣簡潔
留白是我國國畫技法中的精髓,書法中也經常強調“計白當黑”,也是版式設計中的一種獨特的視覺語言。留白中的“白”,并不是等同于“白色”,而是留出 “空間”,即通過對版面空間的合理疏密分配,使畫面具有層次性和呼吸感,讓主體信息得到有效突出。留白以“無”平衡整體,起到緩沖與隔離的作用,能促使版面產生美感和魅力。
多媒體課件版式設計作為教學信息的視覺傳達手段,不但要向學生傳遞教學內容,營造學習氛圍,創(chuàng)設情景,還要留出一定的空間,使學生在觀看課件時能進行思考與想象,而這種氛圍、空間則可以通過留白來實現。比如,課件頁面無論教學內容是多是少,要有固定的留白區(qū)域,即上、下、左、右四個邊距。如果圖文塞滿了整張幻燈片,不留空隙,則學生觀看時容易產生緊張情緒,無法認真仔細地看下去,甚至失去學習興趣;如果毫無目的的留白,課件界面也將顯得空蕩蕩的,降低了作品的質量。
留白的空間可以引導視線,吸引學習者的注意力,以增強課件的易讀性;留白可以簡化設計,提高品位,留白的多少給人的印象不同:留白少,界面中圖片文字多,給人的感覺是擁擠的、充滿信息的;留白多,給人的感覺是舒適的、簡潔的感覺。在多媒體課件版面設計時有目的、有意識地留白,充分發(fā)揮留白的作用,體現其內在價值,才能實現教學內容層次分明,為學習者創(chuàng)造一個較為輕松、愉快的學習氛圍。
版式設計是多媒體課件界面設計的基礎,在實際設計中版式設計的運用也是千差萬別的,有時可能依然很難把握到要點。在掌握版式設計的原則與策略基礎上,科學分析教學內容,并從優(yōu)秀課件案例、海報、雜志等作品上獲取創(chuàng)作靈感,多加嘗試與反思,才能夠制作完成一部優(yōu)秀的多媒體課件。
參考文獻:
[1] 韓旭,周俊,李媛.版式設計[M].北京:兵器工業(yè)出版社,2013:1
【通聯編輯:唐一東】