扁平化設(shè)計(jì)在生物學(xué)多媒體課件制作中的應(yīng)用

劉一暢

(華南師范大學(xué)生命科學(xué)學(xué)院 廣州 510631)

多媒體課件是連接信息技術(shù)與課程整合的重要橋梁，但課件可能存在的“課本搬家”、色彩不和諧和排版單調(diào)等問(wèn)題將直接影響課件的質(zhì)量，進(jìn)而影響教學(xué)的效果。

扁平化設(shè)計(jì)指“零3D屬性的設(shè)計(jì)[1]”。自2010年以來(lái)，隨著數(shù)碼化程度的提高，扁平化設(shè)計(jì)越來(lái)越多地運(yùn)用到產(chǎn)品設(shè)計(jì)中。目前，生物學(xué)教學(xué)中的多媒體課件以PPT為主。本文以生物學(xué)課件為設(shè)計(jì)對(duì)象，總結(jié)扁平化設(shè)計(jì)在多媒體教學(xué)課件制作中的應(yīng)用策略，詳見如下：

1 圖片

扁平化設(shè)計(jì)最核心之處是除冗雜，更加精煉地展示信息和突出關(guān)鍵部分。為了使扁平化設(shè)計(jì)的生物學(xué)教學(xué)圖片能提高學(xué)習(xí)效率，提出了3個(gè)生物學(xué)圖片的設(shè)計(jì)原則。

1.1 認(rèn)知負(fù)荷分解原則 扁平化設(shè)計(jì)的圖片包含的信息組塊不宜過(guò)多，由于生物結(jié)構(gòu)及反應(yīng)過(guò)程往往比較復(fù)雜，圖片的信息組塊數(shù)經(jīng)常會(huì)超過(guò)上限，就要對(duì)生物結(jié)構(gòu)或反應(yīng)過(guò)程進(jìn)行必要的分解，使得各部分信息組塊數(shù)不超過(guò)短時(shí)記憶的容量限制(圖1)。

圖1 課件截圖

1.2 圖文互補(bǔ)原則 對(duì)圖片進(jìn)行扁平化設(shè)計(jì)時(shí)，要遵循圖文互補(bǔ)原則，讓圖畫與文字相互補(bǔ)充，如圖1所示的光合作用過(guò)程圖解就很好地實(shí)現(xiàn)了這一點(diǎn)。

1.3 組塊與圖式化原則 由于幾個(gè)小組塊可以整合成一個(gè)包含較大信息量的大組塊，組塊化程度越高，認(rèn)知負(fù)荷越小，所以扁平化設(shè)計(jì)的圖片應(yīng)該通過(guò)色塊或大字號(hào)的文字對(duì)相關(guān)信息塊進(jìn)行組塊化處理。如圖1就利用了灰色和白色色塊對(duì)光驅(qū)動(dòng)反應(yīng)和碳反應(yīng)進(jìn)行了組塊化處理，將知識(shí)進(jìn)行整合構(gòu)建更加完善的認(rèn)知圖式，有助于學(xué)生的短時(shí)記憶。

但是，不是所有的圖片都適合進(jìn)行扁平化設(shè)計(jì)?？梢罁?jù)所述的3個(gè)原則進(jìn)行圖片的扁平化改造，而保留實(shí)物照片、教材插圖及因教學(xué)需要而擬物化的圖片和動(dòng)畫，以確保教育性和科學(xué)性。

2 排版

2.1 運(yùn)用最佳視域和黃金分割律 根據(jù)視覺心理學(xué)，人在觀看時(shí)最先看到的地方往往是一個(gè)平面的上部和中上部，而遵循黃金分割律的事物都能達(dá)到一種視覺平衡從而讓人感覺美觀。例如，將本頁(yè)最重要的名詞“束縛水”和“自由水”放在頁(yè)面中上部的黃金分割點(diǎn)(圖2中圓點(diǎn))，讓人一目了然。另外，運(yùn)用扁平化元素——放棄高光、漸變和浮雕等修飾效果的色塊加以強(qiáng)調(diào)，更加突出重點(diǎn)。

圖2 課件截圖

2.2 創(chuàng)造獨(dú)特的頁(yè)面風(fēng)格 扁平化設(shè)計(jì)中，因所用的素材有限，排版具有創(chuàng)意才能做到簡(jiǎn)潔大方，發(fā)揮扁平化設(shè)計(jì)獨(dú)特的美感。另外，課件應(yīng)有統(tǒng)一的頁(yè)面風(fēng)格，能形成規(guī)范，使學(xué)生快速適應(yīng)各頁(yè)面的切換。例如，可運(yùn)用方框、色塊等扁平化元素作為標(biāo)識(shí)，為不同級(jí)別標(biāo)題準(zhǔn)備相應(yīng)的表示方式，同一個(gè)課件中各頁(yè)面嚴(yán)格遵守，形成簡(jiǎn)潔統(tǒng)一的頁(yè)面風(fēng)格(圖3)。

圖3 課件截圖

3 界面元素

扁平化設(shè)計(jì)通常采用無(wú)高光、漸變等修飾效果的線條、色塊等簡(jiǎn)單的界面元素來(lái)表達(dá)內(nèi)容。如圖3采用扁平的圓形橙色色塊制作按鈕，既美化了頁(yè)面，又使功能一目了然，從而減少學(xué)習(xí)新交互方式過(guò)程中的成本，體現(xiàn)了抽象、符號(hào)化和去除冗雜的扁平化設(shè)計(jì)理念。

4 色彩

4.1 靈活選擇配色方案 配色方案多分為兩類：多色系配色方案(6～8種顏色)和單色系配色方案(在選定的色調(diào)上增加色彩之間對(duì)比度)。但教學(xué)課件的色彩一般應(yīng)控制在三色以內(nèi)，以確保課件風(fēng)格一致及易于色彩統(tǒng)一。因此，制作教學(xué)課件時(shí)仍應(yīng)將色彩控制在三色以內(nèi)，再根據(jù)具體課件內(nèi)容靈活選用配色方案。

圖2選用單色系配色方案，“束縛水”和“自由水”背景色塊都是綠色，但色調(diào)有所區(qū)別，有一定的層次感和辨識(shí)度；圖3借鑒多色系配色方案，采用醒目明亮的綠色和橙黃色，增加視覺元素的趣味性。

4.2 減輕視覺疲勞 恰當(dāng)運(yùn)用色彩可減輕視覺疲勞。例如，使用綠色，則有利于鎮(zhèn)靜神經(jīng)[2]；增大顏色間對(duì)比度，避免閱讀吃力；化大色塊背景為小色塊，減少可視面積，從而減輕視覺疲勞等。

4.3 根據(jù)主次安排色彩 教學(xué)課件需對(duì)課件中的要點(diǎn)進(jìn)行強(qiáng)調(diào)。根據(jù)主次合理安排色彩，如采用暖色標(biāo)識(shí)文字、色塊搭配文字和放大字號(hào)的方式，可實(shí)現(xiàn)強(qiáng)調(diào)效果。其中，后兩種方式為扁平化設(shè)計(jì)的應(yīng)用，與常規(guī)方式有所區(qū)別，比較新穎。

5 文字

5.1 字體 推薦無(wú)襯線字體，其字體簡(jiǎn)單，無(wú)過(guò)多修飾，符合扁平化風(fēng)格。最常使用的中文無(wú)襯線字體是電腦自帶的微軟雅黑，并去除斜體、加陰影和加漸變，甚至使用藝術(shù)字等特效，更方便學(xué)生瀏覽和信息的傳達(dá)[3]。

5.2 字號(hào) 正文部分的字號(hào)一般不局限于一種，且以大字號(hào)為扁平化特色。通過(guò)大膽加大字號(hào)，與排版相搭配，突破傳統(tǒng)，有利于吸引學(xué)生的注意力(圖2)。