序號：12課程數(shù)字媒體交互設(shè)計系部數(shù)字藝術(shù)系任課教師課題名稱：web產(chǎn)品交互設(shè)計開發(fā)制作：學(xué)習任務(wù)六組件設(shè)計-網(wǎng)頁交互元素的合理歸類與模塊排序內(nèi)容提要與時間分配：一、課程說明與要求1.課程說明（3分鐘）二、學(xué)情分析與課程導(dǎo)入（2分鐘）三、理論知識講解1.網(wǎng)頁組成元素及歸類【思政融入】（12分鐘）2.web交互設(shè)計界面的構(gòu)成基礎(chǔ)與模塊排序布局（25分鐘）…重點四、實踐技能訓(xùn)練1.網(wǎng)頁組成元素的分析（5分鐘）2.交互流程設(shè)計的步驟分析（25分鐘）……難點五、課堂總結(jié)（3分鐘）六、課后思考（5分鐘）注：共計2學(xué)時教學(xué)方法：講授法+案例法說明：教案按每個授課單元或根據(jù)授課特點按章節(jié)進行設(shè)計。教學(xué)目的與要求1.掌握頁面需要呈現(xiàn)的元素2.通過布局設(shè)計的講解，掌握將頁面元素合理歸類、排序到模塊的步驟授課班級授課日期節(jié)次與難點教學(xué)重點教學(xué)重點：web交互界面的構(gòu)成與模塊的排序,構(gòu)成的基礎(chǔ)包括控件、布局、流程三方面，了解空間的交互流程可以更立體的了解一個控件，將控件及內(nèi)容根據(jù)布局的七大理論進行排布，最終到流程設(shè)計的基本步驟，從而形成一個完整交互設(shè)計頁面。教學(xué)難點：模塊的排序布局與交互流程設(shè)計的步驟分析，分析過程需要對交互的目標或任務(wù)進行拆分，拆分成動作，將動作設(shè)計成相應(yīng)的頁面，這就得到了交互流程，可以讓我們思路更加清晰，表達更加明確。授課地點授課方式與授課方式：理論講授、案例分析授課地點：參考資料使用教材及教材：《交互設(shè)計：設(shè)計思維與實踐》由芳，王建民編著，電子工業(yè)出版社資料：教學(xué)課件、案例及作業(yè)題復(fù)習思考1.從現(xiàn)實生活中的各類網(wǎng)頁中分析頁面的組成2.嘗試通過交互設(shè)計流程來描述頁面功能的實現(xiàn)習要點下次課預(yù)預(yù)習和思考網(wǎng)頁交互設(shè)計中的界面設(shè)計-網(wǎng)頁視覺設(shè)計規(guī)范及界面分割方法與優(yōu)化學(xué)效果分析實施情況及教【此處內(nèi)容須為課后手寫，內(nèi)容參考如下】本次課按計劃實施教學(xué)，教學(xué)內(nèi)容充實，結(jié)合日常應(yīng)用講授理論知識，學(xué)生理解較好。通過作品分析訓(xùn)練，學(xué)生能很好地理解交互設(shè)計界面的構(gòu)成與排序布局；通過引導(dǎo)學(xué)生對網(wǎng)頁構(gòu)成元素的組成和分析，強化學(xué)生參與性和感受力。在實踐環(huán)節(jié)，通過有針對性地指導(dǎo)，學(xué)生能夠熟練掌握頁面需要呈現(xiàn)的要素，將界面元素合理排序、歸類的方法。綜上，通過本次課的教學(xué)，學(xué)生針對界面的構(gòu)成基礎(chǔ)與模塊排序布局有了初步的認識，能從滿足需求設(shè)計的角度去認識模塊排序布局的作用并應(yīng)用到實際產(chǎn)品中，能將所學(xué)的知識完整表達、靈活運用到實踐中，達到了本課的教學(xué)目標。教研室主任審核：