多媒體課件界課件面設(shè)計(jì)制作

1、11多媒體課件界面設(shè)計(jì)制作(11課時(shí) 教學(xué)目標(biāo)1、了解多媒體課件界面規(guī)劃設(shè)計(jì)的重要性和基本原則；2、學(xué)會(huì)多媒體界面設(shè)計(jì)制作常用技巧； 3、會(huì)運(yùn)用學(xué)過(guò)的知識(shí)和技能設(shè)計(jì)制作出合適的多媒體課件界面。教學(xué)重點(diǎn)與難點(diǎn)1、多媒體課件界面規(guī)劃設(shè)計(jì)；2、界面設(shè)計(jì)制作常用技巧；3、知識(shí)技能的運(yùn)用。教學(xué)手段多媒體演示教學(xué)、研討法和上機(jī)探索練習(xí)教學(xué)過(guò)程引入：在前面的課程中，我們分別研究了圖像、圖形、文本等視覺(jué)素材的獲取、處理和制作方法，今天我們來(lái)研究如何綜合運(yùn)用前面學(xué)過(guò)的知識(shí)技能設(shè)計(jì)制作多媒體課件界面。思考：界面對(duì)于多媒體課件有什么作用？怎樣設(shè)計(jì)制作多媒體界面呢？第一部分：界面設(shè)計(jì)制作實(shí)例第二部分：界面規(guī)劃和設(shè)計(jì)第

2、三部分：界面設(shè)計(jì)制作過(guò)程上機(jī)作業(yè)：1、從FTP中下載教案閱讀，并思考：多媒體課件界面有哪些種類(lèi)？多媒體課件界面包括哪些元素？在規(guī)劃設(shè)計(jì)時(shí)應(yīng)注意什么？ 2、從FTP中下載相關(guān)素材，嘗試制作多媒體課件三國(guó)演義賞析的各種界面，并發(fā)布到論壇上。3、綜合考試：選擇與自己專(zhuān)業(yè)相關(guān)的一個(gè)課題，應(yīng)用學(xué)過(guò)的技巧設(shè)計(jì)制作多媒體界面(包括封面、目錄、內(nèi)容、封底頁(yè)面等）。第二部分：界面規(guī)劃和設(shè)計(jì)回目錄一、多媒體課件界面類(lèi)型：1、從內(nèi)容分：封面頁(yè)面、目錄頁(yè)面、內(nèi)容頁(yè)面和封底頁(yè)面等。2、從形式分：靜態(tài)、動(dòng)態(tài)、交互等。這里我們主要研究了靜態(tài)界面設(shè)計(jì)制作，動(dòng)態(tài)界面的制作我們將在研究動(dòng)畫(huà)素材再介紹。二、多媒體課件頁(yè)面分析：1、

3、封面頁(yè)面：要反映整個(gè)課件主題，吸引用戶(hù)的眼球。2、目錄頁(yè)面：整個(gè)課件內(nèi)容的目錄導(dǎo)航，可以點(diǎn)擊進(jìn)入各個(gè)具體的內(nèi)容頁(yè)面。3、內(nèi)容頁(yè)面：標(biāo)題區(qū)教學(xué)內(nèi)容區(qū)交互操作區(qū)導(dǎo)航幫助區(qū) 常用的內(nèi)容頁(yè)面其界面由標(biāo)題區(qū)、教學(xué)內(nèi)容區(qū)、導(dǎo)航幫助區(qū)、交互操作區(qū)等組成。 根據(jù)需要可適當(dāng)增減 。 標(biāo)題區(qū)：用來(lái)顯示本頁(yè)面教學(xué)內(nèi)容的標(biāo)題。導(dǎo)航幫助區(qū)：多媒體課件中的導(dǎo)航策略很重要，它可以知道學(xué)習(xí)者沿著正確的路徑學(xué)習(xí)，避免迷途或少走彎路。因此在制作腳本時(shí)，應(yīng)有相應(yīng)內(nèi)容的描述并在界面上有所考慮。交互作用區(qū)：根據(jù)學(xué)習(xí)者操作的習(xí)慣，一般位置是在右邊、下邊或右下角，用于幫助用戶(hù)選擇相應(yīng)的教學(xué)內(nèi)容。教學(xué)內(nèi)容區(qū)：主要用來(lái)呈現(xiàn)知識(shí)內(nèi)容、演示說(shuō)明、

4、舉例驗(yàn)證、顯示問(wèn)題等，它們一般是以多媒體信息來(lái)呈現(xiàn)的。在安排這些媒體時(shí)，重點(diǎn)是對(duì)各種可視信息如文本、圖形、圖像、活動(dòng)影像、動(dòng)畫(huà)等的定位和大小的設(shè)計(jì)。整個(gè)教學(xué)內(nèi)容區(qū)在界面上應(yīng)處于醒目的位置并占有較大的位置?；啬夸? 、 封底 頁(yè)面：展示版權(quán)和制作者、制作日期等信息。 三、界面設(shè)計(jì)：多媒體課件的界面作為直接面向?qū)W習(xí)者的人機(jī)交互信息傳遞和導(dǎo)航中介，直接影響到所開(kāi)發(fā)的多媒體課件教學(xué)效果的發(fā)揮，因此必須出精心設(shè)計(jì)友好的多媒體課件界面，以獲得最佳的效果。多媒體課件界面設(shè)計(jì)包含：整體設(shè)計(jì)、交互設(shè)計(jì)、信息內(nèi)容設(shè)計(jì)、轉(zhuǎn)換設(shè)計(jì)、構(gòu)成要素布局設(shè)計(jì)等。詳細(xì)內(nèi)容請(qǐng)上機(jī)閱讀參考資料：多媒體課件界面設(shè)計(jì)技巧。提高設(shè)計(jì)水平的

5、方法是多看、多研究、多嘗試、多實(shí)踐。第三部分：界面設(shè)計(jì)制作過(guò)程 回目錄美化素材第一部分： 界面設(shè)計(jì)制作實(shí)例 回目錄下面以多媒體課件 三國(guó)演義賞析 為例說(shuō)明界面設(shè)計(jì)制作過(guò)程，并介紹設(shè)計(jì)制作技巧： 一、選題：學(xué)生文學(xué)素養(yǎng)的培養(yǎng)是中小學(xué)語(yǔ)文教學(xué)的重點(diǎn)內(nèi)容，而文學(xué)素養(yǎng)培養(yǎng)的一個(gè)行之有效的途徑是引導(dǎo)學(xué)生去閱讀欣賞名著，本多媒體課件通過(guò)對(duì)中國(guó)古典文學(xué)名著三國(guó)演義的介紹，讓學(xué)生產(chǎn)生對(duì)這本名著的興趣，從而引導(dǎo)他們?nèi)ラ喿x欣賞，進(jìn)行研究性學(xué)習(xí)。Why：這里解決的是為什么做的問(wèn)題。二、規(guī)劃設(shè)計(jì)：通過(guò)下列過(guò)程來(lái)展開(kāi)學(xué)習(xí)。課后拓展三、界面設(shè)計(jì)和素材準(zhǔn)備：根據(jù)規(guī)劃進(jìn)行各界面設(shè)計(jì)和搜集相關(guān)素材并作相應(yīng)處理。詳見(jiàn)素材文件夾。

6、What：這里解決的是做什么的問(wèn)題。四、制作：How：這里解決的是怎么做的問(wèn)題。綜合考試指導(dǎo)：回目錄選擇與自己專(zhuān)業(yè)相關(guān)的一個(gè)課題，應(yīng)用學(xué)過(guò)的技巧設(shè)計(jì)制作多媒體界面 ( 包括封面、目錄、內(nèi)容、封底頁(yè)面等）。 一、選題：什么是課題?所謂課題，就是從研究方向所指示的問(wèn)題中所確立的具體研究項(xiàng)目，它可以是有關(guān)政治、歷史、教育、經(jīng)濟(jì)、藝術(shù)等文科類(lèi)的問(wèn)題，也可以是有關(guān)天文、生物、環(huán)保、理化、機(jī)器人等理科類(lèi)的問(wèn)題。一般可以選擇自己感興趣的項(xiàng)目進(jìn)行研究。作為多媒體課件制作課的研究性學(xué)習(xí)課題，在選擇上應(yīng)注意是否最后能以多媒體課件的形式把研究結(jié)果表現(xiàn)出來(lái)。（是否可以用多媒體如文字、圖片、聲音、動(dòng)畫(huà)和視頻等表現(xiàn)出來(lái)）

7、；下面是一些參考課題：五十五個(gè)少數(shù)民族的風(fēng)俗特色、名著XXX賞析、西湖美景、話(huà)說(shuō)長(zhǎng)江、我的家鄉(xiāng)、電腦美術(shù)欣賞、奧運(yùn)歷史、神秘的宇宙、動(dòng)物探秘、高科技軍事技術(shù)、顏色和情緒說(shuō)明部分二、規(guī)劃設(shè)計(jì)： 通過(guò)哪些來(lái)展示該課題研究?jī)?nèi)容?？赏ㄟ^(guò)框圖形式來(lái)表示。如： 三、搜集素材：根據(jù)需要，通過(guò)搜索引擎搜索相關(guān)素材并下載保存到相應(yīng)文件夾中。三、設(shè)計(jì)制作界面：1、封面頁(yè)面設(shè)計(jì)制作：2、目錄頁(yè)面設(shè)計(jì)制作：3、內(nèi)容頁(yè)面設(shè)計(jì)制作：4、封底頁(yè)面設(shè)計(jì)制作：四、制作要求：1、界面大?。阂话銥?00像素×600像素，分辨率為72像素/英寸，色彩模式為RGB。2、保存為PSD文件，命名為類(lèi)別.psd。四個(gè)文件打包成ra

8、r文件，并命名為“班級(jí)代號(hào)中文姓名學(xué)號(hào).rar”，上傳到FTP相應(yīng)班級(jí)目錄中。3、存儲(chǔ)為jpg文件，上傳到論壇相應(yīng)位置，并作一些說(shuō)明。多媒體課件界面作用回目錄美的多媒體課件界面可以使學(xué)習(xí)者感到耳目一新。通過(guò)感受課件界面上的色彩、圖案、物體、創(chuàng)意、動(dòng)畫(huà)等元素，形成對(duì)課件的第一印象，然后學(xué)習(xí)者又通過(guò)界面上提供的各種信息和功能元素進(jìn)行學(xué)習(xí)，可以說(shuō)多媒體課件界面是學(xué)習(xí)者對(duì)課件最初、最深，也是最重要的印象。因此，在設(shè)計(jì)制作多媒體課件界面時(shí)如果能做到：內(nèi)容清楚、指示明白、版面美觀、有親切感；那么這樣的課件就容易被使用者理解和接受，并有興趣去使用，從而讓使用者更容易掌握和使用。因此規(guī)劃設(shè)計(jì)和制作界面是多媒體

9、課件設(shè)計(jì)制作的一個(gè)非常重要的環(huán)節(jié)。多媒體課件界面設(shè)計(jì)技巧一、多媒體課件界面構(gòu)成要素：界面是多媒體課件傳遞信息的窗口，所傳遞的信息有兩類(lèi)：交互控制類(lèi)信息和教學(xué)內(nèi)容信息?？刂祁?lèi)信息的表達(dá)方式有菜單、按鈕、圖標(biāo)、熱點(diǎn)、熱區(qū)等，用戶(hù)通過(guò)使用它們實(shí)現(xiàn)對(duì)課件的控制操作，例如查看前頁(yè)、播放、退出、幫助等；教學(xué)內(nèi)容信息表達(dá)方式有文本、圖形、圖像、活動(dòng)影像、動(dòng)畫(huà)，主要用來(lái)呈現(xiàn)知識(shí)內(nèi)容、演示說(shuō)明、舉例驗(yàn)證、顯示問(wèn)題等；這些構(gòu)成了課件界面的組成要素，對(duì)界面的設(shè)計(jì)就是對(duì)這些要素的設(shè)計(jì)。二、設(shè)計(jì)技巧：1、多媒體課件界面整體設(shè)計(jì)內(nèi)容準(zhǔn)確簡(jiǎn)潔：準(zhǔn)確就是要求表達(dá)的意恩明確，不要使用意思含混、模棱兩可的詞匯或句子；簡(jiǎn)潔就是盡可

10、能用較少的文字或簡(jiǎn)單的圖表來(lái)表達(dá)所需的信息。前后一致：前后一致是人機(jī)界面領(lǐng)域的普遍原則，它是將相同類(lèi)型的信息使用一致的相似方式顯示，包括顯示風(fēng)格、布局、位置、所使用的顏色等的一致性以及相似的人機(jī)操作方式。色彩搭配協(xié)調(diào)：色調(diào)要鮮明，要為塑造的形象、創(chuàng)造的意境和表現(xiàn)的主題服務(wù)。不同的主題、不同的內(nèi)容應(yīng)用不同的色調(diào)來(lái)表現(xiàn)。色彩如果使用不合理，就會(huì)對(duì)人產(chǎn)生視覺(jué)疲勞等方面的心理影響，過(guò)分渲染則分散人的注意力。界面布局合理：主題明確；界面各窗口大小合適協(xié)調(diào)、布局合理；界面中所開(kāi)的窗口數(shù)量不要太多；區(qū)域劃分清晰，利于用戶(hù)操作等。界面窗口的大?。航缑嬷兴_(kāi)的窗口數(shù)量不要太多，因?yàn)榇翱诘闹饕康氖菐椭鷮W(xué)習(xí)者能區(qū)

11、分畫(huà)面上的資料，窗口過(guò)多、過(guò)于復(fù)雜就失去了區(qū)分的意義。由于計(jì)算機(jī)屏幕有限，為了使教學(xué)信息呈現(xiàn)清楚，教學(xué)信息窗口開(kāi)得越大越好。對(duì)于內(nèi)容較多的，可在窗口邊緣采用滾動(dòng)條或翻頁(yè)方式。布局：教學(xué)信息一般安排在突出的位置，屏幕的左中部，占的空間盡量大；按鈕區(qū)放在右下角，方便鼠標(biāo)操作；若一屏還有講解、練習(xí)和幫助信息，則幫助信息放在最底行，講解放在右邊，練習(xí)在下方，但最好一屏不要安排這么多內(nèi)容。其基本要求是要在屏幕平面上設(shè)計(jì)好空間關(guān)系，使布局合理、主體突出、具有藝術(shù)感染力，使教學(xué)內(nèi)容生動(dòng)形象地展示在學(xué)習(xí)者商前。主題：每一個(gè)框面內(nèi)容最好都有一個(gè)主題，出現(xiàn)在窗口較醒目的位置。退出2、界面交互設(shè)計(jì)：多媒體課件中交互

12、功能是通過(guò)菜單、窗口、圖標(biāo)、按鈕等實(shí)現(xiàn)的，其界面的設(shè)計(jì)原則如下：象征性：使用熟悉的象征物做菜單、圖標(biāo)、按鈕時(shí)，學(xué)習(xí)者就能較快地了解其功能，節(jié)省熟悉界面的時(shí)間。設(shè)計(jì)時(shí)提供一些生活中的象征物，如閱讀課件內(nèi)容，以“書(shū)”作為背景象征物；搜索、查詢(xún)，用“圖書(shū)館”、“博物館”或“放大鏡”作象征物等。一致性：菜單、圖標(biāo)、窗口、按鈕等界面在課件中的位置、大小、功能和出現(xiàn)的時(shí)機(jī)要一致，保持相對(duì)的固定，整體畫(huà)面協(xié)調(diào)，用語(yǔ)前后一致，操作程序標(biāo)準(zhǔn)化，功能鍵使用一致，信息提示有固定的位置?？捎眯裕阂恍┗镜乃阉骰驌Q頁(yè)功能如前頁(yè)、后頁(yè)、返回、回主菜單等最好一直留在畫(huà)面上，并巳有對(duì)應(yīng)的文字菜單，學(xué)習(xí)者無(wú)須記住指令，即可使用

13、菜單，也可使用圖標(biāo)、按鈕。3、教學(xué)內(nèi)容信息設(shè)計(jì)：文字：多媒體文本的設(shè)計(jì)，應(yīng)該用盡量少的文字來(lái)表明事實(shí)的含義。這是因?yàn)槿藗兺ǔ２幌矚g閱讀滿(mǎn)屏幕的文字。除在屏幕上盡量減少文字的使用之外，還需注意盡量不要將文字排列成錐體形狀。文本中必須要選用容易閱讀的字體，除了大型標(biāo)題可選擇一些帶有美術(shù)色彩的字體外，文本通常應(yīng)選擇易讀的字體，文字的顏色也要認(rèn)真設(shè)計(jì)，不同內(nèi)容的文字顏色應(yīng)設(shè)計(jì)為不同。底圖：隨著各種繪圖軟件的出現(xiàn)，圖形掃描儀的不斷先進(jìn)，很多課件的框面都加入了底圖，教學(xué)內(nèi)容呈現(xiàn)在底圖上，如果底圖的顏色較深或底圖畫(huà)面較為突出，這樣一方面閱讀教學(xué)內(nèi)容較為困難，另一方面喧賓奪主。建議不要用底圖，或?qū)⒌咨O(shè)置為白色，或只是在框面的左上角、右下角加入小塊修飾用圖（如小花、小草、小鳥(niǎo)之類(lèi)的），起平衡畫(huà)面之用。聲音：聲音包含語(yǔ)音、音樂(lè)和音效等，多媒體課件中的聲音聲音功能有：引起注意、舒緩等候、提示反應(yīng)、表示事件進(jìn)程、提供情景音效、提供反饋等。 動(dòng)畫(huà)、視頻圖象：利用動(dòng)態(tài)方式說(shuō)明教學(xué)內(nèi)容