《版式設(shè)計(jì)》543-0（吳永堅(jiān)）教案 第14節(jié) DM單版式與網(wǎng)頁的版式設(shè)計(jì)

PAGE4PAGE4PAGE3PAGE3

課題DM單版式與網(wǎng)頁的版式設(shè)計(jì)課時(shí)2課時(shí)（90min）教學(xué)目標(biāo)知識(shí)技能目標(biāo)：（1）了解DM單版式設(shè)計(jì)的特點(diǎn)和要點(diǎn)（2）能夠分析優(yōu)秀DM單版式設(shè)計(jì)作品的設(shè)計(jì)思路和優(yōu)點(diǎn)（3）了解網(wǎng)頁版式設(shè)計(jì)的特點(diǎn)和要點(diǎn)（4）能夠分析優(yōu)秀網(wǎng)頁版式設(shè)計(jì)作品的設(shè)計(jì)思路和優(yōu)點(diǎn)素質(zhì)目標(biāo):培養(yǎng)學(xué)生的審美能力，使學(xué)生學(xué)會(huì)分析優(yōu)秀作品的優(yōu)點(diǎn)，并將其納為己用教學(xué)重難點(diǎn)教學(xué)重點(diǎn)：DM單及網(wǎng)頁版式設(shè)計(jì)的特點(diǎn)和要點(diǎn)教學(xué)難點(diǎn)：能夠分析優(yōu)秀DM單和優(yōu)秀網(wǎng)頁版式設(shè)計(jì)作品的設(shè)計(jì)思路和優(yōu)點(diǎn)教學(xué)方法案例分析法、問答法、討論法、講授法、課堂實(shí)踐法教學(xué)用具電腦、投影儀、多媒體課件、教材、文旌課堂APP教學(xué)設(shè)計(jì)第1節(jié)課：→→傳授新知（23min）→作品賞析（15min）第2節(jié)課：→傳授新知（20min）→作品賞析（15min）→課堂小結(jié)（3min）→作業(yè)布置（2min）教學(xué)過程主要教學(xué)內(nèi)容及步驟設(shè)計(jì)意圖第一節(jié)課考勤

（2min）【教師】使用文旌課堂APP進(jìn)行簽到【學(xué)生】按照老師要求簽到培養(yǎng)學(xué)生的組織紀(jì)律性，掌握學(xué)生的出勤情況問題導(dǎo)入（5min）【教師】提出問題：DM單具有哪些特點(diǎn)？【學(xué)生】思考、舉手回答通過問題導(dǎo)入，引導(dǎo)學(xué)生主動(dòng)思考，激發(fā)學(xué)生的學(xué)習(xí)興趣傳授新知

（23min）【教師】總結(jié)學(xué)生的回答，并引入新知，講解DM單版式版式設(shè)計(jì)的相關(guān)知識(shí)一、DM單版式設(shè)計(jì)的特點(diǎn)DM是英文DirectMail的縮寫，即直郵廣告，主要是通過郵寄、贈(zèng)送等形式傳到人們手中的一種信息傳達(dá)載體。DM單的表現(xiàn)形式多樣，運(yùn)用范圍廣泛，包括傳單、折頁、請(qǐng)柬、立體卡片、宣傳冊(cè)等。DM單是一種非轟動(dòng)性效應(yīng)的廣告，主要以良好的創(chuàng)意、富有吸引力的設(shè)計(jì)語言來吸引目標(biāo)對(duì)象，以達(dá)到較好的信息傳達(dá)效果。由于DM單版面空間有限，因此，在有限的空間里進(jìn)行合理而富有創(chuàng)意的編排成為設(shè)計(jì)的重點(diǎn)。此外，設(shè)計(jì)師既要充分考慮其折疊方式、尺寸大小等方面，以便于郵寄或投遞，還應(yīng)根據(jù)具體的版式需要設(shè)置出血，以免裁切時(shí)造成頁面的缺損。二、DM單版式設(shè)計(jì)要點(diǎn)。（一）DM單版式設(shè)計(jì)中的文字與圖片編排?【教師】提出問題：在DM單版式設(shè)計(jì)中，文字和圖片的編排要注意哪些問題？?【學(xué)生】思考、主動(dòng)回答問題?【教師】總結(jié)學(xué)生的回答，并講解新知DM單中的重要文字信息要采用醒目的字體來表現(xiàn)，以使其具有強(qiáng)烈的視覺吸引力，從而達(dá)到有效傳達(dá)信息的目的。在圖片的選擇上，要選擇具有醒目視覺效果的圖片，使其能快速抓住消費(fèi)者的目光，給人留下深刻的印象。（二）DM單版式設(shè)計(jì)的創(chuàng)意編排?【教師】多媒體展示創(chuàng)意編排設(shè)計(jì)作品圖片(詳見教材)，并講解新知對(duì)DM單進(jìn)行創(chuàng)意的版式設(shè)計(jì)編排，使其以獨(dú)特的形態(tài)、造型或結(jié)構(gòu)呈現(xiàn)在人們面前，令人愛不釋手，有的甚至有收藏價(jià)值，這也是其他傳播媒介所不能做到的。【學(xué)生】聆聽、思考、理解、記憶通過教師的講解和課堂提問等方式，使學(xué)生了解DM單版式設(shè)計(jì)的相關(guān)內(nèi)容作品賞析

（15min）【教師】多媒體展示優(yōu)秀DM單版式設(shè)計(jì)作品，然后組織學(xué)生以小組為單位完成以下任務(wù)：請(qǐng)欣賞這些優(yōu)秀作品，并分析這些作品的設(shè)計(jì)思路及優(yōu)點(diǎn)?！緦W(xué)生】欣賞、思考、分析、討論、小組代表回答【教師】總結(jié)學(xué)生的回答通過作品賞析，培養(yǎng)學(xué)生的審美能力，使學(xué)生學(xué)會(huì)分析優(yōu)秀作品的設(shè)計(jì)思路及優(yōu)點(diǎn)，并將其納為己用第二節(jié)課問題導(dǎo)入（5min）【教師】提出問題：網(wǎng)頁具有哪些特點(diǎn)？【學(xué)生】思考、舉手回答通過問題導(dǎo)入，引導(dǎo)學(xué)生主動(dòng)思考，激發(fā)學(xué)生的學(xué)習(xí)興趣傳授新知

（25min）【教師】總結(jié)學(xué)生的回答，并引入新知，講解網(wǎng)頁版式設(shè)計(jì)的相關(guān)知識(shí)一、網(wǎng)頁版式設(shè)計(jì)的特點(diǎn)網(wǎng)頁版式設(shè)計(jì)是指在有限的屏幕空間里，將網(wǎng)頁中的文字、圖像、動(dòng)畫、音頻、視頻等構(gòu)成元素組織起來，按照一定的規(guī)律和藝術(shù)化的處理方式進(jìn)行編排和布局，形成整體的視覺形象，從而達(dá)到有效傳遞信息的最終目的。由于網(wǎng)頁是在電腦上顯示信息的，電腦屏幕對(duì)其的視覺影響很大，因此，在網(wǎng)頁版式設(shè)計(jì)時(shí)，應(yīng)特別注意文字的編排，字號(hào)不宜太小或太細(xì)，必要時(shí)應(yīng)適當(dāng)增大行距。此外，還應(yīng)注意文字色彩與背景色彩的區(qū)別，以保證信息傳達(dá)的清晰度和準(zhǔn)確性。二、網(wǎng)頁版式設(shè)計(jì)要點(diǎn)（一）網(wǎng)頁版式設(shè)計(jì)中色彩運(yùn)用?【教師】多媒體展示網(wǎng)頁頁面設(shè)計(jì)的圖片（詳見教材），并講解新知在編排網(wǎng)頁版式時(shí)，設(shè)計(jì)師應(yīng)合理地運(yùn)用色彩，使版面給人以視覺美感。此外，設(shè)計(jì)師還應(yīng)深入分析網(wǎng)站的性質(zhì)、經(jīng)營(yíng)目的或運(yùn)作模式等因素來恰當(dāng)?shù)剡x擇色彩，以使其更好地體現(xiàn)網(wǎng)站主旨思想。（二）網(wǎng)格的運(yùn)用?【教師】提出問題：網(wǎng)格在網(wǎng)頁版式設(shè)計(jì)中有哪些作用？?【學(xué)生】思考、主動(dòng)回答問題?【教師】總結(jié)學(xué)生的回答，并講解新知網(wǎng)格的運(yùn)用能使版面整齊、干凈，具有穩(wěn)定的結(jié)構(gòu)，使網(wǎng)頁各部分分區(qū)明確，閱讀流暢，信息鮮明、突出。在對(duì)版面進(jìn)行布局時(shí)，應(yīng)充分利用網(wǎng)格的作用合理地設(shè)置網(wǎng)站標(biāo)題、欄目、導(dǎo)航、文字及圖片等信息，使其在統(tǒng)一中有變化，對(duì)比中體現(xiàn)和諧。（三）網(wǎng)頁版式設(shè)計(jì)中的圖片編排?【教師】多媒體展示網(wǎng)頁版式設(shè)計(jì)的圖片編排，并講解新知網(wǎng)頁設(shè)計(jì)同樣是一種視覺傳達(dá)設(shè)計(jì)，圖片在版式中除了能夠使信息展示更加具象化外，還具有調(diào)節(jié)版式活躍度的作用，它能使版面更為生動(dòng)、豐富。在具體設(shè)計(jì)時(shí)，應(yīng)注意圖片大小和形式的選擇，因?yàn)閳D片面積的大小決定了版面的活躍程度，圖片的形式影響著版面的風(fēng)格。除了真實(shí)照片外，網(wǎng)頁版面中的圖片還可以選用手繪圖片，如素描畫、動(dòng)畫或者水彩畫等。別出心裁的圖片形式令人耳目一新，使版面顯得輕松、活潑，增強(qiáng)版面的趣味性。（四）網(wǎng)頁版式設(shè)計(jì)中的文字編排?【教師】多媒體展示網(wǎng)頁版式設(shè)計(jì)的文字編排（詳見教材），并講解新知網(wǎng)頁版式設(shè)計(jì)中文字的編排宜簡(jiǎn)單、清晰，使其能夠快速、準(zhǔn)確地傳達(dá)網(wǎng)頁信息。每行字?jǐn)?shù)不宜過多，一般不超過30個(gè)字，以免造成視覺上的疲勞感。（五）頁面的個(gè)性化設(shè)計(jì)?【教師】多媒體展示網(wǎng)頁個(gè)性化設(shè)計(jì)的圖片（詳見教材），并講解新知隨著網(wǎng)絡(luò)時(shí)代的到來，網(wǎng)頁版式形式也越來越多。設(shè)計(jì)師應(yīng)根據(jù)所學(xué)知識(shí)，結(jié)合網(wǎng)站特點(diǎn)，進(jìn)行靈活的編排設(shè)計(jì)，使其更具個(gè)性化，更加吸引眼球，才能在眾多設(shè)計(jì)中脫穎而出?！緦W(xué)生】聆聽、思考、理解、記憶通過教師的講解和課堂提問的方式，使學(xué)生掌握網(wǎng)頁版式設(shè)計(jì)的相關(guān)內(nèi)容作品賞析

（15min）【教師】多媒體展示優(yōu)秀網(wǎng)頁版式設(shè)計(jì)作品，然后組織學(xué)生以小組為單位完成以下任務(wù)：請(qǐng)欣賞這些優(yōu)秀作品，并分析這些作品的設(shè)計(jì)思路及優(yōu)點(diǎn)?！緦W(xué)生】欣賞、思考、分析、討論、小組代表回答【教師】總結(jié)學(xué)生的回答通過作品賞析，培養(yǎng)學(xué)生的審美能力，使學(xué)生學(xué)會(huì)分析優(yōu)秀作品的設(shè)計(jì)思路及優(yōu)點(diǎn)，并將其納為己用課堂小結(jié)（3min）【教師】簡(jiǎn)要總結(jié)本節(jié)課的要點(diǎn)本節(jié)課學(xué)習(xí)了DM單和網(wǎng)頁版式設(shè)計(jì)的特點(diǎn)和要點(diǎn)，并欣賞了優(yōu)秀的DM單和網(wǎng)頁版式設(shè)計(jì)作品。希望大家在課下多加復(fù)習(xí)，鞏固所學(xué)知識(shí)，掌握DM單和網(wǎng)頁版式設(shè)計(jì)的特點(diǎn)和要點(diǎn)，并能夠吸收優(yōu)秀作品的優(yōu)點(diǎn)，將其納為己用?！緦W(xué)生】總結(jié)回顧知識(shí)點(diǎn)總結(jié)知識(shí)點(diǎn)，鞏固學(xué)生對(duì)版式設(shè)計(jì)等相關(guān)知識(shí)的印象作業(yè)布置（2min）【