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

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