視覺傳達課程改革網(wǎng)頁設(shè)計論文范文

本站小編為你精心準備了視覺傳達課程改革網(wǎng)頁設(shè)計論文參考范文，愿這些范文能點燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

【摘要】隨著網(wǎng)絡(luò)信息技術(shù)的發(fā)展，網(wǎng)頁設(shè)計等計算機相關(guān)課程不僅成為藝術(shù)設(shè)計專業(yè)的必修課，還被放在相當重要的位置。文章以視覺傳達設(shè)計專業(yè)的網(wǎng)頁設(shè)計課程為切入點，分析舊式課程的缺憾及其應(yīng)對措施，提出新形勢下的課程設(shè)計及其講授方案：充分考慮藝術(shù)設(shè)計專業(yè)學(xué)生的特點，全面應(yīng)對學(xué)生需求，提升學(xué)生邏輯思維能力。

【關(guān)鍵詞】視覺傳達設(shè)計;網(wǎng)頁設(shè)計;課程改革

2011年藝術(shù)學(xué)升格為新的門類，有效促進了設(shè)計學(xué)科的發(fā)展，其下8個二級學(xué)科除了藝術(shù)設(shè)計學(xué)專業(yè)之外，其余如視覺傳達設(shè)計專業(yè)（下文簡稱為“視傳”）等專業(yè)，均側(cè)重以理論為基礎(chǔ)的實踐型人才培育。而近年來，隨著網(wǎng)絡(luò)和信息技術(shù)逐漸滲透到社會經(jīng)濟生活的方方面面，設(shè)計領(lǐng)域也受到巨大影響，畢竟當代設(shè)計就是工業(yè)化、信息化的產(chǎn)物[1]。上述實踐型藝術(shù)設(shè)計專業(yè)紛紛開設(shè)如網(wǎng)頁設(shè)計、交互設(shè)計等相關(guān)課程，既滿足學(xué)生知識技能提升的渴望，也應(yīng)對市場和職業(yè)化需求。因此，探討此類課程的教學(xué)思路和內(nèi)容設(shè)計，成為非常迫切而重要的任務(wù)。

一、現(xiàn)存問題及分析

本文以視傳專業(yè)的網(wǎng)頁設(shè)計課程作為切入點，但結(jié)論對于其他應(yīng)用實踐型藝術(shù)設(shè)計專業(yè)同樣適用。很多文獻都分析過藝術(shù)設(shè)計類專業(yè)中的網(wǎng)頁設(shè)計課程的具體情況[2][3]，大體來說，此課程一方面涉及較多編程知識（HTML+CSS+JavaScript）；另一方面，則需要良好的邏輯思維能力（網(wǎng)頁的邏輯結(jié)構(gòu)等）。一般來說，視傳專業(yè)的生源大多來自藝考生，他們較之其他普通高考生，在計算機方面的知識、技能和思維模式處于較為薄弱的境況，而入學(xué)之后也不接觸數(shù)學(xué)或非普及性質(zhì)的計算機類課程。作為少數(shù)特例之一，浙江大學(xué)曾在藝術(shù)設(shè)計類專業(yè)中將計算機編程類課程設(shè)置為必修課，但由于通過率實在過低而且學(xué)生多有怨言，因此從2016級開始取消。因此，目前的網(wǎng)頁設(shè)計課程存在三個亟待解決的問題。第一，雖然已有學(xué)者意識到網(wǎng)頁設(shè)計與平面設(shè)計的聯(lián)系[4]，但很多開設(shè)在視覺傳達設(shè)計專業(yè)的網(wǎng)頁設(shè)計課程還是直接照搬計算機專業(yè)的課程教學(xué)模式、內(nèi)容、方法，這直接導(dǎo)致課程極為技術(shù)化。視傳學(xué)生即便不產(chǎn)生厭學(xué)逃避情緒，也難以跟上教程進度。所以學(xué)校必須專門根據(jù)視傳學(xué)生的特點進行課程建設(shè)，才能讓學(xué)生愿意學(xué)、可以學(xué)，并學(xué)有所成。第二，傳統(tǒng)的網(wǎng)頁設(shè)計課程往往將重點全部放在各種技術(shù)細節(jié)上，沒有充分強調(diào)網(wǎng)頁設(shè)計的邏輯思維模式，即網(wǎng)頁標記語言的“形式與內(nèi)容相分離”原則和網(wǎng)頁的DOM結(jié)構(gòu)特性等，視傳學(xué)生無法從本質(zhì)意義上獲得對網(wǎng)頁設(shè)計的總體認識和深入了解。因此，要明確提出并且通過各種方式重復(fù)強調(diào)上述思維模式，并安排大量練習(xí)以鞏固認知。第三，傳統(tǒng)的網(wǎng)頁設(shè)計課程雖然并未忽略網(wǎng)頁設(shè)計的審美，卻將之放在次要位置。實際上，視傳作為藝術(shù)設(shè)計領(lǐng)域中的一員，對審美強調(diào)尤甚，藝術(shù)設(shè)計領(lǐng)域的每一門課中，教師最重要的任務(wù)之一就是讓學(xué)生認識到美，本課程也不應(yīng)例外。

二、新的課程設(shè)計原則

綜觀課程始終，新的網(wǎng)頁設(shè)計課程設(shè)計方案應(yīng)遵循如下原則：第一，強調(diào)視覺設(shè)計的重要性，讓視傳學(xué)生從感性上存有喜愛和欣賞之情，認同這門技術(shù)性較強的課程與其專業(yè)的互通性和一致性，有自發(fā)的動力去完成課堂和課外作業(yè)。第二，以案例式教學(xué)為核心的團隊合作，不采用“參考手冊式教學(xué)”，即那種將知識點從頭到尾羅列至盡的講法，讓學(xué)生反感和疲倦。應(yīng)使用案例法引入知識技能點集群，并采取團隊合作方式完成。[5][6]第三，強調(diào)思維模式的培養(yǎng)，但并非鉆入技術(shù)瑣碎細節(jié)的牛角尖之中。思維模式，尤其與數(shù)學(xué)邏輯思維相關(guān)的思維模式，是無法簡單復(fù)制粘貼的。若能在教師的指引下于課堂上培養(yǎng)，則功莫大焉。第四，不斷重復(fù)重要的技術(shù)知識點，即將重點、要點重復(fù)講授、重復(fù)練習(xí)。在理工科的教學(xué)設(shè)計中，教師往往是避免這一點的，一是浪費時間精力，二來學(xué)生也不需要——他們舉一反三的能力相對比較強。但這個原則對于視傳學(xué)生非常重要，考慮到其薄弱的計算機基礎(chǔ)，只有這樣做才能落實教學(xué)內(nèi)容。第五，將本課程與視傳專業(yè)的其他專業(yè)課程相結(jié)合，使學(xué)生把握網(wǎng)頁設(shè)計知識技能在其整個知識技能體系中的位置和相互關(guān)系，并借助其他專業(yè)課的所學(xué)所知，完成本課程的作業(yè)要求[7]。下面筆者以16次課、每次課3學(xué)時為例，簡要闡述具體教學(xué)內(nèi)容。第1次課：網(wǎng)頁設(shè)計的現(xiàn)狀與設(shè)計審美，通過精彩實例激發(fā)學(xué)生興趣；書寫第一個簡單網(wǎng)頁；網(wǎng)頁設(shè)計的“內(nèi)容與形式分離”，用海報設(shè)計為例探討異同。第2次課：基本的HTML網(wǎng)頁標簽；完成一個簡單案例，了解CSS的一般規(guī)則，并從視覺設(shè)計角度進行評價。第3次課：重復(fù)關(guān)于網(wǎng)頁編程的基本要點；借助一個新聞列表網(wǎng)頁案例，了解網(wǎng)頁DOM結(jié)構(gòu)的含義，分析DIV和SPAN這兩個邏輯標簽的用途。第4次課：初步認識CSS的盒子模型；完善新聞列表網(wǎng)頁案例，獲得兩個不同的視覺效果；初步認識網(wǎng)頁定位的概念。第5次課：重復(fù)網(wǎng)頁設(shè)計思路和原則；了解BLOCK和INLINE元素的意義，用一種定位方式完成“工字形”網(wǎng)頁案例。第6次課：用另外兩種定位方式繼續(xù)完成“工字形”網(wǎng)頁案例，總結(jié)三種定位方式；學(xué)生完成“圣杯形”網(wǎng)頁案例。第7次課：學(xué)習(xí)CSS選擇器的第一部分內(nèi)容；在分析過程中重復(fù)了解和掌握網(wǎng)頁DOM。第8次課：學(xué)習(xí)CSS選擇器的第二部分內(nèi)容；學(xué)生自行設(shè)計視覺效果，提交新作品。第9次課：重復(fù)認識HTML的基本知識，學(xué)習(xí)網(wǎng)頁表單；學(xué)生完成表單案例，初步體驗JavaScript。第10次課：重復(fù)CSS知識點，對表單案例進行視覺美化；初步學(xué)習(xí)JavaScript的基本知識點。第11次課：重復(fù)HTML+CSS的基本要點，學(xué)生自行擬定一個小型網(wǎng)站（3至5個頁面）的主題和視覺設(shè)計。第12次課：在上次課基礎(chǔ)上，介紹第三方JavaScript庫并予以應(yīng)用。第13次課：重復(fù)HTML+CSS+JavaScript設(shè)計理念，介紹和應(yīng)用第三方框架。第14次課：重點講授和幫助學(xué)生規(guī)劃、修改網(wǎng)頁視覺設(shè)計稿，充分利用其他專業(yè)課相關(guān)技能，獲得有一定專業(yè)水準的設(shè)計方案。第15次課：整合并重復(fù)課程前期知識要點，在第三方框架和第三方庫的基礎(chǔ)上進行中型網(wǎng)站建設(shè)，包括結(jié)構(gòu)設(shè)計、視覺設(shè)計和代碼設(shè)計。第16次課：針對所得網(wǎng)站，學(xué)生團隊相互評價，教師評價，同時修改和完善；初步介紹網(wǎng)站的運行和維護，初步介紹迭代設(shè)計策略及其實施，準備迎接交互設(shè)計課程。

三、總結(jié)和討論

比較可知，本文提出的網(wǎng)頁設(shè)計課程改革方案，與大部分傳統(tǒng)課程設(shè)計都有較大差別，與一些創(chuàng)新性較強的課程改革方案也不盡相同[8]。課程設(shè)計并不遵循已有慣例，將教學(xué)要點以階梯上升式的重復(fù)節(jié)奏，安排在整個教學(xué)過程中，并處處體現(xiàn)出強調(diào)視覺設(shè)計和邏輯思維模式這兩個原則，還將案例式教學(xué)滲透到每一環(huán)節(jié)。通過這一門常規(guī)課時數(shù)的課程，視傳專業(yè)的學(xué)生便已能從零基礎(chǔ)出發(fā)，充分了解網(wǎng)頁設(shè)計與平面設(shè)計的異同，并在此基礎(chǔ)上規(guī)劃、設(shè)計和編寫從簡單到中等復(fù)雜程度的網(wǎng)頁、網(wǎng)站，不僅完成了教學(xué)目標，而且能持有一種主動的、探索的心態(tài)去面對原本令人畏懼的計算機技術(shù)世界，結(jié)合個人所長繼續(xù)學(xué)習(xí)。在此，本文在褒義上使用“眼高手低”來總結(jié)網(wǎng)頁設(shè)計背后的教學(xué)思維：眼界必須高，要在一開始意識到宏觀抽象層面的“網(wǎng)頁”到底是什么、網(wǎng)頁邏輯結(jié)構(gòu)是什么、網(wǎng)頁設(shè)計又是什么，給予學(xué)生開闊的視野；動手可以低，因為網(wǎng)頁設(shè)計所涉及的編程知識，其實在本課程層面上并不需要嚴格地識記背誦，對于需要完成的案例也不需有太高要求，點到為止——畢竟往后還有機會再做深入，而且網(wǎng)上有海量的資料可供查詢或直接使用，但倘若觸發(fā)了學(xué)生對計算機技術(shù)的逃避和抵觸心態(tài)，就得不償失了。這個觀點，其實同樣適用于各門設(shè)置在藝術(shù)設(shè)計類專業(yè)中的計算機和網(wǎng)絡(luò)技術(shù)相關(guān)課程。當然，其中的不足偏頗之處，還有待教師同行進一步切磋探討。

參考文獻：

[2]段蕓.藝術(shù)設(shè)計專業(yè)《網(wǎng)頁設(shè)計》課程實踐研究[D].沈陽師范大學(xué)，2013.

[3]李霞.計算機網(wǎng)頁設(shè)計課程教學(xué)模式的改革研究[J].信息與電腦（理論版），2018（1）.

[4]鄭丹青.項目教學(xué)法在動態(tài)網(wǎng)頁設(shè)計課程中的教學(xué)應(yīng)用[J].中央民族大學(xué)學(xué)報（自然科學(xué)版），2014（2）.

[5]張家軍.論案例教學(xué)的本質(zhì)與特點[J].中國教育學(xué)刊，2004（1）.

[6]馬松.基于案例教學(xué)在計算機網(wǎng)頁設(shè)計教學(xué)中的應(yīng)用[J].亞太教育，2015（25）.

[7]朱松巖.現(xiàn)代網(wǎng)頁設(shè)計與印刷類平面設(shè)計比較研究[D].蘇州大學(xué)，2006.

[8]薛輝，楊小鋒.《網(wǎng)頁制作》課程“精講熱練”教學(xué)模式的探索與設(shè)計[J].電腦知識與技術(shù)，2015（31）.

作者：劉國柱 單位：浙江大學(xué)人文學(xué)院講師