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

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

【關鍵詞】視覺傳達設計;網頁設計;課程改革

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

一、現存問題及分析

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

二、新的課程設計原則

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

三、總結和討論

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

參考文獻：

[2]段蕓.藝術設計專業《網頁設計》課程實踐研究[D].沈陽師范大學，2013.

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

[4]鄭丹青.項目教學法在動態網頁設計課程中的教學應用[J].中央民族大學學報（自然科學版），2014（2）.

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

[6]馬松.基于案例教學在計算機網頁設計教學中的應用[J].亞太教育，2015（25）.

[7]朱松巖.現代網頁設計與印刷類平面設計比較研究[D].蘇州大學，2006.

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

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