《網(wǎng)頁(yè)與界面設(shè)計(jì)》課程標(biāo)準(zhǔn)

《網(wǎng)頁(yè)與界面設(shè)計(jì)》課程標(biāo)準(zhǔn)《網(wǎng)頁(yè)與界面設(shè)計(jì)》課程標(biāo)準(zhǔn)課程代碼：3080108課程承擔(dān)學(xué)院：藝術(shù)學(xué)院制定人：冷增龍制定日期：2017年5月10日審核人：劉培瑜審核日期：2017年8月19日批準(zhǔn)：王清亮批準(zhǔn)日期：2017年8月20日一、適用對(duì)象普通高中畢業(yè)生、職業(yè)中專(zhuān)、普通中專(zhuān)、職業(yè)高中、技工學(xué)校畢業(yè)生及同等學(xué)歷。三、課程定位（一）課程性質(zhì)本課程是視覺(jué)傳播設(shè)計(jì)與制作專(zhuān)業(yè)的核心課程和必修課程。（二）課程任務(wù)主要針對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作、UI交互與界面設(shè)計(jì)、APP前端開(kāi)發(fā)等崗位開(kāi)設(shè)，主要任務(wù)是：培養(yǎng)學(xué)生在前端新媒體崗位的實(shí)踐操作能力，要求學(xué)生掌握界面的優(yōu)化、靜態(tài)網(wǎng)頁(yè)的設(shè)計(jì)與制作、HTML與CSS、JAVAscript編寫(xiě)的基本技能。（三）課程銜接在課程設(shè)置上，前導(dǎo)課程有《字體與版式設(shè)計(jì)》、《廣告設(shè)計(jì)》、《構(gòu)成》課程，后續(xù)課程有《包裝設(shè)計(jì)》、<CI設(shè)計(jì)》等課程。四、學(xué)習(xí)目標(biāo)通過(guò)該課程的教學(xué)，使學(xué)生把握新媒體設(shè)計(jì)的基本類(lèi)別與形態(tài)，了解網(wǎng)頁(yè)設(shè)計(jì)界面與手機(jī)界面的前端開(kāi)發(fā)流程，以及網(wǎng)頁(yè)的設(shè)計(jì)與制作，無(wú)論在理論上還是在實(shí)踐中都能正確掌握網(wǎng)頁(yè)設(shè)計(jì)與界面開(kāi)發(fā)的基本規(guī)律和藝術(shù)法則，創(chuàng)造出新穎別致、具有創(chuàng)造思維的方案與作品來(lái)。并著重培養(yǎng)學(xué)生的審美素質(zhì)，促進(jìn)學(xué)生實(shí)踐操作能力與藝術(shù)設(shè)計(jì)思維的開(kāi)拓意識(shí)，能夠更好的適用當(dāng)下社會(huì)市場(chǎng)的設(shè)計(jì)需求。五、課程設(shè)計(jì)建議采用如下格式描述:本課程以實(shí)踐操作案例為載體，結(jié)合當(dāng)前市場(chǎng)的需求有針對(duì)性的分析與演示作為學(xué)習(xí)情境；根據(jù)崗位（群）工作要求、工作任務(wù)要求，確定學(xué)習(xí)目標(biāo)及學(xué)習(xí)任務(wù)內(nèi)容；本課程采用項(xiàng)目教學(xué)模式，以學(xué)生為主體，以項(xiàng)目為導(dǎo)向組織教學(xué)及考核?！毒W(wǎng)頁(yè)與界面設(shè)計(jì)》課程標(biāo)準(zhǔn)全文共4頁(yè)，當(dāng)前為第1頁(yè)。表1課程總體設(shè)計(jì)《網(wǎng)頁(yè)與界面設(shè)計(jì)》課程標(biāo)準(zhǔn)全文共4頁(yè)，當(dāng)前為第1頁(yè)。課程名稱(chēng)網(wǎng)頁(yè)與UI設(shè)計(jì)計(jì)劃學(xué)時(shí)：情景名稱(chēng)情境描述參考學(xué)時(shí)：認(rèn)識(shí)界面了解界面的的概念，概念性的認(rèn)識(shí)，以及UI設(shè)計(jì)的歷史與發(fā)展趨勢(shì)界面的整體設(shè)計(jì)掌握界面整體設(shè)計(jì)的分析以及實(shí)施以及用戶各方面的分析界面的視覺(jué)設(shè)計(jì)掌握整體效果搭配，界面視覺(jué)效果、圖標(biāo)設(shè)計(jì)的設(shè)計(jì)加以應(yīng)用網(wǎng)頁(yè)界面的設(shè)計(jì)掌握網(wǎng)頁(yè)視覺(jué)效果排版設(shè)計(jì)，整體效果搭配、圖標(biāo)中隱喻的運(yùn)用APP界面開(kāi)發(fā)掌握手機(jī)界面的icon圖標(biāo)設(shè)計(jì)、啟動(dòng)頁(yè)設(shè)計(jì)、內(nèi)頁(yè)界面設(shè)計(jì)，交互設(shè)計(jì)流程表示DreamWeaver的使用了解并熟悉網(wǎng)頁(yè)制作與設(shè)計(jì)的基本軟件，以DreamWeaver的使用為基礎(chǔ)網(wǎng)頁(yè)設(shè)計(jì)基本語(yǔ)言了解WWW、HTTP、HTML、CSS的定義、概念和作用，HTML的基本語(yǔ)法結(jié)構(gòu)理解HTML語(yǔ)言中的各種文本格式、字符格式、段落設(shè)置、列表、標(biāo)記的作用；Javascript腳本語(yǔ)言理解JavaScript中對(duì)象的定義，及含義理解JavaScript中屬性與方法的概念交互設(shè)計(jì)了解并掌握網(wǎng)頁(yè)與手機(jī)界面的交互設(shè)計(jì)流程與方法案例分析與制作演示了解并掌握網(wǎng)頁(yè)與手機(jī)界面的基本規(guī)律，包括設(shè)計(jì)法則與交互法則六、教學(xué)設(shè)計(jì)《網(wǎng)頁(yè)與界面設(shè)計(jì)》課程標(biāo)準(zhǔn)全文共4頁(yè)，當(dāng)前為第2頁(yè)?！毒W(wǎng)頁(yè)與界面設(shè)計(jì)》課程標(biāo)準(zhǔn)全文共4頁(yè)，當(dāng)前為第2頁(yè)。學(xué)習(xí)情境一：網(wǎng)頁(yè)與界面設(shè)計(jì)學(xué)時(shí)：學(xué)習(xí)任務(wù)學(xué)習(xí)并且掌握網(wǎng)頁(yè)與界面設(shè)計(jì)的基礎(chǔ)知識(shí)，包括網(wǎng)頁(yè)設(shè)計(jì)的界面優(yōu)化與手機(jī)界面優(yōu)化以及交互設(shè)計(jì)流程。學(xué)習(xí)目標(biāo)掌握網(wǎng)頁(yè)與界面設(shè)計(jì)的基本知識(shí)；學(xué)會(huì)運(yùn)用基本的視覺(jué)要素進(jìn)行網(wǎng)頁(yè)界面的基本版式設(shè)計(jì)學(xué)習(xí)內(nèi)容網(wǎng)頁(yè)與手機(jī)界面概論；界面中的構(gòu)成要素教學(xué)模式案例式教學(xué)法講授法展示與討論法學(xué)習(xí)過(guò)程1、學(xué)習(xí)界面的基本知識(shí)2、網(wǎng)頁(yè)與手機(jī)界面的基本構(gòu)成要素的學(xué)習(xí)及應(yīng)用教學(xué)條件運(yùn)用音頻、視頻、錄音機(jī)、投影儀等視聽(tīng)設(shè)備和多媒體設(shè)備學(xué)習(xí)評(píng)價(jià)評(píng)價(jià)項(xiàng)目：1、學(xué)生深入理解界面的概念以及人機(jī)界面的開(kāi)發(fā)流程2、學(xué)會(huì)運(yùn)用界面的基本的構(gòu)成要素進(jìn)行靜態(tài)界面設(shè)計(jì)。評(píng)價(jià)方式：1.過(guò)程性評(píng)價(jià)：提問(wèn)、小組討論、課后作業(yè)等；2.終結(jié)性評(píng)價(jià)：作業(yè)評(píng)講等。學(xué)習(xí)情境二：前端界面開(kāi)發(fā)與設(shè)計(jì)學(xué)時(shí)：學(xué)習(xí)任務(wù)學(xué)習(xí)界面開(kāi)發(fā)的內(nèi)容及程序；了解后端開(kāi)發(fā)語(yǔ)言形態(tài)以及構(gòu)成，包括HTML\CSS、javascript等腳本語(yǔ)言，學(xué)習(xí)并掌握DW的基本操作學(xué)習(xí)目標(biāo)使學(xué)生掌握UI界面與網(wǎng)頁(yè)界面的開(kāi)發(fā)流程與構(gòu)成內(nèi)容和流程，并掌握在界面設(shè)計(jì)中的年基本交互設(shè)計(jì)，以APP開(kāi)發(fā)與靜態(tài)網(wǎng)頁(yè)的制作為主導(dǎo)了解后端開(kāi)發(fā)語(yǔ)言HTML\CSS、javascript等腳本語(yǔ)言的書(shū)寫(xiě)與編輯了解并掌握用DW制作簡(jiǎn)單的MYblog界面。學(xué)習(xí)內(nèi)容手機(jī)與網(wǎng)頁(yè)界面的開(kāi)發(fā)；APP的開(kāi)發(fā)；網(wǎng)頁(yè)的交互設(shè)計(jì)形式、基本腳本語(yǔ)言的書(shū)寫(xiě)、DW的簡(jiǎn)單了解與學(xué)習(xí)教學(xué)模式案例式教學(xué)法演示法教授法展示與討論法學(xué)習(xí)過(guò)程1、學(xué)習(xí)網(wǎng)頁(yè)與界面的的構(gòu)成程序與交互設(shè)計(jì)形式以及流程2、以APP開(kāi)發(fā)為主導(dǎo)，學(xué)習(xí)app開(kāi)發(fā)界面與交互的設(shè)計(jì)形式3、腳本語(yǔ)言的編譯與模擬書(shū)寫(xiě)，DW軟件的實(shí)訓(xùn)教學(xué)條件運(yùn)用音頻、視頻、錄音機(jī)、投影儀等視聽(tīng)設(shè)備和多媒體設(shè)備學(xué)習(xí)評(píng)價(jià)評(píng)價(jià)項(xiàng)目：1.界面設(shè)計(jì)的交互性能與美化樣式。2.掌握市場(chǎng)APP開(kāi)發(fā)動(dòng)態(tài)并籌劃APP的開(kāi)發(fā)設(shè)計(jì)3.認(rèn)識(shí)網(wǎng)頁(yè)界面的交互流程并制作網(wǎng)頁(yè)界面的交互。4.DW制作簡(jiǎn)單本地模擬網(wǎng)頁(yè)5。編譯網(wǎng)頁(yè)的基本腳本語(yǔ)言，格式書(shū)寫(xiě)正確評(píng)價(jià)方式：1.過(guò)程性評(píng)價(jià)：提問(wèn)、小組討論、課后作業(yè)等；2.終結(jié)性評(píng)價(jià)：作業(yè)評(píng)講等。學(xué)習(xí)情境三：優(yōu)秀網(wǎng)頁(yè)界面案例分析與評(píng)價(jià)學(xué)時(shí)：學(xué)習(xí)任務(wù)通過(guò)學(xué)習(xí)，在現(xiàn)實(shí)生活中能靈活有效運(yùn)用。學(xué)習(xí)目標(biāo)掌握網(wǎng)頁(yè)界面的基本構(gòu)成要素與良好交互的形成。學(xué)習(xí)內(nèi)容賞析優(yōu)秀網(wǎng)頁(yè)界面作品；運(yùn)用所學(xué)知識(shí)設(shè)計(jì)制作網(wǎng)頁(yè)界面作品教學(xué)模式案例式教學(xué)法講授法展示與討論法學(xué)習(xí)過(guò)程1、賞析優(yōu)秀網(wǎng)頁(yè)界面作品2、運(yùn)用所學(xué)知識(shí)設(shè)計(jì)制作網(wǎng)頁(yè)界面作品教學(xué)條件班級(jí)多媒體課件教學(xué)、圖書(shū)館資料、線上資料分析與查閱學(xué)習(xí)評(píng)價(jià)評(píng)價(jià)項(xiàng)目：1.賞析優(yōu)秀網(wǎng)頁(yè)與手機(jī)界面作品運(yùn)用所學(xué)知識(shí)設(shè)計(jì)制作本地網(wǎng)頁(yè)界面與焦?fàn)t模擬評(píng)價(jià)方式：1.過(guò)程性評(píng)價(jià)：理論講解、素材收集等；2.終結(jié)性評(píng)價(jià)：作業(yè)完成，修改指正。七、課程考核（一）考核方式《網(wǎng)頁(yè)與界面設(shè)計(jì)》課程標(biāo)準(zhǔn)全文共4頁(yè)，當(dāng)前為第3頁(yè)。本課程考核分值比例：平時(shí)成績(jī)60%+期末考試40%。其中，平時(shí)成績(jī)?yōu)榭记谡?0%，練習(xí)作業(yè)占30%，課堂小組活動(dòng)表現(xiàn)占20%；期末考試為上交學(xué)期末作業(yè)，占總成績(jī)的40%?！毒W(wǎng)頁(yè)與界面設(shè)計(jì)》課程標(biāo)準(zhǔn)全文共4頁(yè)，當(dāng)前為第3頁(yè)。（二）考核標(biāo)準(zhǔn)考核標(biāo)準(zhǔn)應(yīng)和本專(zhuān)業(yè)學(xué)生平面設(shè)計(jì)職業(yè)能力和上崗能力相結(jié)合，與相對(duì)應(yīng)的平面設(shè)計(jì)類(lèi)職業(yè)資格證書(shū)相對(duì)接。八、學(xué)習(xí)資源本課程所用的教材為《網(wǎng)頁(yè)界面設(shè)計(jì)》

羅軍北京大學(xué)出版設(shè)計(jì)2011年6月第一版；21世紀(jì)藝術(shù)設(shè)計(jì)專(zhuān)業(yè)“十二五”規(guī)劃教材。本課程教學(xué)參考資料：《網(wǎng)頁(yè)UI界面設(shè)計(jì)基礎(chǔ)》盛意文化盛意文化出版社《無(wú)界面交互:潛移默化的UX設(shè)計(jì)方略》楊名中國(guó)工信出版社《網(wǎng)頁(yè)界面設(shè)計(jì)》