1. 首頁
  2. 圖形影象/多媒體

扁平化設計對多媒體課件製作的應用論文

扁平化設計對多媒體課件製作的應用論文

摘要:本文探討扁平化設計在生物學課件製作中的應用策略,為扁平化設計在多媒體課件教學中的應用提供思路。

關鍵詞:多媒體課件製作論文

多媒體課件是連線資訊科技與課程整合的重要橋樑,但課件可能存在的“課本搬家”、色彩不和諧和排版單調等問題將直接影響課件的質量,進而影響教學的效果。扁平化設計指“零3D屬性的設計[1]”。自2010年以來,隨著數碼化程度的提高,扁平化設計越來越多地運用到產品設計中。目前,生物學教學中的多媒體課件以PPT為主。本文以生物學課件為設計物件,總結扁平化設計在多媒體教學課件製作中的應用策略,詳見如下:

1圖片

扁平化設計最核心之處是除冗雜,更加精煉地展示資訊和突出關鍵部分。為了使扁平化設計的生物學教學圖片能提高學習效率,提出了3個生物學圖片的設計原則。1.1認知負荷分解原則扁平化設計的圖片包含的資訊組塊不宜過多,由於生物結構及反應過程往往比較複雜,圖片的資訊組塊數經常會超過上限,就要對生物結構或反應過程進行必要的分解,使得各部分資訊組塊數不超過短時記憶的容量限制(圖1)。1.2圖文互補原則對圖片進行扁平化設計時,要遵循圖文互補原則,讓圖畫與文字相互補充,如圖1所示的光合作用過程圖解就很好地實現了這一點。1.3組塊與圖式化原則由於幾個小組塊可以整合成一個包含較大資訊量的大組塊,組塊化程度越高,認知負荷越小,所以扁平化設計的圖片應該透過色塊或大字號的文字對相關資訊塊進行組塊化處理。如圖1就利用了灰色和白色色塊對光碟機動反應和碳反應進行了組塊化處理,將知識進行整合構建更加完善的認知圖式,有助於學生的短時記憶。但是,不是所有的圖片都適合進行扁平化設計。可依據所述的3個原則進行圖片的扁平化改造,而保留實物照片、教材插圖及因教學需要而擬物化的`圖片和動畫,以確保教育性和科學性。

2排版

2.1運用最佳視域和黃金分割律根據視覺心理學,人在觀看時最先看到的地方往往是一個平面的上部和中上部,而遵循黃金分割律的事物都能達到一種視覺平衡從而讓人感覺美觀。例如,將本頁最重要的名詞“束縛水”和“自由水”放在頁面中上部的黃金分割點(圖2中圓點),讓人一目瞭然。另外,運用扁平化元素———放棄高光、漸變和浮雕等修飾效果的色塊加以強調,更加突出重點。2.2創造獨特的頁面風格扁平化設計中,因所用的素材有限,排版具有創意才能做到簡潔大方,發揮扁平化設計獨特的美感。另外,課件應有統一的頁面風格,能形成規範,使學生快速適應各頁面的切換。例如,可運用方框、色塊等扁平化元素作為標識,為不同級別標題準備相應的表示方式,同一個課件中各頁面嚴格遵守,形成簡潔統一的頁面風格(圖3)。

3介面元素

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

4色彩

4.1靈活選擇配色方案配色方案多分為兩類:多色系配色方案(6~8種顏色)和單色系配色方案(在選定的色調上增加色彩之間對比度)。但教學課件的色彩一般應控制在三色以內,以確保課件風格一致及易於色彩統一。因此,製作教學課件時仍應將色彩控制在三色以內,再根據具體課件內容靈活選用配色方案。圖2選用單色系配色方案,“束縛水”和“自由水”背景色塊都是綠色,但色調有所區別,有一定的層次感和辨識度;圖3借鑑多色系配色方案,採用醒目明亮的綠色和橙黃色,增加視覺元素的趣味性。4.2減輕視覺疲勞恰當運用色彩可減輕視覺疲勞。例如,使用綠色,則有利於鎮靜神經[2];增大顏色間對比度,避免閱讀吃力;化大色塊背景為小色塊,減少可視面積,從而減輕視覺疲勞等。4.3根據主次安排色彩教學課件需對課件中的要點進行強調。根據主次合理安排色彩,如採用暖色標識文字、色塊搭配文字和放大字號的方式,可實現強調效果。其中,後兩種方式為扁平化設計的應用,與常規方式有所區別,比較新穎。

5文字

5.1字型推薦無襯線字型,其字型簡單,無過多修飾,符合扁平化風格。最常使用的中文無襯線字型是電腦自帶的微軟雅黑,並去除斜體、加陰影和加漸變,甚至使用藝術字等特效,更方便學生瀏覽和資訊的傳達[3]。5.2字號正文部分的字號一般不侷限於一種,且以大字號為扁平化特色。透過大膽加大字號,與排版相搭配,突破傳統,有利於吸引學生的注意力(圖2)。

主要參考文獻

[1]溫柔.2014.移動互動介面扁平化設計解讀.美術教育研究,(3):108

[2]時粉周,王珏,包德海.2003.不同顏色紙張對視功能的影響.海軍醫學雜誌,(3):227

[3]任冬巧,楊春燕.2014.扁平化設計在網頁設計中的運用研究.大眾科技,(6):4~5