陳洋

“網(wǎng)頁設(shè)計”課程是高校視覺傳達(dá)專業(yè)的核心專業(yè)課，是一門在高年級開設(shè)的、較為綜合的、偏重實(shí)際應(yīng)用的數(shù)字媒體設(shè)計課程，需要學(xué)生擁有比較扎實(shí)的視覺傳達(dá)專業(yè)基礎(chǔ)知識和設(shè)計技能。隨著互聯(lián)網(wǎng)的快速發(fā)展，此課程也需要不斷根據(jù)市場需求的變化進(jìn)行教學(xué)改革，不論是教學(xué)內(nèi)容，還是教授方法都需要與時俱進(jìn)，不斷優(yōu)化升級。

一、“網(wǎng)頁設(shè)計”課程現(xiàn)狀

現(xiàn)階段，很多職業(yè)學(xué)校依然采用傳統(tǒng)的網(wǎng)頁設(shè)計教學(xué)模式，即按照教學(xué)大綱要求分章節(jié)講解知識點(diǎn)，然后進(jìn)行實(shí)踐練習(xí)。這種教學(xué)模式普遍被認(rèn)為比較全面、系統(tǒng)，但往往達(dá)不到預(yù)期效果。主要原因如下：一是課時安排分散，整個課程需要占用一個學(xué)期，戰(zhàn)線拉得比較長，每次課前復(fù)習(xí)就占去半節(jié)課，效率大大降低，重要的是學(xué)生的興趣和熱情也會逐漸下降。二是教材內(nèi)容落后，隨著信息技術(shù)發(fā)展日新月異，教材內(nèi)容始終無法跟上知識前沿。三是這種教學(xué)模式以教師為主導(dǎo)，教師根據(jù)教材要點(diǎn)邊講授邊演示，學(xué)生根據(jù)教師的思路“依葫蘆畫瓢”，并沒有掌握實(shí)際的操作經(jīng)驗(yàn)，一旦讓學(xué)生自己開始設(shè)計網(wǎng)頁，往往無法將所學(xué)知識應(yīng)用于實(shí)際，難以開發(fā)實(shí)際項(xiàng)目。

二、課程教學(xué)體系優(yōu)化改革

我們研究并實(shí)踐的網(wǎng)頁設(shè)計創(chuàng)新創(chuàng)業(yè)示范課較好地解決了上述問題，讓學(xué)生在獲得前沿知識的同時，又掌握了可行性較高的創(chuàng)新創(chuàng)業(yè)能力。

本課程以創(chuàng)業(yè)就業(yè)為導(dǎo)向，按照基于工作過程的職業(yè)能力來進(jìn)行課程開發(fā)，邀請企業(yè)行業(yè)網(wǎng)絡(luò)專家對視覺傳達(dá)設(shè)計專業(yè)網(wǎng)頁設(shè)計方向所涵蓋的崗位群和創(chuàng)業(yè)方向進(jìn)行工作任務(wù)和職業(yè)能力分析，以此為依據(jù)確定本課程的工作任務(wù)和課程內(nèi)容，并參照行業(yè)職業(yè)標(biāo)準(zhǔn)，以任務(wù)引領(lǐng)為課程框架，將課程按遞進(jìn)方式設(shè)計成項(xiàng)目，并以項(xiàng)目為單元組織教學(xué)，使學(xué)生由淺入深、以點(diǎn)到面地全面掌握網(wǎng)頁設(shè)計技能。同時開發(fā)網(wǎng)頁設(shè)計教改教材，對教學(xué)過程的組織、教學(xué)條件、課程評價都進(jìn)行詳細(xì)的設(shè)計，完成本課程的教學(xué)內(nèi)容和教學(xué)實(shí)施的整體規(guī)劃，并建立基于網(wǎng)頁設(shè)計的課程標(biāo)準(zhǔn)。

三、課程內(nèi)容改革

當(dāng)視覺傳達(dá)設(shè)計專業(yè)學(xué)生進(jìn)入大學(xué)三年級的時候，學(xué)習(xí)的內(nèi)容由傳統(tǒng)平面設(shè)計進(jìn)階為數(shù)字媒體設(shè)計，此階段要學(xué)習(xí)商業(yè)平面設(shè)計、數(shù)字媒體相關(guān)設(shè)計、網(wǎng)頁設(shè)計、創(chuàng)新創(chuàng)業(yè)實(shí)訓(xùn)實(shí)踐等，其中“網(wǎng)頁設(shè)計”課程在教學(xué)內(nèi)容上進(jìn)行了改革，不再單一地學(xué)習(xí)PC端的網(wǎng)頁界面設(shè)計，或者通過傳統(tǒng)的網(wǎng)頁三劍客軟件去實(shí)現(xiàn)基礎(chǔ)的網(wǎng)站建設(shè)。在創(chuàng)新創(chuàng)業(yè)示范課的教學(xué)中，課程內(nèi)容加入了：PC端網(wǎng)頁設(shè)計、PC端軟件應(yīng)用界面設(shè)計、移動端網(wǎng)頁設(shè)計、移動端軟件應(yīng)用界面設(shè)計、移動端操作系統(tǒng)界面設(shè)計、H5互動界面設(shè)計、微信小程序界面設(shè)計、微信公眾號界面設(shè)計以及學(xué)習(xí)模塊化、可視化、集成化的網(wǎng)頁設(shè)計軟件，設(shè)計網(wǎng)頁中的界面版式、網(wǎng)頁交互和框架搭建等。教學(xué)內(nèi)容和課時安排上，教師結(jié)合視覺傳達(dá)設(shè)計專業(yè)關(guān)于網(wǎng)頁設(shè)計的創(chuàng)作流程，指導(dǎo)學(xué)生進(jìn)行團(tuán)隊(duì)或者個人的項(xiàng)目制作。

四、教學(xué)方法改革

“網(wǎng)頁設(shè)計”作為高年級較為重要的專業(yè)課程，創(chuàng)新地采用翻轉(zhuǎn)課堂的形式，讓學(xué)生帶著問題來到課堂，以小組的形式展開研討，在研討環(huán)節(jié)中應(yīng)用項(xiàng)目教學(xué)法，注重項(xiàng)目制作過程分析教學(xué)，目的是教會學(xué)生掌握方法主動思考，培養(yǎng)其解決實(shí)際問題的能力。

項(xiàng)目教學(xué)法共分為五個階段：

1.項(xiàng)目演示。以教師演示為主，給學(xué)生最直觀的感受。

2.項(xiàng)目討論。以學(xué)生討論為主，教師引導(dǎo)學(xué)生理清設(shè)計思路，分析實(shí)際網(wǎng)頁設(shè)計項(xiàng)目的制作流程和網(wǎng)頁部分模塊的制作經(jīng)驗(yàn)與技巧。

3.項(xiàng)目講解階段。以教師講解實(shí)際項(xiàng)目案例為主，把需要掌握的知識點(diǎn)貫穿在整個主題設(shè)計的講解中，提高學(xué)生的學(xué)習(xí)效率。

4.項(xiàng)目設(shè)計階段。以學(xué)生自我研究為主，運(yùn)用已有的知識、技能提出設(shè)想與方案，培養(yǎng)學(xué)生的創(chuàng)新設(shè)計能力。

5.項(xiàng)目制作階段。將學(xué)生分成小組或指導(dǎo)學(xué)生獨(dú)立完成一套網(wǎng)站的搭建， 網(wǎng)站類型與風(fēng)格不受限制，培養(yǎng)學(xué)生通過互聯(lián)網(wǎng)收集資料，結(jié)合實(shí)踐學(xué)習(xí)能力，達(dá)到最終學(xué)習(xí)效果。

除項(xiàng)目教學(xué)外，針對升學(xué)方向的學(xué)生培養(yǎng)，主要是通過帶領(lǐng)學(xué)生進(jìn)行學(xué)科競賽，引入國內(nèi)外的設(shè)計賽事，以賽代練，提高學(xué)生的網(wǎng)頁設(shè)計能力和專業(yè)素養(yǎng)。

針對在網(wǎng)頁設(shè)計方向有特長的學(xué)生，擇選優(yōu)秀人才進(jìn)入專業(yè)配套的“互聯(lián)網(wǎng)界面設(shè)計工作室”，參與橫向、縱向項(xiàng)目的研究，提高學(xué)生創(chuàng)新研究能力，培養(yǎng)出專業(yè)技術(shù)能力出眾、創(chuàng)新創(chuàng)業(yè)能力強(qiáng)的學(xué)生。

五、課程實(shí)踐實(shí)訓(xùn)改革

課程加入實(shí)踐實(shí)訓(xùn)環(huán)節(jié)，以真實(shí)商業(yè)項(xiàng)目為依據(jù)，教師對實(shí)踐實(shí)訓(xùn)項(xiàng)目進(jìn)行功能分解、歸納，提取工作任務(wù)，分析工作任務(wù)所涉及的相關(guān)知識，設(shè)計一系列對能力要求不斷提升的進(jìn)階式學(xué)習(xí)任務(wù)，以學(xué)習(xí)任務(wù)為教學(xué)單元組織課程教學(xué)，將網(wǎng)頁各類版式的應(yīng)用融入各學(xué)習(xí)情境中;帶領(lǐng)學(xué)生參與商業(yè)網(wǎng)站開發(fā)流程，設(shè)計以訓(xùn)練學(xué)生為主、教師指導(dǎo)為輔的基于工作過程的教學(xué)活動，培養(yǎng)學(xué)生崗位職業(yè)技能應(yīng)用及自主學(xué)習(xí)能力，從而構(gòu)建該課程的實(shí)踐教學(xué)內(nèi)容。具體規(guī)劃如下：

1.赴企業(yè)實(shí)習(xí)實(shí)訓(xùn)。校企合作，設(shè)計專項(xiàng)實(shí)習(xí)實(shí)訓(xùn)課程，安排學(xué)生參與商業(yè)項(xiàng)目全流程，提升學(xué)生實(shí)戰(zhàn)動手能力。

2.項(xiàng)目路演。學(xué)校組建成熟的設(shè)計團(tuán)隊(duì)，編撰業(yè)務(wù)內(nèi)容，選擇適合的地點(diǎn)，開展合理的商業(yè)洽談。具體步驟：接入商業(yè)訂單—進(jìn)行需求分析—完成設(shè)計—后期運(yùn)維。

3.創(chuàng)業(yè)孵化。校企合作共同打造創(chuàng)新創(chuàng)業(yè)孵化器，扶持有創(chuàng)業(yè)意向的學(xué)生進(jìn)行創(chuàng)業(yè)，提供技術(shù)支持與軟件使用權(quán)，以及大學(xué)生自主創(chuàng)業(yè)扶持資金。

4.學(xué)科建設(shè)。教師引設(shè)計大賽入課堂，以賽代練，指導(dǎo)學(xué)生參加國內(nèi)外知名設(shè)計大賽，以賽事的企業(yè)命題為目標(biāo)，分析以往獲獎案例;學(xué)習(xí)優(yōu)秀的設(shè)計思路和設(shè)計方法，優(yōu)化自身設(shè)計作品，完成最終設(shè)計;與同行業(yè)設(shè)計師或高校在校生同臺比拼，提升學(xué)生創(chuàng)新設(shè)計能力。

5.參與科研項(xiàng)目研究。教師引導(dǎo)學(xué)生參加學(xué)校網(wǎng)頁設(shè)計相關(guān)工作室，輔助教師研究橫向、縱向網(wǎng)頁設(shè)計相關(guān)科研課題，提高學(xué)生科研能力。

六、考核內(nèi)容與方式改革

由于教學(xué)方式、授課內(nèi)容、作業(yè)形式的改變，考核方式和內(nèi)容也需要改革，如課程中植入了企業(yè)的商業(yè)項(xiàng)目和學(xué)科競賽。我們根據(jù)創(chuàng)新創(chuàng)業(yè)示范課的特點(diǎn)，對課程的最終考核做了如下調(diào)整：首先，在課程中加入多個研討環(huán)節(jié)，總評成績中將課堂表現(xiàn)分值比例增加至20%。例如，增加了對課程相關(guān)知識點(diǎn)和案例的分析研討、商業(yè)項(xiàng)目客戶需求分析、設(shè)計與制作研討、后期總結(jié)歸納及對學(xué)科競賽中的獲獎作品分析、設(shè)計作品的講解與完善等項(xiàng)目的分值比例。其次，課程作業(yè)情況在總評成績中的比例變?yōu)?0%。我們在創(chuàng)新創(chuàng)業(yè)示范課程中加入了實(shí)際的商業(yè)項(xiàng)目和學(xué)科競賽的題目，為了保證完成質(zhì)量和效率，設(shè)計作品基本都是分組完成的，所以在作業(yè)考核過程中，作品評分除畫面效果上沿用原來的評判標(biāo)準(zhǔn)之外，還根據(jù)每位同學(xué)的組內(nèi)分工、工作量、工作成效來給定分?jǐn)?shù)，最終還要結(jié)合網(wǎng)頁設(shè)計成果的市場認(rèn)可度和學(xué)科競賽成績等給出綜合評分。

七、課程改革的創(chuàng)新結(jié)合

（一）研討課與實(shí)際項(xiàng)目相結(jié)合

課程改革中針對“網(wǎng)頁設(shè)計”課程申請的高年級研討課不再是單一地針對課程內(nèi)容本身進(jìn)行研討;翻轉(zhuǎn)課堂直接涉及合作企業(yè)引入的實(shí)際項(xiàng)目。前期，學(xué)生在課下借助學(xué)習(xí)資料，帶著教師提出的問題完成網(wǎng)頁設(shè)計基礎(chǔ)知識的學(xué)習(xí)，課上進(jìn)行討論。后期，引入實(shí)際商業(yè)項(xiàng)目，課下完成項(xiàng)目階段性制作，課上分小組討論，嘗試解決遇到的問題，并做出可行性評價和優(yōu)化設(shè)計方案。最后，由教師和企業(yè)工程師統(tǒng)一答復(fù)共性問題，并給出切實(shí)可行的優(yōu)化方案。這種真實(shí)項(xiàng)目的實(shí)操與翻轉(zhuǎn)課堂形式的研討課相結(jié)合具有特色示范性。

（二）學(xué)科競賽與工作室實(shí)訓(xùn)相結(jié)合

選擇最具權(quán)威性的國內(nèi)外設(shè)計大賽，組織有興趣、有能力的學(xué)生進(jìn)入實(shí)訓(xùn)工作室，研究試題與獲獎作品，訓(xùn)練設(shè)計技能，打造學(xué)科競賽專業(yè)隊(duì)，斬獲高級別賽事獎項(xiàng)，這一過程中既能夠鍛煉學(xué)生設(shè)計能力和團(tuán)隊(duì)協(xié)作能力，又能夠培養(yǎng)學(xué)生溝通交流能力及競爭意識。

（三）科研項(xiàng)目與創(chuàng)業(yè)實(shí)踐相結(jié)合

做好市場調(diào)研，申請前瞻性的橫向項(xiàng)目，組建學(xué)生團(tuán)隊(duì)參與其中，在產(chǎn)、學(xué)、研的過程中，激發(fā)優(yōu)秀的創(chuàng)新思維、創(chuàng)新設(shè)計、創(chuàng)新成果，扶植科研項(xiàng)目團(tuán)隊(duì)中的學(xué)生開發(fā)創(chuàng)業(yè)項(xiàng)目，創(chuàng)辦企業(yè)，并在對其不斷的扶植、培養(yǎng)過程中，再度開展校企合作，開發(fā)新的科研項(xiàng)目，迭代更新相關(guān)科研成果，提高應(yīng)用技術(shù)類大學(xué)服務(wù)社會、輻射周邊的能力。

八、課程改革效果

通過線下、線上結(jié)合的教學(xué)模式，以及創(chuàng)新的講授方式，學(xué)生能夠全方位地學(xué)習(xí)和理解網(wǎng)頁設(shè)計的相關(guān)知識。線下的教學(xué)主要是，組織學(xué)生課堂教學(xué)，引入校企合作項(xiàng)目進(jìn)行課堂實(shí)操，赴企業(yè)實(shí)地考察學(xué)習(xí);學(xué)科競賽，帶領(lǐng)學(xué)生參加互聯(lián)網(wǎng)設(shè)計大賽，以賽代練，培養(yǎng)學(xué)生網(wǎng)頁設(shè)計能力，并組織高年級研討課，翻轉(zhuǎn)課堂，改變傳統(tǒng)授課形式，讓學(xué)生參照學(xué)習(xí)資料自學(xué)，帶著問題在課堂上討論，深入理解所學(xué)知識。線上主要是通過信息化的手段，將“網(wǎng)頁設(shè)計”課程創(chuàng)新創(chuàng)業(yè)示范性不斷擴(kuò)大，完成線上微課學(xué)習(xí)及線上留言遠(yuǎn)程交流互動，不斷優(yōu)化學(xué)生學(xué)習(xí)過程。最終學(xué)生能夠在掌握互聯(lián)網(wǎng)設(shè)計技能的同時，通過校企合作項(xiàng)目積累大量項(xiàng)目經(jīng)驗(yàn)，提高就業(yè)能力;有創(chuàng)業(yè)意向的學(xué)生能夠利用校企合作的孵化平臺，獲得網(wǎng)頁制作專業(yè)軟件的技術(shù)支持與創(chuàng)業(yè)資金支持，以及業(yè)務(wù)交流互助、品牌推薦等方面的幫助，從而更好地開展創(chuàng)業(yè)活動;依托學(xué)校專業(yè)互聯(lián)網(wǎng)設(shè)計工作室，教師帶領(lǐng)學(xué)生參與網(wǎng)頁設(shè)計相關(guān)科研項(xiàng)目，申請橫向、縱向項(xiàng)目，與校企合作企業(yè)一起深化、推進(jìn)、發(fā)展“產(chǎn)、學(xué)、研”的教學(xué)科研目標(biāo)。（責(zé)編? 李亞婷）