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

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

3、分析:1、封面頁面：要反映整個(gè)課件主題，吸引用戶的眼球。2、目錄頁面：整個(gè)課件內(nèi)容的目錄導(dǎo)航，可以點(diǎn)擊進(jìn)入各個(gè)具體的內(nèi)容頁面。3、內(nèi)容頁面:標(biāo)題區(qū)教學(xué)內(nèi)容區(qū)交互操作區(qū)導(dǎo)航幫助區(qū)口 二二二二 I常用的內(nèi)容頁面其界面由標(biāo)題區(qū)、教學(xué)內(nèi)容區(qū)、導(dǎo)航幫助區(qū)、交互操作區(qū)等組成。根據(jù)需要可適當(dāng)增減。標(biāo)題區(qū)：用來顯示本頁面教學(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í)慣，一般位置是在右邊、下邊或右下角，用于幫助 用戶選擇相應(yīng)的教學(xué)內(nèi)容。教學(xué)內(nèi)容區(qū)：主要用來呈現(xiàn)

4、知識(shí)內(nèi)容、演示說明、舉例驗(yàn)證、顯示問題等，它們一般 是以多媒體信息來呈現(xiàn)的。在安排這些媒體時(shí)，重點(diǎn)是對(duì)各種可視信息如文本、圖形、圖像、 活動(dòng)影像、動(dòng)畫等的定位和大小的設(shè)計(jì)。整個(gè)教學(xué)內(nèi)容區(qū)在界面上應(yīng)處于醒目的位置并占有較 大的位置。回目錄4、封底頁面：展示版權(quán)和制作者、制作日期等信息。三、界面設(shè)計(jì):多媒體課件的界面作為直接面向?qū)W習(xí)者的人機(jī)交互信息傳遞和導(dǎo)航中介，直接影響到所 開發(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ī)閱讀參考資料：多媒體課件界面

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

6、應(yīng)處理。詳見素材文件夾。What:這里解決的是做什么的問題。四、制作:How:這里解決的是怎么做的問題。1三國演義賁析作者簡介 歷史背景 三國人物 藝術(shù)特色綜合考試指導(dǎo):回目錄（包括封選擇與自己專業(yè)相關(guān)的一個(gè)課題，應(yīng)用學(xué)過的技巧設(shè)計(jì)制作多媒體界面 面、目錄、內(nèi)容、封底頁面等）。一、選題:什么是課題？所謂課題，就是從研究方向所指示的問題中所確立的具體研究項(xiàng)目，它可以 是有關(guān)政治、歷史、教育、經(jīng)濟(jì)、藝術(shù)等文科類的問題，也可以是有關(guān)天文、生物、環(huán)保、理 化、機(jī)器人等理科類的問題。一般可以選擇自己感興趣的項(xiàng)目進(jìn)行研究。聲曰、作為多媒體課件制作課的研究性學(xué)習(xí)課題，在選擇上應(yīng)注意是否最后能以多媒體課件的形

7、 式把研究結(jié)果表現(xiàn)出來。（是否可以用多媒體如文字、圖片、聲音、動(dòng)畫和視頻等表現(xiàn)出 來）；下面是一些參考課題：五十五個(gè)少數(shù)民族的風(fēng)俗特色、名著XXX賞析、西湖美景、話說長江、我的家鄉(xiāng)、電腦美術(shù)欣賞、奧運(yùn)歷史、神秘的宇宙、動(dòng)物探秘、高科技軍事技 術(shù)、顏色和情緒說明部分二、規(guī)劃設(shè)計(jì)：通過哪些來展示該課題研究內(nèi)容。可通過框圖形式來表示。如:三、搜集素材：根據(jù)需要，通過搜索引擎搜索相關(guān)素材并下載保存到相應(yīng)文件夾中。三、設(shè)計(jì)制作界面:1、封面頁面設(shè)計(jì)制作:2、目錄頁面設(shè)計(jì)制作:3、內(nèi)容頁面設(shè)計(jì)制作:4、封底頁面設(shè)計(jì)制作:四、制作要求:2、保存為 中文姓名+學(xué)號(hào)3、存儲(chǔ)為jpg文件，上傳到論壇相應(yīng)位置，并作

8、一些說明。RGB。1界面大小：一般為 800像素X600像素，分辨率為72像素/英寸，色彩模式為PSD文件，命名為類別.psd。四個(gè)文件打包成 rar文件，并命名為 班級(jí)代號(hào)+ .rar，"上傳到FTP相應(yīng)班級(jí)目錄中。多媒體課件界面作用回目錄美的多媒體課件界面可以使學(xué)習(xí)者感到耳目一新。通過感受課件界面上的色彩、圖案、物體、創(chuàng)意、動(dòng)畫等元素，形成對(duì)課件的第一印象，然后學(xué)習(xí)者又通過界面上提供的各種信息和功能元素進(jìn)行學(xué)習(xí)，可以說多媒體課件界面是學(xué)習(xí)者對(duì)課件最初、最深，也是最重要的印象。因此，在設(shè)計(jì)制作多媒體課件界面時(shí)如果能做到：內(nèi)容清楚、指示明白、版面美觀、有親 切感；那么這樣的課件就容易

9、被使用者理解和接受，并有興趣去使用，從而讓使用者更容易掌 握和使用。因此規(guī)劃設(shè)計(jì)和制作界面是多媒體課件設(shè)計(jì)制作的一個(gè)非常重要的環(huán)節(jié)。1# -kAAJr-円I#* "I » w ,.-.Eh西火J H :H汀負(fù)；I X & =BSE it«多媒體課件界面設(shè)計(jì)技巧一、多媒體課件界面構(gòu)成要素:界面是多媒體課件傳遞信息的窗口，所傳遞的信息有兩類：交互控制類信息和教學(xué)內(nèi)容信息。控制類信 息的表達(dá)方式有菜單、按鈕、圖標(biāo)、熱點(diǎn)、熱區(qū)等，用戶通過使用它們實(shí)現(xiàn)對(duì)課件的控制操作，例如查看前 頁、播放、退出、幫助等；教學(xué)內(nèi)容信息表達(dá)方式有文本、圖形、圖像、活動(dòng)影像、動(dòng)畫，主要用

10、來呈現(xiàn)知識(shí) 內(nèi)容、演示說明、舉例驗(yàn)證、顯示問題等；這些構(gòu)成了課件界面的組成要素，對(duì)界面的設(shè)計(jì)就是對(duì)這些要素的 設(shè)計(jì)。二、設(shè)計(jì)技巧：1、多媒體課件界面整體設(shè)計(jì)內(nèi)容準(zhǔn)確簡潔：準(zhǔn)確就是要求表達(dá)的意恩明確，不要使用意思含混、模棱兩可的詞匯或句子；簡潔就 是盡可能用較少的文字或簡單的圖表來表達(dá)所需的信息。前后一致：前后一致是人機(jī)界面領(lǐng)域的普遍原則，它是將相同類型的信息使用一致的相似方式顯示, 包括顯示風(fēng)格、布局、位置、所使用的顏色等的一致性以及相似的人機(jī)操作方式。色彩搭配協(xié)調(diào)：色調(diào)要鮮明，要為塑造的形象、創(chuàng)造的意境和表現(xiàn)的主題服務(wù)。不同的主題、不同的 內(nèi)容應(yīng)用不同的色調(diào)來表現(xiàn)。色彩如果使用不合理，就會(huì)對(duì)

11、人產(chǎn)生視覺疲勞等方面的心理影響，過分渲染則分 散人的注意力。界面布局合理：主題明確；界面各窗口大小合適協(xié)調(diào)、布局合理；界面中所開的窗口數(shù)量不要太多; 區(qū)域劃分清晰，利于用戶操作等。界面窗口的大小：界面中所開的窗口數(shù)量不要太多，因?yàn)榇翱诘闹饕康氖菐椭鷮W(xué)習(xí)者能區(qū)分畫面上 的資料，窗口過多、過于復(fù)雜就失去了區(qū)分的意義。由于計(jì)算機(jī)屏幕有限，為了使教學(xué)信息呈現(xiàn)清楚，教學(xué)信 息窗口開得越大越好。對(duì)于內(nèi)容較多的，可在窗口邊緣采用滾動(dòng)條或翻頁方式。布局：教學(xué)信息一般安排在突出的位置，屏幕的左中部，占的空間盡量大；按鈕區(qū)放在右下角，方便 鼠標(biāo)操作；若一屏還有講解、練習(xí)和幫助信息，則幫助信息放在最底行，講解放在

12、右邊，練習(xí)在下方，但最好 一屏不要安排這么多內(nèi)容。其基本要求是要在屏幕平面上設(shè)計(jì)好空間關(guān)系，使布局合理、主體突出、具有藝術(shù) 感染力，使教學(xué)內(nèi)容生動(dòng)形象地展示在學(xué)習(xí)者商前。主題：每一個(gè)框面內(nèi)容最好都有一個(gè)主題，出現(xiàn)在窗口較醒目的位置。退出2、界面交互設(shè)計(jì)：多媒體課件中交互功能是通過菜單、窗口、圖標(biāo)、按鈕等實(shí)現(xiàn)的，其界面的設(shè)計(jì)原則如下：象征性：使用熟悉的象征物做菜單、圖標(biāo)、按鈕時(shí)，學(xué)習(xí)者就能較快地了解 其功能，節(jié)省熟悉界面的時(shí)間。設(shè)計(jì)時(shí)提供一些生活中的象征物，如閱讀課件內(nèi) 容，以“書”作為背景象征物；搜索、查詢，用 “圖書館”、 “博物館 ”或“放大鏡”作象 征物等。一致性：菜單、圖標(biāo)、窗口、按鈕

13、等界面在課件中的位置、大小、功能和出 現(xiàn)的時(shí)機(jī)要一致，保持相對(duì)的固定，整體畫面協(xié)調(diào)，用語前后一致，操作程序標(biāo)準(zhǔn) 化，功能鍵使用一致，信息提示有固定的位置。可用性：一些基本的搜索或換頁功能如前頁、后頁、返回、回主菜單等最好 一直留在畫面上，并巳有對(duì)應(yīng)的文字菜單，學(xué)習(xí)者無須記住指令，即可使用菜單， 也可使用圖標(biāo)、按鈕。3、教學(xué)內(nèi)容信息設(shè)計(jì)：文字：多媒體文本的設(shè)計(jì)，應(yīng)該用盡量少的文字來表明事實(shí)的含義。這是因 為人們通常不喜歡閱讀滿屏幕的文字。除在屏幕上盡量減少文字的使用之外，還需 注意盡量不要將文字排列成錐體形狀。文本中必須要選用容易閱讀的字體，除了大 型標(biāo)題可選擇一些帶有美術(shù)色彩的字體外，文本通常應(yīng)選擇易讀的字體，文字的顏 色也要認(rèn)真設(shè)計(jì)，不同內(nèi)容的文字顏色應(yīng)設(shè)計(jì)為不同。底圖：隨著各種繪圖軟件的出現(xiàn)，圖形掃描儀的不斷先進(jìn)，很多課件的框面 都加入了底圖，教學(xué)內(nèi)容呈現(xiàn)在底圖上，如果底圖的顏色較深或底圖畫面較為突 出，這樣一方面閱讀教學(xué)內(nèi)容較為困難，另一方面喧賓奪主。建議不要用底圖，或 將底色設(shè)置為白色，或只是在框面的左上角、右下角加入小塊修飾用圖（如小花、 小草、小鳥之類的），起平衡畫面之用。聲音：聲音包含語音、音樂和音效等，多媒體課件中的聲音聲音功能有：引起注 意、舒緩等候、提示反應(yīng)、表示事件進(jìn)程、提供情景音效、提供反饋等。動(dòng)畫、視頻圖象：利用動(dòng)態(tài)方式說