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

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

　　摘要：本文探討扁平化設計在生物學(xué)課件制作中的應用策略，為扁平化設計在多媒體課件教學(xué)中的應用提供思路。

　　關(guān)鍵詞：多媒體課件制作論文

　　多媒體課件是連接信息技術(shù)與課程整合的重要橋梁，但課件可能存在的“課本搬家”、色彩不和諧和排版單調等問(wèn)題將直接影響課件的質(zhì)量，進(jìn)而影響教學(xué)的效果。扁平化設計指“零3D屬性的設計［1］”。自2010年以來(lái)，隨著(zhù)數碼化程度的提高，扁平化設計越來(lái)越多地運用到產(chǎn)品設計中。目前，生物學(xué)教學(xué)中的多媒體課件以PPT為主。本文以生物學(xué)課件為設計對象，總結扁平化設計在多媒體教學(xué)課件制作中的應用策略，詳見(jiàn)如下:

　　1圖片

　　扁平化設計最核心之處是除冗雜，更加精煉地展示信息和突出關(guān)鍵部分。為了使扁平化設計的生物學(xué)教學(xué)圖片能提高學(xué)習效率，提出了3個(gè)生物學(xué)圖片的設計原則。1．1認知負荷分解原則扁平化設計的圖片包含的信息組塊不宜過(guò)多，由于生物結構及反應過(guò)程往往比較復雜，圖片的信息組塊數經(jīng)常會(huì )超過(guò)上限，就要對生物結構或反應過(guò)程進(jìn)行必要的分解，使得各部分信息組塊數不超過(guò)短時(shí)記憶的容量限制(圖1)。1．2圖文互補原則對圖片進(jìn)行扁平化設計時(shí)，要遵循圖文互補原則，讓圖畫(huà)與文字相互補充，如圖1所示的光合作用過(guò)程圖解就很好地實(shí)現了這一點(diǎn)。1．3組塊與圖式化原則由于幾個(gè)小組塊可以整合成一個(gè)包含較大信息量的大組塊，組塊化程度越高，認知負荷越小，所以扁平化設計的圖片應該通過(guò)色塊或大字號的文字對相關(guān)信息塊進(jìn)行組塊化處理。如圖1就利用了灰色和白色色塊對光驅動(dòng)反應和碳反應進(jìn)行了組塊化處理，將知識進(jìn)行整合構建更加完善的認知圖式，有助于學(xué)生的短時(shí)記憶。但是，不是所有的圖片都適合進(jìn)行扁平化設計�？梢罁�所述的3個(gè)原則進(jìn)行圖片的扁平化改造，而保留實(shí)物照片、教材插圖及因教學(xué)需要而擬物化的圖片和動(dòng)畫(huà)，以確保教育性和科學(xué)性。

　　2排版

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

　　3界面元素

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

　　4色彩

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

　　5文字

　　5．1字體推薦無(wú)襯線(xiàn)字體，其字體簡(jiǎn)單，無(wú)過(guò)多修飾，符合扁平化風(fēng)格。最常使用的中文無(wú)襯線(xiàn)字體是電腦自帶的微軟雅黑，并去除斜體、加陰影和加漸變，甚至使用藝術(shù)字等特效，更方便學(xué)生瀏覽和信息的傳達［3］。5．2字號正文部分的字號一般不局限于一種，且以大字號為扁平化特色。通過(guò)大膽加大字號，與排版相搭配，突破傳統，有利于吸引學(xué)生的注意力(圖2)。

　　主要參考文獻

　�。�1］溫柔．2014．移動(dòng)交互界面扁平化設計解讀．美術(shù)教育研究，(3):108

　�。�2］時(shí)粉周，王玨，包德海．2003．不同顏色紙張對視功能的影響．海軍醫學(xué)雜志，(3):227

　�。�3］任冬巧，楊春燕．2014．扁平化設計在網(wǎng)頁(yè)設計中的運用研究．大眾科技，(6):4～5