第五章6-App界面設(shè)計(jì)布局風(fēng)格與設(shè)計(jì)規(guī)范-教案

序號(hào)：26課程數(shù)字媒體交互設(shè)計(jì)系部數(shù)字藝術(shù)系任課教師課題名稱：App產(chǎn)品交互設(shè)計(jì)開(kāi)發(fā)制作：學(xué)習(xí)任務(wù)六App界面設(shè)計(jì)布局風(fēng)格與視覺(jué)設(shè)計(jì)規(guī)范內(nèi)容提要與時(shí)間分配：一、課程說(shuō)明與要求1.課程說(shuō)明（3分鐘）二、學(xué)情分析與課程導(dǎo)入（2分鐘）三、理論知識(shí)講解1.AppUI界面設(shè)計(jì)風(fēng)格【思政】（15分鐘）………難點(diǎn)2.App界面視覺(jué)設(shè)計(jì)規(guī)范（25分鐘）………重點(diǎn)四、實(shí)踐技能訓(xùn)練1.色彩及界面布局對(duì)界面設(shè)計(jì)風(fēng)格的影響（10分鐘）2.根據(jù)設(shè)計(jì)規(guī)范進(jìn)行頁(yè)面布局草稿設(shè)計(jì)（20分鐘）…重點(diǎn)五、課堂總結(jié)（2分鐘）六、課后思考（3分鐘）注：共計(jì)2學(xué)時(shí)教學(xué)方法：講授法+討論法+實(shí)訓(xùn)指導(dǎo)說(shuō)明：教案按每個(gè)授課單元或根據(jù)授課特點(diǎn)按章節(jié)進(jìn)行設(shè)計(jì)。教學(xué)目的與要求1.了解App界面設(shè)計(jì)風(fēng)格的重要性2.熟悉色彩在移動(dòng)App設(shè)計(jì)中的應(yīng)用3.掌握App界面視覺(jué)設(shè)計(jì)規(guī)范在實(shí)踐中的應(yīng)用授課班級(jí)授課日期節(jié)次與難點(diǎn)教學(xué)重點(diǎn)教學(xué)重點(diǎn)：App界面視覺(jué)設(shè)計(jì)規(guī)范，從頁(yè)面布局來(lái)看，制作app頁(yè)面設(shè)計(jì)需要考慮不同平臺(tái)的設(shè)計(jì)尺寸，從工作量的角度考慮，盡量使用同一套，分別做相應(yīng)的微調(diào)即可。同時(shí)要遵循標(biāo)準(zhǔn)色、標(biāo)準(zhǔn)字以及界面元素間距等方面考慮，遵循設(shè)計(jì)規(guī)范，使設(shè)計(jì)出的界面更符合用戶的操作習(xí)慣及交互體驗(yàn)。教學(xué)難點(diǎn)：App界面設(shè)計(jì)風(fēng)格及色彩的應(yīng)用，分析不同的配色和色彩代表的情感間的關(guān)聯(lián)，了解色彩所代表的含義，通過(guò)配色方案，從中了解配色的特征和差別。授課地點(diǎn)授課方式與授課方式：理論講授、互動(dòng)討論、實(shí)訓(xùn)指導(dǎo)授課地點(diǎn)：參考資料使用教材及教材：《交互設(shè)計(jì)：設(shè)計(jì)思維與實(shí)踐》由芳，王建民編著，電子工業(yè)出版社資料：教學(xué)課件、案例及作業(yè)題復(fù)習(xí)思考1.扁平化設(shè)計(jì)風(fēng)格有哪些優(yōu)點(diǎn)2.設(shè)計(jì)風(fēng)格的重要性習(xí)要點(diǎn)下次課預(yù)預(yù)習(xí)和思考App界面版式設(shè)計(jì)規(guī)范及交互設(shè)計(jì)原則學(xué)效果分析實(shí)施情況及教【此處內(nèi)容須為課后手寫(xiě)，內(nèi)容參考如下】本次課按計(jì)劃實(shí)施教學(xué)，教學(xué)內(nèi)容充實(shí)，結(jié)合日常應(yīng)用講授理論知識(shí)，學(xué)生理解較好。通過(guò)作品分析訓(xùn)練，學(xué)生能很好地理解App界面設(shè)計(jì)風(fēng)格的重要性；通過(guò)實(shí)例引導(dǎo)學(xué)生了解不同配色給用戶帶來(lái)的視覺(jué)感受，強(qiáng)化學(xué)生參與性和感受力。在實(shí)踐環(huán)節(jié)，通過(guò)有針對(duì)性地指導(dǎo)，學(xué)生能夠掌握App界面的一些設(shè)計(jì)規(guī)范。綜上，通過(guò)本次課的教學(xué)，學(xué)生對(duì)App的界面交互設(shè)計(jì)有了更深的認(rèn)識(shí)，能從滿足需求設(shè)計(jì)的角度將界面設(shè)計(jì)傳達(dá)的信息，以及設(shè)計(jì)規(guī)范應(yīng)用到實(shí)際產(chǎn)品設(shè)計(jì)中，能將所學(xué)的知識(shí)完整表達(dá)、靈活運(yùn)用到實(shí)踐中，達(dá)到了本課的教學(xué)目標(biāo)。教研室主任審核：