技校網頁效果圖設計課程教學改革的思考

陶慧燕

廣州市工貿技師學院

技校網頁效果圖設計課程教學改革的思考

陶慧燕

廣州市工貿技師學院

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

網頁效果圖設計；教學；改革

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

一、網頁效果圖設計課程教學改革的要求

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

1.課程教學應該體現學生要熟練掌握現實工作中網頁效果圖設計師的基本技能

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

網頁效果圖設計的課程教學一定要密切聯系現實工作情景，以實操為基礎、主要鍛煉學生掌握網頁效果圖設計基礎技能，使學習的內容能直接為工作服務。另外，工作頁以及網頁效果圖設計課程教學中，對技校生技術和動手能力要求高，但并沒有忽略理論知識的培養，而是注重理論知識與實踐融合為一體。

2.引進校企合作活動作為一種定期的課程教學，為真正有興趣的技校生提供更多學習網頁效果圖設計知識的平臺。

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

二、網頁效果圖設計教學改革的建議

1.重視網頁效果圖設計課程改革

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

（1）知道網頁在網站中扮演的重要角色

一個網站項目開發的過程一般分為網站策劃、人員組織、頁面設計制作、動態編程、測試發布、宣傳與維護、項目總結。接到項目，要確立開發目標，然后進行關鍵頁面的效果圖設計，通過相關網站測試后，就能發布到網上，后面還要進行對網站的長期宣傳及維護。如果網站嚴重落后于時代的發展，必須重新開發，整個網站項目的開發過程是不斷循環的過程。

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

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

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

百度指數對指數趨勢的解釋是：互聯網用戶對鍵詞搜索關注程度及持續變化情況，算法說明：以網民在百度的搜索量為數據基礎，以關鍵詞為統計對象，科學分析并計算出各個關鍵詞在百度網頁搜索中搜索頻次的加權。根據數據來源的不同，搜索指數分為PC搜索指數和移動搜索指數。

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

課程教學應該以現今社會發展的趨勢為動力，開發以及改革與社會生產力發展相適應的課程，重視網頁效果圖設計課程的改革是已經不可忽視的。

（3）對已有的機房加強管理，建立模擬網頁設計師辦公場所或工作室（站），健全相關設備的配置，如手寫板、草圖設計畫板等，讓同學們盡可能接觸較為真實的實踐過程。

（4）提高網頁效果圖設計課堂教學質量，狠抓工學結合以及一體化教學效果，教師和學生做出真正的設計成果，盡可能還原真實工作現場，能夠出現真材實料的設計能手。

（5）保護和調動網頁效果圖設計課程教師的教學積極性，在考核、晉升、進修等方面與其他學科等同對待，在校企業合作方面也提供多點機會讓教師和企業人才相互調動崗位的形式促進工學結合的教學效果。

2.傳統教學形式必須改革，實現一體化教學

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

學生通過這樣的課堂能自主地進行學習，并更好地完成教師布置的工作任務，自然也就達到了對學生的學習能力、實踐能力、創造能力以及工作能力的培養。

3.重視教師隊伍的成長

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

4.教學方法必須是從現今工作的工作方法中提取出來的典型

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

5.加強技校生網頁效果圖設計課程學習，有效進行學習自主化和自動化

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

三、結語

以上是對網站效果圖設計課程教學與現實工作之間的關系的思考，對網頁效果圖設計課程教學改革的幾點建議，希望網頁效果圖設計課程能真正實現工學結合一體化教學改革，與時俱進，能為各行各業輸送更多優秀的高技能人才，能為國家和社會的發展再添新磚再加新瓦。

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

[2]劉心美，朱曉華.網站效果圖設計[M].北京：機械工業出版社，2012.3.

[3]嚴建輝.網頁效果圖設計[M].北京：機械工業出版社，2013.7.