技校網(wǎng)頁效果圖設(shè)計課程教學(xué)改革的思考

陶慧燕

廣州市工貿(mào)技師學(xué)院

技校網(wǎng)頁效果圖設(shè)計課程教學(xué)改革的思考

陶慧燕

廣州市工貿(mào)技師學(xué)院

現(xiàn)今是網(wǎng)絡(luò)信息時代，公司、政企都有自己的網(wǎng)站，不再局限于進(jìn)行實(shí)體營銷、推廣和宣傳。網(wǎng)絡(luò)信息時代也對網(wǎng)站的設(shè)計，特別是在網(wǎng)站美觀、實(shí)用性上提出了更高的要求。這都離不開在網(wǎng)站設(shè)計中充當(dāng)著“化妝師”的網(wǎng)頁效果圖設(shè)計師。一個公司或單位的網(wǎng)站美觀、實(shí)用水平，與網(wǎng)絡(luò)效果圖設(shè)計師的能力水平密切相關(guān)。而網(wǎng)頁效果圖設(shè)計課程是網(wǎng)頁效果圖設(shè)計師最重要的基石。要培養(yǎng)出好的“化妝師”，就要打好基石，因此對課程進(jìn)行不斷的教學(xué)思考和改革顯得非常必要。文章闡述了網(wǎng)站效果圖設(shè)計課程改革的要求，提出了網(wǎng)頁效果圖設(shè)計課程教學(xué)改革的建議。

網(wǎng)頁效果圖設(shè)計；教學(xué)；改革

現(xiàn)今社會的各個領(lǐng)域，都離不開網(wǎng)站和網(wǎng)頁的應(yīng)用，如國家機(jī)關(guān)、公司企業(yè)、銀行、學(xué)校、家庭等都有自己的網(wǎng)站。而美觀實(shí)用的網(wǎng)頁效果和視覺體驗(yàn)使工作變得愉快方便。因此，催生了傳統(tǒng)的網(wǎng)頁效果圖設(shè)計課程，但是從社會工作的必要性和學(xué)生的發(fā)展來看，傳統(tǒng)的課程教學(xué)并不能滿足日益豐富的網(wǎng)頁效果和視覺體驗(yàn)帶來的對技術(shù)的更高要求。有關(guān)網(wǎng)頁效果圖設(shè)計課程的改革也將被提上日程。

一、網(wǎng)頁效果圖設(shè)計課程教學(xué)改革的要求

網(wǎng)頁效果圖設(shè)計課程是網(wǎng)站開發(fā)維護(hù)的專業(yè)課。網(wǎng)頁效果圖設(shè)計課程培養(yǎng)出來的學(xué)生主要從事網(wǎng)頁美工、淘寶美工、UI設(shè)計師等工作崗位，特別是現(xiàn)今非常熱門的電商行業(yè)，都不能缺少這些崗位。而這些崗位，一般要求學(xué)生在畢業(yè)時，就能熟練操作PS等設(shè)計軟件，有一定的審美能力和很強(qiáng)的工作實(shí)踐能力，能盡快適應(yīng)工作需要。大量實(shí)踐表明，以課堂教學(xué)和案例實(shí)操為基礎(chǔ)，教學(xué)一體化、工學(xué)結(jié)合的課程教學(xué)效果是符合社會工作的需求與發(fā)展的。技校一體化課程改革已經(jīng)推動著教學(xué)體制的結(jié)構(gòu)性改革，而網(wǎng)頁效果圖設(shè)計課程也必須進(jìn)行相應(yīng)的一體化教學(xué)改革，才能真正達(dá)到基礎(chǔ)知識普及、工作實(shí)踐實(shí)在和素質(zhì)訓(xùn)練到位，才能真正培養(yǎng)出優(yōu)秀的網(wǎng)頁效果圖設(shè)計師后備人才，才能真正做到以學(xué)生為中心，工學(xué)結(jié)合的教學(xué)效果，為各行各輸送優(yōu)秀的網(wǎng)頁效果圖設(shè)計師。網(wǎng)頁效果圖設(shè)計課程教學(xué)改革的要求主要有以下兩點(diǎn)：

1.課程教學(xué)應(yīng)該體現(xiàn)學(xué)生要熟練掌握現(xiàn)實(shí)工作中網(wǎng)頁效果圖設(shè)計師的基本技能

現(xiàn)實(shí)工作要求學(xué)生必須掌握網(wǎng)頁效果圖設(shè)計師的基本技能。所以課程教學(xué)中，必須培養(yǎng)學(xué)生對網(wǎng)頁效果圖設(shè)計有基本的了解和愛好，是學(xué)生能適應(yīng)工學(xué)結(jié)合教學(xué)法的要求，為進(jìn)一步學(xué)習(xí)和現(xiàn)實(shí)工作打下基礎(chǔ)。現(xiàn)在網(wǎng)頁效果圖設(shè)計課程主要有網(wǎng)頁效果圖設(shè)計、WEB UI設(shè)計、網(wǎng)頁美工、淘寶美工等一體化課程。所開設(shè)的課程教學(xué)必須重視網(wǎng)頁效果圖設(shè)計師基礎(chǔ)知識與現(xiàn)實(shí)工作中操作技能的培養(yǎng)，提取典型工作任務(wù)，將工作任務(wù)應(yīng)用到課堂上。而將工作任務(wù)應(yīng)用課堂上的代表是，廣州市工貿(mào)技師學(xué)院嚴(yán)建輝老師的工作頁以及網(wǎng)頁效果圖設(shè)計課程，其主要從三大任務(wù)（個人博客效果圖設(shè)計、藝術(shù)團(tuán)網(wǎng)頁效果圖設(shè)計、淘金店網(wǎng)頁效果圖設(shè)計）出發(fā)，引出頁面布局方法、配色、網(wǎng)頁元素制作、網(wǎng)頁效果圖設(shè)計規(guī)范等切合現(xiàn)今示自評，80%的課堂時間是屬于學(xué)生的。

網(wǎng)頁效果圖設(shè)計的課程教學(xué)一定要密切聯(lián)系現(xiàn)實(shí)工作情景，以實(shí)操為基礎(chǔ)、主要鍛煉學(xué)生掌握網(wǎng)頁效果圖設(shè)計基礎(chǔ)技能，使學(xué)習(xí)的內(nèi)容能直接為工作服務(wù)。另外，工作頁以及網(wǎng)頁效果圖設(shè)計課程教學(xué)中，對技校生技術(shù)和動手能力要求高，但并沒有忽略理論知識的培養(yǎng)，而是注重理論知識與實(shí)踐融合為一體。

2.引進(jìn)校企合作活動作為一種定期的課程教學(xué)，為真正有興趣的技校生提供更多學(xué)習(xí)網(wǎng)頁效果圖設(shè)計知識的平臺。

為了更好地做到網(wǎng)頁效果圖設(shè)計基礎(chǔ)理論知識與實(shí)踐合二為一。廣州工貿(mào)技師學(xué)院信息產(chǎn)業(yè)系一向重視工學(xué)結(jié)合教學(xué)和一體化教學(xué)，并為此提供良好的條件，邀請企業(yè)優(yōu)秀人才過來指導(dǎo)和課程教學(xué)，建立了真人網(wǎng)頁效果圖設(shè)計師工作模擬場所、PS興趣小組、公司網(wǎng)頁效果圖設(shè)計大賽、班微大賽、到企業(yè)頂崗實(shí)習(xí)等。這些校企合作活動，受到學(xué)生的歡迎和熱捧，使學(xué)生很早就能接觸并熟練掌握網(wǎng)頁效果圖設(shè)計相關(guān)技能。為了提高學(xué)生的動手能力，我系還將機(jī)房向有志學(xué)習(xí)網(wǎng)頁效果圖設(shè)計的老師與學(xué)生開放，招聘系務(wù)網(wǎng)站宣傳設(shè)計師等職位，盡可能讓多一些學(xué)生接觸網(wǎng)頁效果圖設(shè)計相關(guān)事務(wù)，學(xué)習(xí)真實(shí)的技能。

二、網(wǎng)頁效果圖設(shè)計教學(xué)改革的建議

1.重視網(wǎng)頁效果圖設(shè)計課程改革

一般所講的網(wǎng)頁效果圖設(shè)計，大約就是指目前網(wǎng)頁美工、視覺設(shè)計、WEB UI設(shè)計等。需要的是一個整體的素質(zhì)，比如審美，軟件整合，人機(jī)交互能力，它是對整個軟件、網(wǎng)站全局風(fēng)格的一個設(shè)計，必須掌握PS和AI兩個基本的軟件，而且要精，有美術(shù)功底更好，但也不是一定要的。目前網(wǎng)頁美工、UI設(shè)計師，特別是淘寶美工的需要量很大，線上銷售離不開網(wǎng)站的鼎立協(xié)助。網(wǎng)頁效果圖設(shè)計的出現(xiàn)和發(fā)展，把電子商務(wù)的水平提高到一個新的高度，開創(chuàng)了新時代。正因?yàn)槿绱?，在有網(wǎng)站開發(fā)與維護(hù)專業(yè)的學(xué)校，特別是技校，開設(shè)網(wǎng)頁效果圖設(shè)計是必要的。“技術(shù)在手，不怕走天下"，重視網(wǎng)頁效果圖設(shè)計課程改革也是順勢而下了，可以從以下幾方面著手：

（1）知道網(wǎng)頁在網(wǎng)站中扮演的重要角色

一個網(wǎng)站項目開發(fā)的過程一般分為網(wǎng)站策劃、人員組織、頁面設(shè)計制作、動態(tài)編程、測試發(fā)布、宣傳與維護(hù)、項目總結(jié)。接到項目，要確立開發(fā)目標(biāo)，然后進(jìn)行關(guān)鍵頁面的效果圖設(shè)計，通過相關(guān)網(wǎng)站測試后，就能發(fā)布到網(wǎng)上，后面還要進(jìn)行對網(wǎng)站的長期宣傳及維護(hù)。如果網(wǎng)站嚴(yán)重落后于時代的發(fā)展，必須重新開發(fā)，整個網(wǎng)站項目的開發(fā)過程是不斷循環(huán)的過程。

網(wǎng)頁效果圖設(shè)計是網(wǎng)站項目開發(fā)過程中至關(guān)重要的一步，它是通過PS等軟件技術(shù)手段來對各個頁面的效果圖進(jìn)行設(shè)計、配色和布局。效果圖設(shè)計得如何，直接影響到整個網(wǎng)站的質(zhì)量。網(wǎng)頁效果圖設(shè)計實(shí)際上是視覺的體現(xiàn)，網(wǎng)頁設(shè)計師可以把對網(wǎng)站的理解通過圖像的方式表現(xiàn)出來，然后讓客戶直觀輕松地進(jìn)行審核，客戶也可以通過對效果圖的審核，提出自己的意見和建議，讓設(shè)計師進(jìn)行修改。整個過程與客戶是可以溝通交流的，減少返工，最終實(shí)現(xiàn)一個能夠讓雙方都滿意的設(shè)計效果。

（2）當(dāng)今電子商務(wù)的發(fā)展和各行各業(yè)的網(wǎng)站已經(jīng)離不開網(wǎng)頁效果圖設(shè)計師，必須充分認(rèn)識到網(wǎng)頁效果圖設(shè)計教學(xué)的重要性。舉個例淘寶美工也屬于網(wǎng)頁美工，淘寶美工這個關(guān)鍵詞在“百度指數(shù)”中從2011年至今的“指數(shù)趨勢”PC端變化過程，如下圖：

圖1 “淘寶美工”在百度指數(shù)中的“指數(shù)趨勢”圖

百度指數(shù)對指數(shù)趨勢的解釋是：互聯(lián)網(wǎng)用戶對鍵詞搜索關(guān)注程度及持續(xù)變化情況，算法說明：以網(wǎng)民在百度的搜索量為數(shù)據(jù)基礎(chǔ)，以關(guān)鍵詞為統(tǒng)計對象，科學(xué)分析并計算出各個關(guān)鍵詞在百度網(wǎng)頁搜索中搜索頻次的加權(quán)。根據(jù)數(shù)據(jù)來源的不同，搜索指數(shù)分為PC搜索指數(shù)和移動搜索指數(shù)。

從圖上的指數(shù)趨勢變化我們可以知道：淘寶美工從2012年開始便高速發(fā)展，電子商務(wù)行業(yè)對這一崗位的需要求是不斷上升，可以看到，至2016年每年都是在穩(wěn)定中上升。也就是這一崗位已是電子商務(wù)行業(yè)現(xiàn)今甚至未來的發(fā)展都是必不可少的。

課程教學(xué)應(yīng)該以現(xiàn)今社會發(fā)展的趨勢為動力，開發(fā)以及改革與社會生產(chǎn)力發(fā)展相適應(yīng)的課程，重視網(wǎng)頁效果圖設(shè)計課程的改革是已經(jīng)不可忽視的。

（3）對已有的機(jī)房加強(qiáng)管理，建立模擬網(wǎng)頁設(shè)計師辦公場所或工作室（站），健全相關(guān)設(shè)備的配置，如手寫板、草圖設(shè)計畫板等，讓同學(xué)們盡可能接觸較為真實(shí)的實(shí)踐過程。

（4）提高網(wǎng)頁效果圖設(shè)計課堂教學(xué)質(zhì)量，狠抓工學(xué)結(jié)合以及一體化教學(xué)效果，教師和學(xué)生做出真正的設(shè)計成果，盡可能還原真實(shí)工作現(xiàn)場，能夠出現(xiàn)真材實(shí)料的設(shè)計能手。

（5）保護(hù)和調(diào)動網(wǎng)頁效果圖設(shè)計課程教師的教學(xué)積極性，在考核、晉升、進(jìn)修等方面與其他學(xué)科等同對待，在校企業(yè)合作方面也提供多點(diǎn)機(jī)會讓教師和企業(yè)人才相互調(diào)動崗位的形式促進(jìn)工學(xué)結(jié)合的教學(xué)效果。

2.傳統(tǒng)教學(xué)形式必須改革，實(shí)現(xiàn)一體化教學(xué)

當(dāng)前的教學(xué)中，傳統(tǒng)“灌輸式”教學(xué)形式根深蒂固，教師在講臺辛苦地不厭其煩地講解，學(xué)生不斷地聽（相信大部分人都只聽懂一部分或完全沒聽）。而網(wǎng)頁效果圖設(shè)計課程不僅要求學(xué)生動手能力強(qiáng)，還要求學(xué)生具體通用能力素質(zhì)，包括交流溝通能力、團(tuán)隊合作能力、表達(dá)能力等。不實(shí)現(xiàn)一體化沒法學(xué)，不實(shí)現(xiàn)一體化學(xué)了也白學(xué)，出來工作是百分一百無法立即適應(yīng)的。網(wǎng)頁效果圖設(shè)計課程教學(xué)可以實(shí)現(xiàn)一體化教學(xué)，教師可以通過這樣的形式實(shí)現(xiàn)：引出典型任務(wù)--安排典型任務(wù)--學(xué)生自行分工--學(xué)生自主完成工作任務(wù)--展示成果--教師點(diǎn)評成果--學(xué)生和教師小結(jié)。這樣的課堂才能以學(xué)生為中心，學(xué)生在整個過程都是主人翁。也只有這樣工作式的學(xué)習(xí)，才能激發(fā)學(xué)生學(xué)習(xí)的自信心，才能更快地發(fā)現(xiàn)工作中一些瑣碎但是又很重要的問題。通過和隊友的合作，還可以及時地解決問題，鍛煉了多種能力。這才是有效的教學(xué)。

學(xué)生通過這樣的課堂能自主地進(jìn)行學(xué)習(xí)，并更好地完成教師布置的工作任務(wù)，自然也就達(dá)到了對學(xué)生的學(xué)習(xí)能力、實(shí)踐能力、創(chuàng)造能力以及工作能力的培養(yǎng)。

3.重視教師隊伍的成長

現(xiàn)今社會已步入信息時代，信息與技術(shù)日新月異。技校的技術(shù)，特別是計算機(jī)技術(shù)專業(yè)技術(shù)在不斷地更新?lián)Q代。因此教師隊伍的成長是至關(guān)重要的，教師的業(yè)務(wù)水平直接影響到教學(xué)水平。所以更應(yīng)為從事網(wǎng)頁效果圖設(shè)計教學(xué)的老師，定期舉辦相關(guān)的技術(shù)培訓(xùn)，或者定期到企業(yè)中去，與企業(yè)工作人員交流乃至頂崗實(shí)習(xí)。老師們要不斷主動地去到新技術(shù)第一線，把最新的案例和工作方式方法引進(jìn)課堂。這樣我們課堂上教出來的學(xué)生才不會與社會脫軌。

4.教學(xué)方法必須是從現(xiàn)今工作的工作方法中提取出來的典型

網(wǎng)頁效果圖設(shè)計也好，網(wǎng)頁美工、淘寶美工或UI設(shè)計也好，都是現(xiàn)今社會高速發(fā)展的“寵兒”，工作和生活的方方面面都離不開它的身影。有了它，我們的網(wǎng)頁變得整潔大方；有了它，我們的購物有了藝術(shù)感；有了它，我們的移動設(shè)備界面更加人性化等。網(wǎng)頁設(shè)計已經(jīng)滲入到我們身邊的每一處，它在各行各業(yè)中的使用，增加了美的感受和方便。特別是電子商務(wù)行業(yè)對它是萬般寵愛。把它在工作和生活中的重要應(yīng)用映射到網(wǎng)頁效果圖設(shè)計課程的教學(xué)中，將其轉(zhuǎn)換成我們的教學(xué)方法，才足以適應(yīng)新的形勢，提高教學(xué)質(zhì)量和效果。將真正的網(wǎng)頁效果圖設(shè)計的工作方法和感受，作為一體化的教學(xué)方法，是現(xiàn)在與未來課程發(fā)展和改革的趨勢。我院對網(wǎng)頁效果圖設(shè)計課程的改革是大力支持的，而且在全國的課程改革發(fā)展中的影響力也是巨大的。學(xué)院花了大量的資金購置相關(guān)的自動化設(shè)備，建立了多媒體教學(xué)系統(tǒng)、校園網(wǎng)絡(luò)系統(tǒng)、攝影棚；充分利用現(xiàn)代化一體化教學(xué)手段，健全學(xué)習(xí)工作站，讓工作方法淋漓盡致地體現(xiàn)到教學(xué)上；讓學(xué)生感到自已是在快樂真實(shí)地工作。

5.加強(qiáng)技校生網(wǎng)頁效果圖設(shè)計課程學(xué)習(xí)，有效進(jìn)行學(xué)習(xí)自主化和自動化

為了加強(qiáng)技校生的網(wǎng)頁效果圖設(shè)計課程學(xué)習(xí)，還必須更好地利用校園網(wǎng)絡(luò)系統(tǒng)、QQ、微信等平臺。只有學(xué)生的硬件和軟件自動化水平提高了，學(xué)生才能更主動接收并利用校園網(wǎng)絡(luò)系統(tǒng)、QQ、微信等平臺進(jìn)行自我管理工作。我們學(xué)校在網(wǎng)頁效果圖設(shè)計課程教學(xué)中，不只是教會學(xué)生掌握幾個設(shè)計軟件的操作，還要使他們能主動有規(guī)劃地利用學(xué)習(xí)到的技能和能力去獲取更多的新知識。學(xué)校成立了PS興趣小組和各種PS技能比賽。日常學(xué)習(xí)和生活也少不了興趣小組的參與，比如系微、班微、各種活動宣傳網(wǎng)頁效果圖和LOGO的制作，均由學(xué)生自主完成，從設(shè)計的理念到成果的產(chǎn)出，甚至學(xué)生自已安排社會上的業(yè)內(nèi)人士進(jìn)行專業(yè)點(diǎn)評。學(xué)校還建立了一支學(xué)生管理員隊伍，這支隊伍專門為不懂PS的領(lǐng)導(dǎo)、教師、學(xué)生提供日常的學(xué)習(xí)和生活幫助。舉個例子：學(xué)生和教師的證件照的制作。隊員不僅能真實(shí)地感受到了工作的樂趣，又學(xué)習(xí)到很多課堂上沒有的案例，更貼近現(xiàn)實(shí)工作與生活。

三、結(jié)語

以上是對網(wǎng)站效果圖設(shè)計課程教學(xué)與現(xiàn)實(shí)工作之間的關(guān)系的思考，對網(wǎng)頁效果圖設(shè)計課程教學(xué)改革的幾點(diǎn)建議，希望網(wǎng)頁效果圖設(shè)計課程能真正實(shí)現(xiàn)工學(xué)結(jié)合一體化教學(xué)改革，與時俱進(jìn)，能為各行各業(yè)輸送更多優(yōu)秀的高技能人才，能為國家和社會的發(fā)展再添新磚再加新瓦。

[1]崔英敏，李睿仙.Photo shop CS6實(shí)例教程[M].北京：人民郵電出版社，2014.8.

[2]劉心美，朱曉華.網(wǎng)站效果圖設(shè)計[M].北京：機(jī)械工業(yè)出版社，2012.3.

[3]嚴(yán)建輝.網(wǎng)頁效果圖設(shè)計[M].北京：機(jī)械工業(yè)出版社，2013.7.