扁平化設計在生物學多媒體課件制作中的應用

劉一暢

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

多媒體課件是連接信息技術與課程整合的重要橋梁，但課件可能存在的“課本搬家”、色彩不和諧和排版單調等問題將直接影響課件的質量，進而影響教學的效果。

扁平化設計指“零3D屬性的設計[1]”。自2010年以來，隨著數碼化程度的提高，扁平化設計越來越多地運用到產品設計中。目前，生物學教學中的多媒體課件以PPT為主。本文以生物學課件為設計對象，總結扁平化設計在多媒體教學課件制作中的應用策略，詳見如下：

1 圖片

扁平化設計最核心之處是除冗雜，更加精煉地展示信息和突出關鍵部分。為了使扁平化設計的生物學教學圖片能提高學習效率，提出了3個生物學圖片的設計原則。

1.1 認知負荷分解原則 扁平化設計的圖片包含的信息組塊不宜過多，由于生物結構及反應過程往往比較復雜，圖片的信息組塊數經常會超過上限，就要對生物結構或反應過程進行必要的分解，使得各部分信息組塊數不超過短時記憶的容量限制(圖1)。

圖1 課件截圖

1.2 圖文互補原則 對圖片進行扁平化設計時，要遵循圖文互補原則，讓圖畫與文字相互補充，如圖1所示的光合作用過程圖解就很好地實現了這一點。

1.3 組塊與圖式化原則 由于幾個小組塊可以整合成一個包含較大信息量的大組塊，組塊化程度越高，認知負荷越小，所以扁平化設計的圖片應該通過色塊或大字號的文字對相關信息塊進行組塊化處理。如圖1就利用了灰色和白色色塊對光驅動反應和碳反應進行了組塊化處理，將知識進行整合構建更加完善的認知圖式，有助于學生的短時記憶。

但是，不是所有的圖片都適合進行扁平化設計。可依據所述的3個原則進行圖片的扁平化改造，而保留實物照片、教材插圖及因教學需要而擬物化的圖片和動畫，以確保教育性和科學性。

2 排版

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

圖2 課件截圖

2.2 創造獨特的頁面風格 扁平化設計中，因所用的素材有限，排版具有創意才能做到簡潔大方，發揮扁平化設計獨特的美感。另外，課件應有統一的頁面風格，能形成規范，使學生快速適應各頁面的切換。例如，可運用方框、色塊等扁平化元素作為標識，為不同級別標題準備相應的表示方式，同一個課件中各頁面嚴格遵守，形成簡潔統一的頁面風格(圖3)。

圖3 課件截圖

3 界面元素

扁平化設計通常采用無高光、漸變等修飾效果的線條、色塊等簡單的界面元素來表達內容。如圖3采用扁平的圓形橙色色塊制作按鈕，既美化了頁面，又使功能一目了然，從而減少學習新交互方式過程中的成本，體現了抽象、符號化和去除冗雜的扁平化設計理念。

4 色彩

4.1 靈活選擇配色方案 配色方案多分為兩類：多色系配色方案(6～8種顏色)和單色系配色方案(在選定的色調上增加色彩之間對比度)。但教學課件的色彩一般應控制在三色以內，以確保課件風格一致及易于色彩統一。因此，制作教學課件時仍應將色彩控制在三色以內，再根據具體課件內容靈活選用配色方案。

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

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

4.3 根據主次安排色彩 教學課件需對課件中的要點進行強調。根據主次合理安排色彩，如采用暖色標識文字、色塊搭配文字和放大字號的方式，可實現強調效果。其中，后兩種方式為扁平化設計的應用，與常規方式有所區別，比較新穎。

5 文字

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

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