前言：尋找寫作靈感？中文期刊網用心挑選的平面設計專業網頁設計課程教學改革，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要：隨著“互聯網+”國家戰略的大力推進，社會對網頁設計專業人才的培養提出了新的要求。該文根據平面設計專業網頁設計課程的特點，分析該課程教學存在的問題，并針對問題從教學內容、教學方法兩個層面闡述具體改革措施，旨在提高平面設計專業網頁設計人才的社會實踐對接能力。
關鍵詞：平面設計;網頁設計;課程教學;改革
隨著“互聯網+”國家策略的大力推進，我國社會發展急需大量優秀的互聯網人才，而網頁設計人才是互聯網人才的重要組成部分。為了配合國家戰略實施，目前國內各大高校紛紛把網頁設計設置為平面設計專業高年級學生的必修課程。然而，隨著近年來平面設計高等教育的不斷擴招，以往的課程體系和教學方法已無法滿足當代和未來社會對網頁設計人才的要求，而忽視市場需求的人才培養模式也會使人才培養與市場需求間的距離越來越大。所以，對平面設計專業網頁設計課程教學的探討十分重要。
一、教學現狀分析
平面設計教育在我國起步雖晚，但發展迅速，其人才培養方法備受各方關注。網頁設計是一種新興的數字藝術，它的創意取決于企業的文化屬性和互聯網的特色，它是一種附屬于互聯網、融合藝術與技術的新型設計形式，它的界面設計從平面設計入手，內涵卻遠遠超出了平面設計概念，既要注重界面中的平面構成元素，又要考慮用戶體驗，還要注重各頁面鏈接的空間關系和視覺協調性，從而成為具有互聯網特征、綜合性的平面設計。目前，國內各大本科院校多依據所屬專業確定網頁設計課程的教學側重點。計算機類的側重代碼編程，注重培養網站后臺人才；藝術類的側重界面規劃和美化，致力于培養網站前臺、網頁美工。但各專業在網頁設計課程教學上主要存在以下兩種現象：一是“輕維護、重美觀”，培養出的學生多注重靜態頁面的藝術性，不在乎是否有利于后臺維護；另一種是“輕線下、重線上”，部分學生往往只在意屏幕的視覺效果，對線下互聯網用戶的需求了解不夠。這導致他們設計的網頁界面看起來很漂亮，鏈接也很流暢，但實用性不強，更不利于線下產品的開發。因此，對平面設計專業網頁設計課程教學進行改革勢在必行。
二、教學內容的調整
對于平面設計專業網頁設計課程教學中出現的問題，首先要從教學內容上進行調整。新的教學內容調整為藝術理論課程和軟件實踐課程兩大模塊。
1.藝術理論課程模塊
藝術理論課程模塊的知識點分為三部分：網頁設計的功能元素、網頁交互設計、網站品牌形象的美學塑造。網頁設計的功能元素是網頁界面設計的基礎元件，了解功能元素的特點、作用及各元素之間的相互關系，對網頁設計工作起著至關重要的作用。網頁設計的功能元素有背景與底紋、按鈕與控件、頁眉與頁腳、導航器和目錄、功能板塊和廣告位等，這些功能元素依靠文字、圖片、色彩、多媒體和超級鏈接實現。這些功能元素的形式語言設計遵循傳統平面設計的設計原則，又和傳統平面設計有很大不同。如，傳統平面設計多以印刷為最終呈現方式，作品尺寸是固定數值，而網頁設計是以用戶的顯示器為最終呈現載體，所以作品的寬度不宜超過顯示器寬度，高度可以任意，但只能顯示一屏的高度，隨著瀏覽者拖動滾動條，作品的顯示高度隨之變化。用于傳統平面設計中的色彩在輸出過程中是以印刷色CMYK形式出現的，而網頁設計中的顏色是RGB模式，是標準的光色。因此，教師在此部分教學中不但要傳授網頁設計各功能元素的作用與特點，還應該指出它們與傳統平面設計中相對應元素的異同，讓學生在區別中學習。交互設計是網頁設計最為重要的功能設計。交互設計源于工業設計的概念，原來的平面設計專業教學中沒有交互設計的內容，為了更好地讓教學內容與市場接軌，在調整后的教學內容中新增了這一知識點。此部分教學內容包括用戶體驗研究、層級結構設計、流程設計等，通過模擬用戶上網實際操作進行分析，找出用戶的關注點，確定網站特色和欄目，將站點ID、欄目、實用工具、搜索引擎等交互設計元素和平面設計知識結合，將功能設計教學落到實處。品牌化建設是企業視覺形象設計的延續和拓展。和大多數線下公司一樣，優秀的網站也需要塑造品牌形象。從企業文化和性質入手，樹立準確而獨特的網站品牌形象，有利于企業在互聯網上從同類公司中凸顯出來，提高上網者對該企業網站的瀏覽興趣，增強上網者的瀏覽記憶，促進該企業的宣傳推廣。在藝術理論課程模塊教學內容中應滲透品牌形象概念，將此概念應用到網頁設計的各個環節之中，無論是網頁LOGO、網頁色彩還是版式和導航等設計，都應該保持品牌形象的一致性。
2.軟件實踐課程模塊
軟件實踐課程模塊包含兩部分：“新網頁三劍客”和常用簡單代碼識別。Fireworks、Dreamweaver、Flash是傳統意義上的“網頁三劍客”，過去網頁設計的教學基本是對它們的學習。這雖然具有普遍性，但對不同專業學習的針對性不強。結合平面設計專業學生現有軟件掌握情況（Photoshop是平面設計專業學生必修基礎軟件，多數學生已掌握它的基本操作技巧），把此部分內容調整為“新網頁三劍客（Photoshop+Dreamweaver+Flash）”的學習。簡單地說，就是根據界面規劃草圖，用Photoshop制作出精美的靜態界面效果圖，并在此基礎上再次利用Photoshop軟件進行切片、優化和輸出Html文檔，用Dreamweaver進行版式美化處理和超級鏈接設計，最后用Flash做特效替換，最終做出具備跳轉鏈接功能的動態網頁設計效果圖。平面設計專業最終制作的網頁設計作品需要軟件工程師根據動態效果圖代碼編程上傳，這樣才能更好地在互聯網上呈現。為了更好地與后臺工程師溝通，把動態效果圖設計得更準確，網頁美工師需要了解一些常規編程代碼知識，但平面設計專業學生多是文科生，數學和英語的掌握水平普遍不高。對此，在代碼教學內容上應選取一些常用的、簡單的代碼語言，并結合Dreamweaver的Html標簽和CSS規則的使用方法，利用框架，對現有模板進行優化和美化，提高網頁設計動態效果圖的實用性。
三、以項目教學方法為載體，提高學生的實戰能力
為了提高學生的實戰能力，將社會項目、經典案例引入課堂教學，并分層次逐級深入。
1.第一級：精選案例、分解任務階段
教師應該根據學生的特點和網頁設計所需掌握的相關知識點，精選典型實際案例，引入教學環節。分解項目到每一個知識點，邊教邊練，將實踐和理論有機結合，并逐一講解。教師選擇的案例要具有吸引力、綜合性，能涵蓋知識點，案例不需要多，兩三個即可。教師在講授案例時應強調學生的主體地位，對學生進行引導和解惑，遵循由淺入深、由易到難的原則，以具體分解任務作為驅動，進行教、學、練的課堂活動。此階段應激發學生自主學習的興趣，培養他們獨立自主分析、解決問題的能力和實踐能力。
2.第二級：項目分工合作階段
此階段將學生分成若干設計小組，幾個小組共同承擔一個項目，每組在項目中的任務各不相同，各小組分工協作，大家共同制訂項目計劃和實施方案，推舉大組長為項目總負責人，負責最終方案的定稿和項目材料的整理。在項目設計的整個環節中，每個小組擁有充分的自主權，大大地調動了學生的積極性。各小組成員共同面對隨時出現的問題，合作完成任務。這樣的交流過程使每名學生都能參與項目設計活動，提升自主學習能力。在這種交流中，所有學生的思維碰撞出火花，產生新的創意，大大提高了學生的創造激情和探索沖動，加強培養了他們的團隊協作能力，為他們以后步入社會打下了基礎。教師在這個階段應該全程監控，引導學生自主解決問題，表揚優點，發現不足，匯總各個組項目實施中的共性問題，對共性問題所涉及的理論知識與軟件操作集中補充講解。
3.第三級：對接社會、校企合作階段
平面設計專業網頁設計課程教學改革的最終目的是為社會輸出合格的互聯網網頁設計人才，更好地服務社會。對此，平面設計專業網頁設計課程教學對接社會、加強校企合作就顯得尤為必要和重要。學校應該根據自身特點選擇合適的企業建立教學實踐基地，聘請企業網頁設計骨干作為指導教師參與網頁設計課程實踐教學。學校也可以組織部分優秀學生組建設計團隊，成立工作坊，工作坊可以按照企業模式管理、運營，承接校外的網頁設計項目。此階段教學培養學生的社會接軌能力，為學生對接社會提供條件，將企業文化和行業規范引入教學，實現校企無障礙對接，真正將理論教學與實踐教學有機結合在一起。在計算機信息技術飛速發展的環境下，平面設計專業網頁設計課程更要緊扣時代的脈搏，求實創新，不斷地更新和豐富教學內容，結合市場發展趨勢創新教學方法，及時將最新案例和相關知識點引入課堂，最終培養出滿足“互聯網+”國家戰略實施需要、具有綜合素養的網頁設計高級應用人才。
參考文獻：
[1]（美）賈森•貝爾德.完美網頁的視覺設計法則（第2版）.石屹，譯.電子工業出版社，2011.
[2]范雙南，李希勇，萬宏輝.現代設計基礎——21世紀藝術設計專業規劃教材Dreamweaver網頁設計.北京工藝美術出版社，2009.
[3]（美）RobertHoekman.Jr.瞬間之美：Web界面設計如何讓用戶心動.向怡寧，譯.人民郵電出版社，2009.
作者:洪濤 單位:河南大學藝術學院