前言：尋找寫(xiě)作靈感？中文期刊網(wǎng)用心挑選的平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)改革，希望能為您的閱讀和創(chuàng)作帶來(lái)靈感，歡迎大家閱讀并分享。

摘要：隨著“互聯(lián)網(wǎng)+”國(guó)家戰(zhàn)略的大力推進(jìn)，社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)人才的培養(yǎng)提出了新的要求。該文根據(jù)平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程的特點(diǎn)，分析該課程教學(xué)存在的問(wèn)題，并針對(duì)問(wèn)題從教學(xué)內(nèi)容、教學(xué)方法兩個(gè)層面闡述具體改革措施，旨在提高平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)人才的社會(huì)實(shí)踐對(duì)接能力。

關(guān)鍵詞：平面設(shè)計(jì);網(wǎng)頁(yè)設(shè)計(jì);課程教學(xué);改革

隨著“互聯(lián)網(wǎng)+”國(guó)家策略的大力推進(jìn)，我國(guó)社會(huì)發(fā)展急需大量?jī)?yōu)秀的互聯(lián)網(wǎng)人才，而網(wǎng)頁(yè)設(shè)計(jì)人才是互聯(lián)網(wǎng)人才的重要組成部分。為了配合國(guó)家戰(zhàn)略實(shí)施，目前國(guó)內(nèi)各大高校紛紛把網(wǎng)頁(yè)設(shè)計(jì)設(shè)置為平面設(shè)計(jì)專(zhuān)業(yè)高年級(jí)學(xué)生的必修課程。然而，隨著近年來(lái)平面設(shè)計(jì)高等教育的不斷擴(kuò)招，以往的課程體系和教學(xué)方法已無(wú)法滿(mǎn)足當(dāng)代和未來(lái)社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才的要求，而忽視市場(chǎng)需求的人才培養(yǎng)模式也會(huì)使人才培養(yǎng)與市場(chǎng)需求間的距離越來(lái)越大。所以，對(duì)平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)的探討十分重要。

一、教學(xué)現(xiàn)狀分析

平面設(shè)計(jì)教育在我國(guó)起步雖晚，但發(fā)展迅速，其人才培養(yǎng)方法備受各方關(guān)注。網(wǎng)頁(yè)設(shè)計(jì)是一種新興的數(shù)字藝術(shù)，它的創(chuàng)意取決于企業(yè)的文化屬性和互聯(lián)網(wǎng)的特色，它是一種附屬于互聯(lián)網(wǎng)、融合藝術(shù)與技術(shù)的新型設(shè)計(jì)形式，它的界面設(shè)計(jì)從平面設(shè)計(jì)入手，內(nèi)涵卻遠(yuǎn)遠(yuǎn)超出了平面設(shè)計(jì)概念，既要注重界面中的平面構(gòu)成元素，又要考慮用戶(hù)體驗(yàn)，還要注重各頁(yè)面鏈接的空間關(guān)系和視覺(jué)協(xié)調(diào)性，從而成為具有互聯(lián)網(wǎng)特征、綜合性的平面設(shè)計(jì)。目前，國(guó)內(nèi)各大本科院校多依據(jù)所屬專(zhuān)業(yè)確定網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)側(cè)重點(diǎn)。計(jì)算機(jī)類(lèi)的側(cè)重代碼編程，注重培養(yǎng)網(wǎng)站后臺(tái)人才；藝術(shù)類(lèi)的側(cè)重界面規(guī)劃和美化，致力于培養(yǎng)網(wǎng)站前臺(tái)、網(wǎng)頁(yè)美工。但各專(zhuān)業(yè)在網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)上主要存在以下兩種現(xiàn)象：一是“輕維護(hù)、重美觀”，培養(yǎng)出的學(xué)生多注重靜態(tài)頁(yè)面的藝術(shù)性，不在乎是否有利于后臺(tái)維護(hù)；另一種是“輕線(xiàn)下、重線(xiàn)上”，部分學(xué)生往往只在意屏幕的視覺(jué)效果，對(duì)線(xiàn)下互聯(lián)網(wǎng)用戶(hù)的需求了解不夠。這導(dǎo)致他們?cè)O(shè)計(jì)的網(wǎng)頁(yè)界面看起來(lái)很漂亮，鏈接也很流暢，但實(shí)用性不強(qiáng)，更不利于線(xiàn)下產(chǎn)品的開(kāi)發(fā)。因此，對(duì)平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)進(jìn)行改革勢(shì)在必行。

二、教學(xué)內(nèi)容的調(diào)整

對(duì)于平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中出現(xiàn)的問(wèn)題，首先要從教學(xué)內(nèi)容上進(jìn)行調(diào)整。新的教學(xué)內(nèi)容調(diào)整為藝術(shù)理論課程和軟件實(shí)踐課程兩大模塊。

1.藝術(shù)理論課程模塊

藝術(shù)理論課程模塊的知識(shí)點(diǎn)分為三部分：網(wǎng)頁(yè)設(shè)計(jì)的功能元素、網(wǎng)頁(yè)交互設(shè)計(jì)、網(wǎng)站品牌形象的美學(xué)塑造。網(wǎng)頁(yè)設(shè)計(jì)的功能元素是網(wǎng)頁(yè)界面設(shè)計(jì)的基礎(chǔ)元件，了解功能元素的特點(diǎn)、作用及各元素之間的相互關(guān)系，對(duì)網(wǎng)頁(yè)設(shè)計(jì)工作起著至關(guān)重要的作用。網(wǎng)頁(yè)設(shè)計(jì)的功能元素有背景與底紋、按鈕與控件、頁(yè)眉與頁(yè)腳、導(dǎo)航器和目錄、功能板塊和廣告位等，這些功能元素依靠文字、圖片、色彩、多媒體和超級(jí)鏈接實(shí)現(xiàn)。這些功能元素的形式語(yǔ)言設(shè)計(jì)遵循傳統(tǒng)平面設(shè)計(jì)的設(shè)計(jì)原則，又和傳統(tǒng)平面設(shè)計(jì)有很大不同。如，傳統(tǒng)平面設(shè)計(jì)多以印刷為最終呈現(xiàn)方式，作品尺寸是固定數(shù)值，而網(wǎng)頁(yè)設(shè)計(jì)是以用戶(hù)的顯示器為最終呈現(xiàn)載體，所以作品的寬度不宜超過(guò)顯示器寬度，高度可以任意，但只能顯示一屏的高度，隨著瀏覽者拖動(dòng)滾動(dòng)條，作品的顯示高度隨之變化。用于傳統(tǒng)平面設(shè)計(jì)中的色彩在輸出過(guò)程中是以印刷色CMYK形式出現(xiàn)的，而網(wǎng)頁(yè)設(shè)計(jì)中的顏色是RGB模式，是標(biāo)準(zhǔn)的光色。因此，教師在此部分教學(xué)中不但要傳授網(wǎng)頁(yè)設(shè)計(jì)各功能元素的作用與特點(diǎn)，還應(yīng)該指出它們與傳統(tǒng)平面設(shè)計(jì)中相對(duì)應(yīng)元素的異同，讓學(xué)生在區(qū)別中學(xué)習(xí)。交互設(shè)計(jì)是網(wǎng)頁(yè)設(shè)計(jì)最為重要的功能設(shè)計(jì)。交互設(shè)計(jì)源于工業(yè)設(shè)計(jì)的概念，原來(lái)的平面設(shè)計(jì)專(zhuān)業(yè)教學(xué)中沒(méi)有交互設(shè)計(jì)的內(nèi)容，為了更好地讓教學(xué)內(nèi)容與市場(chǎng)接軌，在調(diào)整后的教學(xué)內(nèi)容中新增了這一知識(shí)點(diǎn)。此部分教學(xué)內(nèi)容包括用戶(hù)體驗(yàn)研究、層級(jí)結(jié)構(gòu)設(shè)計(jì)、流程設(shè)計(jì)等，通過(guò)模擬用戶(hù)上網(wǎng)實(shí)際操作進(jìn)行分析，找出用戶(hù)的關(guān)注點(diǎn)，確定網(wǎng)站特色和欄目，將站點(diǎn)ID、欄目、實(shí)用工具、搜索引擎等交互設(shè)計(jì)元素和平面設(shè)計(jì)知識(shí)結(jié)合，將功能設(shè)計(jì)教學(xué)落到實(shí)處。品牌化建設(shè)是企業(yè)視覺(jué)形象設(shè)計(jì)的延續(xù)和拓展。和大多數(shù)線(xiàn)下公司一樣，優(yōu)秀的網(wǎng)站也需要塑造品牌形象。從企業(yè)文化和性質(zhì)入手，樹(shù)立準(zhǔn)確而獨(dú)特的網(wǎng)站品牌形象，有利于企業(yè)在互聯(lián)網(wǎng)上從同類(lèi)公司中凸顯出來(lái)，提高上網(wǎng)者對(duì)該企業(yè)網(wǎng)站的瀏覽興趣，增強(qiáng)上網(wǎng)者的瀏覽記憶，促進(jìn)該企業(yè)的宣傳推廣。在藝術(shù)理論課程模塊教學(xué)內(nèi)容中應(yīng)滲透品牌形象概念，將此概念應(yīng)用到網(wǎng)頁(yè)設(shè)計(jì)的各個(gè)環(huán)節(jié)之中，無(wú)論是網(wǎng)頁(yè)LOGO、網(wǎng)頁(yè)色彩還是版式和導(dǎo)航等設(shè)計(jì)，都應(yīng)該保持品牌形象的一致性。

2.軟件實(shí)踐課程模塊

軟件實(shí)踐課程模塊包含兩部分：“新網(wǎng)頁(yè)三劍客”和常用簡(jiǎn)單代碼識(shí)別。Fireworks、Dreamweaver、Flash是傳統(tǒng)意義上的“網(wǎng)頁(yè)三劍客”，過(guò)去網(wǎng)頁(yè)設(shè)計(jì)的教學(xué)基本是對(duì)它們的學(xué)習(xí)。這雖然具有普遍性，但對(duì)不同專(zhuān)業(yè)學(xué)習(xí)的針對(duì)性不強(qiáng)。結(jié)合平面設(shè)計(jì)專(zhuān)業(yè)學(xué)生現(xiàn)有軟件掌握情況（Photoshop是平面設(shè)計(jì)專(zhuān)業(yè)學(xué)生必修基礎(chǔ)軟件，多數(shù)學(xué)生已掌握它的基本操作技巧），把此部分內(nèi)容調(diào)整為“新網(wǎng)頁(yè)三劍客（Photoshop+Dreamweaver+Flash）”的學(xué)習(xí)。簡(jiǎn)單地說(shuō)，就是根據(jù)界面規(guī)劃草圖，用Photoshop制作出精美的靜態(tài)界面效果圖，并在此基礎(chǔ)上再次利用Photoshop軟件進(jìn)行切片、優(yōu)化和輸出Html文檔，用Dreamweaver進(jìn)行版式美化處理和超級(jí)鏈接設(shè)計(jì)，最后用Flash做特效替換，最終做出具備跳轉(zhuǎn)鏈接功能的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)效果圖。平面設(shè)計(jì)專(zhuān)業(yè)最終制作的網(wǎng)頁(yè)設(shè)計(jì)作品需要軟件工程師根據(jù)動(dòng)態(tài)效果圖代碼編程上傳，這樣才能更好地在互聯(lián)網(wǎng)上呈現(xiàn)。為了更好地與后臺(tái)工程師溝通，把動(dòng)態(tài)效果圖設(shè)計(jì)得更準(zhǔn)確，網(wǎng)頁(yè)美工師需要了解一些常規(guī)編程代碼知識(shí)，但平面設(shè)計(jì)專(zhuān)業(yè)學(xué)生多是文科生，數(shù)學(xué)和英語(yǔ)的掌握水平普遍不高。對(duì)此，在代碼教學(xué)內(nèi)容上應(yīng)選取一些常用的、簡(jiǎn)單的代碼語(yǔ)言，并結(jié)合Dreamweaver的Html標(biāo)簽和CSS規(guī)則的使用方法，利用框架，對(duì)現(xiàn)有模板進(jìn)行優(yōu)化和美化，提高網(wǎng)頁(yè)設(shè)計(jì)動(dòng)態(tài)效果圖的實(shí)用性。

三、以項(xiàng)目教學(xué)方法為載體，提高學(xué)生的實(shí)戰(zhàn)能力

為了提高學(xué)生的實(shí)戰(zhàn)能力，將社會(huì)項(xiàng)目、經(jīng)典案例引入課堂教學(xué)，并分層次逐級(jí)深入。

1.第一級(jí)：精選案例、分解任務(wù)階段

教師應(yīng)該根據(jù)學(xué)生的特點(diǎn)和網(wǎng)頁(yè)設(shè)計(jì)所需掌握的相關(guān)知識(shí)點(diǎn)，精選典型實(shí)際案例，引入教學(xué)環(huán)節(jié)。分解項(xiàng)目到每一個(gè)知識(shí)點(diǎn)，邊教邊練，將實(shí)踐和理論有機(jī)結(jié)合，并逐一講解。教師選擇的案例要具有吸引力、綜合性，能涵蓋知識(shí)點(diǎn)，案例不需要多，兩三個(gè)即可。教師在講授案例時(shí)應(yīng)強(qiáng)調(diào)學(xué)生的主體地位，對(duì)學(xué)生進(jìn)行引導(dǎo)和解惑，遵循由淺入深、由易到難的原則，以具體分解任務(wù)作為驅(qū)動(dòng)，進(jìn)行教、學(xué)、練的課堂活動(dòng)。此階段應(yīng)激發(fā)學(xué)生自主學(xué)習(xí)的興趣，培養(yǎng)他們獨(dú)立自主分析、解決問(wèn)題的能力和實(shí)踐能力。

2.第二級(jí)：項(xiàng)目分工合作階段

此階段將學(xué)生分成若干設(shè)計(jì)小組，幾個(gè)小組共同承擔(dān)一個(gè)項(xiàng)目，每組在項(xiàng)目中的任務(wù)各不相同，各小組分工協(xié)作，大家共同制訂項(xiàng)目計(jì)劃和實(shí)施方案，推舉大組長(zhǎng)為項(xiàng)目總負(fù)責(zé)人，負(fù)責(zé)最終方案的定稿和項(xiàng)目材料的整理。在項(xiàng)目設(shè)計(jì)的整個(gè)環(huán)節(jié)中，每個(gè)小組擁有充分的自主權(quán)，大大地調(diào)動(dòng)了學(xué)生的積極性。各小組成員共同面對(duì)隨時(shí)出現(xiàn)的問(wèn)題，合作完成任務(wù)。這樣的交流過(guò)程使每名學(xué)生都能參與項(xiàng)目設(shè)計(jì)活動(dòng)，提升自主學(xué)習(xí)能力。在這種交流中，所有學(xué)生的思維碰撞出火花，產(chǎn)生新的創(chuàng)意，大大提高了學(xué)生的創(chuàng)造激情和探索沖動(dòng)，加強(qiáng)培養(yǎng)了他們的團(tuán)隊(duì)協(xié)作能力，為他們以后步入社會(huì)打下了基礎(chǔ)。教師在這個(gè)階段應(yīng)該全程監(jiān)控，引導(dǎo)學(xué)生自主解決問(wèn)題，表?yè)P(yáng)優(yōu)點(diǎn)，發(fā)現(xiàn)不足，匯總各個(gè)組項(xiàng)目實(shí)施中的共性問(wèn)題，對(duì)共性問(wèn)題所涉及的理論知識(shí)與軟件操作集中補(bǔ)充講解。

3.第三級(jí)：對(duì)接社會(huì)、校企合作階段

平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)改革的最終目的是為社會(huì)輸出合格的互聯(lián)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)人才，更好地服務(wù)社會(huì)。對(duì)此，平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)對(duì)接社會(huì)、加強(qiáng)校企合作就顯得尤為必要和重要。學(xué)校應(yīng)該根據(jù)自身特點(diǎn)選擇合適的企業(yè)建立教學(xué)實(shí)踐基地，聘請(qǐng)企業(yè)網(wǎng)頁(yè)設(shè)計(jì)骨干作為指導(dǎo)教師參與網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)踐教學(xué)。學(xué)校也可以組織部分優(yōu)秀學(xué)生組建設(shè)計(jì)團(tuán)隊(duì)，成立工作坊，工作坊可以按照企業(yè)模式管理、運(yùn)營(yíng)，承接校外的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目。此階段教學(xué)培養(yǎng)學(xué)生的社會(huì)接軌能力，為學(xué)生對(duì)接社會(huì)提供條件，將企業(yè)文化和行業(yè)規(guī)范引入教學(xué)，實(shí)現(xiàn)校企無(wú)障礙對(duì)接，真正將理論教學(xué)與實(shí)踐教學(xué)有機(jī)結(jié)合在一起。在計(jì)算機(jī)信息技術(shù)飛速發(fā)展的環(huán)境下，平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程更要緊扣時(shí)代的脈搏，求實(shí)創(chuàng)新，不斷地更新和豐富教學(xué)內(nèi)容，結(jié)合市場(chǎng)發(fā)展趨勢(shì)創(chuàng)新教學(xué)方法，及時(shí)將最新案例和相關(guān)知識(shí)點(diǎn)引入課堂，最終培養(yǎng)出滿(mǎn)足“互聯(lián)網(wǎng)+”國(guó)家戰(zhàn)略實(shí)施需要、具有綜合素養(yǎng)的網(wǎng)頁(yè)設(shè)計(jì)高級(jí)應(yīng)用人才。

參考文獻(xiàn)：

[1]（美）賈森•貝爾德.完美網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)法則（第2版）.石屹，譯.電子工業(yè)出版社，2011.

[2]范雙南，李希勇，萬(wàn)宏輝.現(xiàn)代設(shè)計(jì)基礎(chǔ)——21世紀(jì)藝術(shù)設(shè)計(jì)專(zhuān)業(yè)規(guī)劃教材Dreamweaver網(wǎng)頁(yè)設(shè)計(jì).北京工藝美術(shù)出版社，2009.

[3]（美）RobertHoekman.Jr.瞬間之美：Web界面設(shè)計(jì)如何讓用戶(hù)心動(dòng).向怡寧，譯.人民郵電出版社，2009.

作者:洪濤 單位:河南大學(xué)藝術(shù)學(xué)院