第五章4-App頁(yè)面設(shè)計(jì)視覺(jué)層次結(jié)構(gòu)和視覺(jué)引導(dǎo)-教案

序號(hào)：24課程數(shù)字媒體交互設(shè)計(jì)系部數(shù)字藝術(shù)系任課教師張靖瑤課題名稱：App產(chǎn)品交互設(shè)計(jì)開(kāi)發(fā)制作：學(xué)習(xí)任務(wù)四App頁(yè)面設(shè)計(jì)視覺(jué)層次結(jié)構(gòu)和視覺(jué)引導(dǎo)內(nèi)容提要與時(shí)間分配：一、課程說(shuō)明與要求1.課程說(shuō)明（3分鐘）二、學(xué)情分析與課程導(dǎo)入（2分鐘）三、理論知識(shí)講解1.App頁(yè)面視覺(jué)層次結(jié)構(gòu)的構(gòu)建【思政融入】（17分鐘）………重點(diǎn)2.App界面設(shè)計(jì)的視覺(jué)引導(dǎo)和反饋（25分鐘）………難點(diǎn)四、實(shí)踐技能訓(xùn)練1.視覺(jué)層次構(gòu)建的分析方法（10分鐘）2.視覺(jué)引導(dǎo)的創(chuàng)意草稿設(shè)計(jì)（15分鐘）……重點(diǎn)五、課堂總結(jié)（3分鐘）六、課后思考（5分鐘）注：共計(jì)2學(xué)時(shí)教學(xué)方法：講授法+討論法+實(shí)訓(xùn)指導(dǎo)說(shuō)明：教案按每個(gè)授課單元或根據(jù)授課特點(diǎn)按章節(jié)進(jìn)行設(shè)計(jì)。教學(xué)目的與要求1.了解視覺(jué)層次結(jié)構(gòu)的閱讀模式2.掌握App視覺(jué)層次結(jié)構(gòu)構(gòu)建的方法3.掌握視覺(jué)引導(dǎo)和反饋模式的應(yīng)用授課班級(jí)授課日期節(jié)次與難點(diǎn)教學(xué)重點(diǎn)教學(xué)重點(diǎn)：App視覺(jué)層次的構(gòu)建，要掌握視覺(jué)層級(jí)結(jié)構(gòu)的構(gòu)成元素：尺寸、顏色、字重及布局，通過(guò)依據(jù)重要性排列，來(lái)形成視覺(jué)關(guān)系，從而在整個(gè)設(shè)計(jì)中建立視覺(jué)層次，這樣便于更有效的傳達(dá)交互的信息和含義。教學(xué)難點(diǎn)：App視覺(jué)引導(dǎo)和反饋設(shè)計(jì)的模式及應(yīng)用場(chǎng)景，需要知道，如何讓我們的APP更加高效、快速的使用戶能夠自然、輕松的瀏覽到所需要的信息，比如：瀏覽順序、圖標(biāo)的標(biāo)識(shí)性、引導(dǎo)性等等；對(duì)于交互體驗(yàn)，尤其要重視視覺(jué)反饋設(shè)計(jì)，通過(guò)用戶的操作，讓用戶知道操作的結(jié)果是什么，發(fā)生了什么；讓反饋設(shè)計(jì)可以恰當(dāng)、清晰、及時(shí)地傳達(dá)給用戶授課地點(diǎn)授課方式與授課方式：理論講授、互動(dòng)討論、實(shí)訓(xùn)指導(dǎo)授課地點(diǎn)：參考資料使用教材及教材：《交互設(shè)計(jì)：設(shè)計(jì)思維與實(shí)踐》由芳，王建民編著，電子工業(yè)出版社資料：教學(xué)課件、案例及作業(yè)題復(fù)習(xí)思考1.反饋設(shè)計(jì)分幾個(gè)步驟來(lái)完成，讓反饋設(shè)計(jì)可以恰當(dāng)、清晰、及時(shí)地傳達(dá)給用戶2.模態(tài)反饋和非模態(tài)反饋的特點(diǎn)和使用場(chǎng)景習(xí)要點(diǎn)下次課預(yù)預(yù)習(xí)和思考App界面元素設(shè)計(jì)的構(gòu)成及UI設(shè)計(jì)組件的應(yīng)用學(xué)效果分析實(shí)施情況及教【此處內(nèi)容須為課后手寫，內(nèi)容參考如下】本次課按計(jì)劃實(shí)施教學(xué)，教學(xué)內(nèi)容充實(shí)，結(jié)合日常應(yīng)用講授理論知識(shí)，學(xué)生理解較好。通過(guò)作品分析訓(xùn)練，學(xué)生能很好地理解App視覺(jué)構(gòu)建及引導(dǎo)和反饋設(shè)計(jì)；通過(guò)實(shí)例引導(dǎo)學(xué)生對(duì)視覺(jué)層次中閱讀模式的理解，強(qiáng)化學(xué)生參與性和感受力。在實(shí)踐環(huán)節(jié)，通過(guò)有針對(duì)性地指導(dǎo)，學(xué)生能夠掌握視覺(jué)層次構(gòu)建的方法及視覺(jué)引導(dǎo)的元素設(shè)計(jì)。綜上，通過(guò)本次課的教學(xué)，學(xué)生對(duì)App的視覺(jué)層次的構(gòu)建和視覺(jué)層次的引導(dǎo)有了更深入的認(rèn)識(shí)，能從滿足需求設(shè)計(jì)的角度去認(rèn)識(shí)視覺(jué)層次及引導(dǎo)對(duì)App交互界面設(shè)計(jì)的作用并應(yīng)用到實(shí)際產(chǎn)品中，能將所學(xué)的知識(shí)完整表達(dá)、靈活運(yùn)用到實(shí)踐中，達(dá)到了本課的教學(xué)目標(biāo)。教研室主任審核：