扁平化設(shè)計(jì)對多媒體課件制作的應(yīng)用論文

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

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

　　多媒體課件是連接信息技術(shù)與課程整合的重要橋梁，但課件可能存在的“課本搬家”、色彩不和諧和排版單調(diào)等問題將直接影響課件的質(zhì)量，進(jìn)而影響教學(xué)的效果。扁平化設(shè)計(jì)指“零3D屬性的設(shè)計(jì)［1］”。自2010年以來，隨著數(shù)碼化程度的提高，扁平化設(shè)計(jì)越來越多地運(yùn)用到產(chǎn)品設(shè)計(jì)中。目前，生物學(xué)教學(xué)中的多媒體課件以PPT為主。本文以生物學(xué)課件為設(shè)計(jì)對象，總結(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ì)的圖片包含的信息組塊不宜過多，由于生物結(jié)構(gòu)及反應(yīng)過程往往比較復(fù)雜，圖片的信息組塊數(shù)經(jīng)常會(huì)超過上限，就要對生物結(jié)構(gòu)或反應(yīng)過程進(jìn)行必要的分解，使得各部分信息組塊數(shù)不超過短時(shí)記憶的容量限制(圖1)。1．2圖文互補(bǔ)原則對圖片進(jìn)行扁平化設(shè)計(jì)時(shí)，要遵循圖文互補(bǔ)原則，讓圖畫與文字相互補(bǔ)充，如圖1所示的光合作用過程圖解就很好地實(shí)現(xiàn)了這一點(diǎn)。1．3組塊與圖式化原則由于幾個(gè)小組塊可以整合成一個(gè)包含較大信息量的大組塊，組塊化程度越高，認(rèn)知負(fù)荷越小，所以扁平化設(shè)計(jì)的圖片應(yīng)該通過色塊或大字號的文字對相關(guān)信息塊進(jìn)行組塊化處理。如圖1就利用了灰色和白色色塊對光驅(qū)動(dòng)反應(yīng)和碳反應(yīng)進(jìn)行了組塊化處理，將知識進(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á)到一種視覺平衡從而讓人感覺美觀。例如，將本頁最重要的名詞“束縛水”和“自由水”放在頁面中上部的黃金分割點(diǎn)(圖2中圓點(diǎn))，讓人一目了然。另外，運(yùn)用扁平化元素———放棄高光、漸變和浮雕等修飾效果的色塊加以強(qiáng)調(diào)，更加突出重點(diǎn)。2．2創(chuàng)造獨(dú)特的頁面風(fēng)格扁平化設(shè)計(jì)中，因所用的素材有限，排版具有創(chuàng)意才能做到簡潔大方，發(fā)揮扁平化設(shè)計(jì)獨(dú)特的美感。另外，課件應(yīng)有統(tǒng)一的頁面風(fēng)格，能形成規(guī)范，使學(xué)生快速適應(yīng)各頁面的切換。例如，可運(yùn)用方框、色塊等扁平化元素作為標(biāo)識，為不同級別標(biāo)題準(zhǔn)備相應(yīng)的表示方式，同一個(gè)課件中各頁面嚴(yán)格遵守，形成簡潔統(tǒng)一的頁面風(fēng)格(圖3)。

　　3界面元素

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

　　4色彩

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

　　5文字

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

　　主要參考文獻(xiàn)

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

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

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