創新藝術專業網頁設計教學方法的途徑論文

1. 課程教學現狀探析。

（ 1） 課程教學性質探析。藝術專業網頁設計課程作爲很多普通本科院校的專業必修課程，網頁設計課程區別與藝術設計專業其它門類課程，是大多數課程的後續課程，包括平面構成，色彩構成、字型設計、廣告版面設計等課程，是一門綜合型的課程，具有知識貫穿性特點，是一門技術與藝術的學科。

（ 2） 學生教學目的情況探析。網頁設計課程排在專業基礎課程之後的教學安排方法，透過前一學期的電腦設計基礎或計算機輔助設計課程的學習，大部分學生會掌握計算機設計軟件的基礎操作，學生對網絡充滿興趣但是對於網頁設計製作流程較爲陌生。因此，教學目的是使學生對網頁設計的基本概念、理論知識、實際運用的角度爲學生提供較爲全面、系統、準確的網頁設計知識體系。能夠着力培養學生網頁設計與製作的思維和創新能力，掌握網頁設計軟件的使用方法，運用所學知識獨立完成命題創作成爲創新實踐研究重點。

2. 科學安排課堂教學內容。

以網頁設計課程48 -64 學時爲例，根據教材和實踐內容分成六個章節分別進行講解。

第一章主要闡述網頁設計基礎，帶領學生了解網頁設計基本相關術語，以及應用領域和注意事項，賞析國內外優秀網頁設計作品整體和細節元素，透過實驗講解數字設計規範理論知識，引導學生產生濃厚興趣，爲課程學習打下基礎。

第二章主要講解網頁基本構成元素設計，網頁製作主流工具 Fire-works 綜合設計內容，包括網頁頁眉設計、網頁 LOGO 設計、網頁按鈕設計、網頁文字設計、網頁導航欄目設計。根據當前業內以及企業用人單位的需求調研和學生自身基礎水平特點，針對前沿內容： 網頁按鈕元素設計 （ icon 圖標） 進行重點研究學習。因爲，它是網頁新穎設計的重要體現，是電子行業手機介面設計的基礎環節。

第三章主要講解網頁動畫設計和交互按鈕設計，包括動畫基礎原理，網頁 GIF 動畫、網頁 Flash 動畫製作。重點突出動畫運動的基本規律，幀和層的對應關係，原畫、中間畫和幀、關鍵幀的關係。難點是 Flash 中幀速率的控制、元件和音樂的調用環節。

第四章根據學生感興趣的網站類型，實戰演示具體網頁設計項目，從策劃創意到草圖繪製，到網頁局部元素設計，到整體佈局排版發佈，由整體到細節，再有細節到整體，使得學生能夠掌握網頁設計的製作流程。

第五章命題設計，要求學生完善前期的草圖方案，自命設計主題，按所學視覺設計語言規律完成一個小型網站的創意設計。發散創意思維，表達主題內涵，體現綜合設計能力。

第六章設計點評 （ 教學評價） ,選擇學生製作的具有代表性作品進行展示，由師生共同參與點評，對學生中體現出來的好的製作經驗和體會，給予肯定； 對不足的地方提出指導性的意見，答疑設計中遇到的共性問題，使學生的階段性的作品逐步趨於完善。

3. 加強教學設計模組創新實踐。

（ 1） 教學過程一體化，透過網頁賞析，理論整體到細節分析，由淺入深，循序漸進，理論與實踐一體化。以案例貫穿全過程，圍繞完成每一個具體工作任務所涉及的理論知識，以知識點的方式將相應內容分到各個模組之中，實現理論與實踐一體化。（ 2） 教學結構模組化，課程採用模組化的課程結構，由網頁的各個構成元素進行分模組化的訓練，使用案例演示，並以項目爲導向，貫穿課程的前後，將整個課程分爲6個模組，每個模組都有細化任務。（ 3） 教學內容項目化，採用項目化教學的理念設計教學大綱，並組織教學內容。課程以網頁三劍客爲教學平臺，以項目導向，任務驅動的方式組織教學，以工作任務爲主線，以學生爲主體以教學師生爲主導，融教學做於一體。（ 4） 教學研究學術化，教學過程中注重將學術研究成果與課堂教學內容相結合，讓學生直接吸收研究價值成果並實踐轉換。例如在 Fireworks 網頁按鈕設計製作章節中就可以運用到學術研究成果 《布爾運算在二維圖像中的應用研究》，來快速實現網頁按鈕設計，提高設計效率。

4. 合理實行教學手段創新化。

（ 1） 學生自主學習爲主，教師指導爲輔，學生根據要完成的本節課的任務，選擇學習資源中相關的學習內容，進行自主學習。從簡單的模仿開始，大膽進行探索實踐，透過多種渠道尋求問題的解決。對自主學習、探索問題解決過程中出現的'問題，教師應及時利用多媒體計算機等資源進行幫助、指導，鼓勵學生開展協作學習拓展思路，使不同程度的學生都能向目標邁進。（ 2） 注重實踐實驗教學的趣味性，在教學的過程中，注重理論和實踐想結合，透過實驗操作結果，以展示給學生教學內容的準確性、正確性。例如同樣的矢量路徑圖形和位圖圖像，透過放大縮小後產生的明顯差異，以及網頁中12 -14 像素的文字，採用不消除鋸齒和平滑消除鋸齒產生的特殊效果。 （ 3） 教學輔助道具新穎多樣，上述第三章節中重點內容，動畫基本原理中的原畫、中間畫和幀、關鍵幀的關係的講解中，運用到了卡牌魔術輔助道具極好的提高了班級同學們的學習興趣，同時又生動的解釋了問題。（ 4） 教學手段企業化，透過實訓項目演示，達到項目驅動的學習效果，最終透過項目驗收，學生自我評價，教師綜合評價來完成學習任務目標。

5. 實踐教學效果總結。

創意元素都不是憑空想象的，都是有一定的文化內涵在其中，創意的本身其實還是客觀精神或者物質的本質穿上了一件新的外衣。創意的設計其實更需要在網頁設計中得到應用，因爲這是當今資訊社會的需要。實施該教學方案雖然獲得了一些效果，但教學設計沒有最好，只有更好。我們還需要在教學實踐中堅持觀察，發現存在的問題，不斷優化教學方案。

參考文獻：

[1] 楊開城。 教學設計： 一種技術學的視角 [M]. 北京： 電子工業出版社，2010.

[2] 陳雷。 網頁設計基礎 [J]. 藝術探索，2005,19 （ 1） : 75 -76.

[3] 張勝超。 網頁設計教學改革的新嘗試 [J]. 美術教育研究，2013. 2: 126.