多媒體作品的界面設(shè)計(jì)

1、多媒體作品的界面設(shè)計(jì)課 題多媒體作品的規(guī)劃主備人 都長青審稿人組長簽字教學(xué)目標(biāo)知識(shí)與技能1.掌握布局設(shè)計(jì)、美術(shù)設(shè)計(jì)、交互設(shè)計(jì)應(yīng)該注意的事項(xiàng)；2.初步認(rèn)識(shí)了解多媒體作品版面設(shè)計(jì)的設(shè)計(jì)要點(diǎn)；過程與方法1.進(jìn)一步掌握加工表達(dá)信息的能力；2.學(xué)會(huì)對(duì)作品進(jìn)行整體的構(gòu)思、規(guī)劃和設(shè)計(jì)，；3.在評(píng)價(jià)中不斷進(jìn)步，在進(jìn)步中學(xué)會(huì)評(píng)價(jià)；情感態(tài)度價(jià)值觀 1.能適當(dāng)表達(dá)自己的觀點(diǎn)、交流思想、開展合作；2.在探討中享受學(xué)習(xí)知識(shí)的感覺，在合作中領(lǐng)悟交流的樂趣；3.學(xué)會(huì)評(píng)價(jià)、尊重他人的勞動(dòng)成果，培養(yǎng)學(xué)生的審美觀；重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)是界面設(shè)計(jì)中布局設(shè)計(jì)、美術(shù)設(shè)計(jì)、交互設(shè)計(jì)的注意事項(xiàng)。教學(xué)難點(diǎn)是如何引導(dǎo)學(xué)生通過自主學(xué)習(xí)得到界面設(shè)計(jì)的

2、基本原則。學(xué)習(xí)方法自主學(xué)習(xí)-合作學(xué)習(xí)-探究學(xué)習(xí)教學(xué)方法情景教學(xué)法 建構(gòu)主義教學(xué)法 自主、合作、探究法 仿做法教學(xué)用具多媒體 教學(xué)過程目標(biāo)誘導(dǎo)-學(xué)生自學(xué)1.界面設(shè)計(jì)中布局設(shè)計(jì)、美術(shù)設(shè)計(jì)、交互設(shè)計(jì)的注意事項(xiàng)。2.界面設(shè)計(jì)的基本原則。展示交流精講點(diǎn)拔播放視頻師：我們對(duì)一個(gè)沒有深入了解的人的初步認(rèn)識(shí)往往來源于他的形象，看來，面子真的很重要。師：那么，對(duì)于多媒體作品來說，優(yōu)秀的界面設(shè)計(jì)能給人耳目一新的感覺，可以起到先聲奪人的作用，它是作品的“臉面”。一個(gè)好的界面常常能為作品帶來好的效果，使人容易理解，容易使用。師：如何才能設(shè)計(jì)出精美的多媒體界面呢？這就要求我們必須遵循一定的原則，使用一定的方法。師：多媒

3、體作品界面設(shè)計(jì)的目的在于合理安排和設(shè)定需要表達(dá)的多媒體信息及其表現(xiàn)形式和組織形式，所以多媒體作品的設(shè)計(jì)主要涉及到三個(gè)方面：布局設(shè)計(jì)、美術(shù)設(shè)計(jì)和交互設(shè)計(jì)。師：我們先來看布局設(shè)計(jì)，參照課本，哪個(gè)同學(xué)能說一說在布局設(shè)計(jì)上我們應(yīng)該遵循什么樣的原則和方法？生：界面布局應(yīng)該有整體上的一致性；界面布局要簡明清晰、注意突出主題信息、注意文字的顯示效果。師：我們一起來觀看一部優(yōu)秀的多媒體作品，在看的同時(shí)對(duì)照以上這幾點(diǎn)，分析一下它是怎么做到這些的。生：觀看多媒體作品師：現(xiàn)在同學(xué)們和老師一起來分析一下：1界面布局在整體上的一致性：無論是校園風(fēng)景、學(xué)生活動(dòng)還是教師風(fēng)采，它們?cè)诓季稚隙挤浅Ｒ恢?，左上角是?biāo)題區(qū)，左邊是圖

4、片視頻區(qū)、右邊是文字解說區(qū)、下邊是按鈕鏈接區(qū)（導(dǎo)航區(qū)），這種布局上的高度統(tǒng)一，讓整個(gè)作品看起來是協(xié)調(diào)統(tǒng)一。2界面布局簡明清晰：版面清楚，導(dǎo)航清晰、布局合理，內(nèi)容豐富，制作精美，讓人賞心悅目。3突出主題：輔助信息放在不引人注意的區(qū)域，主題信息放在顯眼的位置，字體較大，內(nèi)容描述簡短精悍。 4注意文字的顯示效果：老師對(duì)它的理解是，文字寫出來是要讓人看的，所以要和背景有很強(qiáng)的對(duì)比性，要大小適當(dāng)，不要太過密集，要有合適的留白，過多或過少的留白都是不太合適的，過多文字過少的留白在多媒體作品中會(huì)讓人的感覺喪失美感，產(chǎn)生疲憊感；過少的留白則會(huì)讓你的作品顯的空洞而無力。師：依據(jù)以上的原則，對(duì)老師提供的作品1作一

5、番評(píng)頭論足吧生：觀摩作品，談一談對(duì)布局設(shè)計(jì)的心得及注意事項(xiàng)。生師：同學(xué)們說的非常好，希望同學(xué)們?cè)谝院蟮膶W(xué)習(xí)中能夠揚(yáng)長避短。師：我們來看界面設(shè)計(jì)的第二項(xiàng)美術(shù)設(shè)計(jì)，談到美術(shù)，我們自然會(huì)想到色彩，一個(gè)好的作品當(dāng)然是離不開色彩的，色彩大體上可分為兩種：冷色和暖色，暖色調(diào)一般傳達(dá)出溫暖、喜慶、積極的精神，冷色調(diào)則具有沉穩(wěn)、理智、博大的意象。選擇顏色要貼合作品的內(nèi)容，前景色和背景色要有較大的對(duì)比度，而且在一個(gè)版塊中顏色的使用不易過多，花里忽哨的色彩會(huì)分散人的注意力，有時(shí)會(huì)讓作品有輕浮感。師：我們?cè)僖黄鸹仡^來看一下快樂的校園中這些版塊，它主要采用了藍(lán)色、綠色、黃色，表達(dá)出美麗、潔凈、安定、青春、活力的校園氛圍。任務(wù)二：觀看作品2，就美術(shù)設(shè)計(jì)方面，談?wù)勛约旱目捶ê透惺?。師：交互功能是多媒體作品中重要的組成部分，用的交互方式有：1菜單菜單是常用的交互方式之一。菜單主要是用文字來表示，它的特點(diǎn)是容易學(xué)習(xí)和使用，可以大大減輕使用者的記憶量和輸入量，還可以減少出現(xiàn)錯(cuò)誤的機(jī)會(huì)。2按鈕按鈕實(shí)際上是圖形化的菜單命令，它具有菜單界面的特點(diǎn)，但是按鈕需要占用的屏幕空間較大，所以適合于命令較少的界面。3對(duì)話這是最簡單的交互方式，利用自然語言提出問題，使用者通過鍵盤或鼠標(biāo)輸入文字進(jìn)行簡單的回答，計(jì)算機(jī)再根據(jù)回答的內(nèi)容進(jìn)行后續(xù)操作。師：界面設(shè)計(jì)之交互設(shè)計(jì)的目的:方便他人的使用、觀賞作品！任務(wù)三