淺議高職網(wǎng)店美工課程項目式教學(xué)改革
——以網(wǎng)店商品詳情頁教學(xué)設(shè)計為例

黃文州

引言：通過電商企業(yè)調(diào)研，明確美工崗位需求，制定電商美工人才培養(yǎng)方案，充分考慮學(xué)生未來崗位適應(yīng)能力及發(fā)展前景，以崗位需求為目標，以網(wǎng)絡(luò)營銷理念為抓手，圍繞“商”和“美”，通過項目化的課程來組織、實施和評價教學(xué)活動，達到提高學(xué)生網(wǎng)店美工綜合實力的目標。

1. 成果導(dǎo)向教育理念及項目式教學(xué)

1.1 成果導(dǎo)向教育理念

成果導(dǎo)向教育（Outcome-based Education） 簡稱“OBE”，是指以預(yù)期學(xué)習(xí)成果為中心來組織、實施和評價教學(xué)的過程 。OBE 教育模式主要包括定義學(xué)習(xí)產(chǎn)出、實現(xiàn)學(xué)習(xí)產(chǎn)出、評估學(xué)習(xí)產(chǎn)出和使用學(xué)習(xí)產(chǎn)出四個環(huán)節(jié)。[1]OBE 強調(diào)4 個問題：我們想讓學(xué)生取得的學(xué)習(xí)成果是什么？為什么要讓學(xué)生取得這樣的學(xué)習(xí)成果？如何有效地幫助學(xué)生取得這些學(xué)習(xí)成果？如何知道學(xué)生已經(jīng)取得了這些學(xué)習(xí)成果？[2]成果導(dǎo)向教育理念的運用不但可以加強學(xué)生對知識點的了解、知道、感覺、記得和相信，不會讓知識成為學(xué)習(xí)過程中短暫的記憶或表現(xiàn)，更重要的是能讓學(xué)生將知識內(nèi)化與心，在工作崗位中靈活運用，對職業(yè)教育改革與發(fā)展具有重要指導(dǎo)意義。

1.2 項目式教學(xué)

傳統(tǒng)教學(xué)方法落后而且理論和實踐相對脫節(jié)。[3]項目式教學(xué)是一種以“學(xué)生為中心”，根據(jù)課程目標進行教學(xué)項目設(shè)計，教學(xué)過程中按項目進行講授、學(xué)習(xí)、實踐的方法，通過層層遞進的項目展開教學(xué)活動，提高學(xué)生學(xué)習(xí)的積極能動性和獲得感，提升學(xué)習(xí)成效。在項目教學(xué)過程中，學(xué)生可以選擇、計劃、提出一個項目設(shè)想，通過查閱資料、學(xué)習(xí)項目課程，動手實踐等途徑來解決實際問題，提高專業(yè)素養(yǎng)與技能。項目式教學(xué)不是“灌輸型”教學(xué)方式，比傳統(tǒng)式教學(xué)方法能更有效提高學(xué)生主動思考、團結(jié)協(xié)作和解決問題的能力。

2.高職網(wǎng)店美工課程存在的問題

掌握網(wǎng)絡(luò)營銷思維及規(guī)律，熟悉客戶的消費習(xí)慣，優(yōu)秀的圖片設(shè)計及制作能力是網(wǎng)店美工的核心競爭力。網(wǎng)店美工課程已經(jīng)成為高職電子商務(wù)專業(yè)的核心課程，其操作性、專業(yè)性都非常強，其教學(xué)目的是提高學(xué)生的設(shè)計能力和創(chuàng)新能力。目前，多數(shù)職業(yè)院校都在積極推行課程改革，但由于同進具有營銷及美術(shù)知識的師資人才短缺，教學(xué)硬件投入不足，教學(xué)軟件資源未得到有效利用，課程改革成效不明顯，教學(xué)方法也沒有脫離傳統(tǒng)教學(xué)法的影子，課堂教學(xué)仍以教師為主導(dǎo)，學(xué)生被動接受知識，養(yǎng)成學(xué)習(xí)惰性，主動學(xué)習(xí)能力、團隊協(xié)作能力、營銷思維能力、設(shè)計創(chuàng)新能力無法得到有效培養(yǎng)，導(dǎo)致學(xué)生理論知識缺乏、實踐動手能力不足，[4]教師無法完成教學(xué)目標，學(xué)生也得不到電商企業(yè)的認可。因此，針對上述問題，引入成果導(dǎo)向教育理念，開展項目式教學(xué)，注重培養(yǎng)學(xué)生解決問題的能力，在教學(xué)過程中逐步提高學(xué)生的思維能力、實踐能力、創(chuàng)新能力。

3.商品詳情頁的作用

商品詳情頁是展示商品詳細信息的一個頁面[5]。在這個頁面中美工師通過縝密細致的構(gòu)思，精彩濃縮的文案，精美細膩的設(shè)計，合理巧妙的布局，使用文字、圖片、視頻等元素將商品的功能、特征、優(yōu)勢等賣點展現(xiàn)給消費對象，通過文案宣傳、色彩搭配，吸引消費者的眼球，讓消費者產(chǎn)生共鳴并認可商品，同時通過消費心理學(xué)、市場營銷學(xué)等手段激發(fā)消費者的購買欲望，從而達到“出單”的目的。由于消費者在瀏覽網(wǎng)店時，無法看到實物商品，商品詳情頁便成了客戶了解商品的窗口，也是賣家與買家的橋梁，與網(wǎng)店的銷售量息息相關(guān)，優(yōu)秀的詳情頁往往能提高店鋪的轉(zhuǎn)化率。藝術(shù)化、營銷化商品詳情頁不但能展示產(chǎn)品的“硬實力”，通常還能起到傳播企業(yè)“軟實力”的作用。

4.基于成果導(dǎo)向教育理念的網(wǎng)店商品詳情頁項目式教學(xué)設(shè)計

4.1 總體設(shè)計

4.1.1 學(xué)情分析

網(wǎng)店美工課程教學(xué)對象已具備電子商務(wù)基礎(chǔ)知識，通常為電子商務(wù)專業(yè)二年級的學(xué)生，其學(xué)習(xí)積極性雖然比較高，但缺乏設(shè)計理念，習(xí)慣模仿案例，解決實際問題能力弱，基本沒有創(chuàng)新能力，缺乏工匠精神。但通過前導(dǎo)課堂教學(xué)，同學(xué)們已經(jīng)基本掌握Photoshop 軟件基本操作，會利用軟件進行網(wǎng)店元素的繪制、商品摳圖、背景處理、文案排版、色彩搭配、導(dǎo)入視頻等操作，初步形成視覺營銷理念，為本教學(xué)項目的學(xué)習(xí)奠定了基礎(chǔ)。

4.1.2 教學(xué)目標

學(xué)習(xí)成果是學(xué)生的一種能力結(jié)構(gòu)，這種能力主要通過課程教學(xué)來實現(xiàn)。因此，如何設(shè)定課程目標？對學(xué)生達成學(xué)習(xí)成果至關(guān)重要。在成果導(dǎo)向教育理念的指導(dǎo)下，以專業(yè)人才培養(yǎng)方案為依據(jù)，以電商美工崗位需求為目標，設(shè)計本課程學(xué)習(xí)總體目標，再通過任務(wù)分解，形成教學(xué)項目，本項目的教學(xué)目標如表1 所示。

表1：商品詳情頁設(shè)計與制作項目教學(xué)目標

4.1.3 教學(xué)內(nèi)容

以上述教學(xué)目標為導(dǎo)向，本教學(xué)項目的教學(xué)內(nèi)容設(shè)計如下：

（1）網(wǎng)店商品詳情頁作用及相關(guān)設(shè)計理念，課前觀看教學(xué)視頻。

（2）網(wǎng)店商品詳情頁精美案例賞析，課中組織“頭腦風(fēng)暴”。

（3）網(wǎng)店商品詳情頁設(shè)計思路與制作方法講解，課中實踐。

（4）網(wǎng)店商品詳情頁制作，課中討論，形成草圖，課后使用Photoshop 軟件制作。

（5）網(wǎng)店商品詳情頁修改，課中教師點評，學(xué)生討論、修改、總結(jié)。

（6）其他電商平臺，其他類目商品詳情頁設(shè)計與制作，課后拓展及鞏固。

4.1.4 教學(xué)重點與難點

本項目的教學(xué)重點是商品詳情頁的版式設(shè)計、商品摳圖、色彩搭配。通過3 年的教學(xué)實踐，商品詳情頁文案提煉、整體配色方案設(shè)計、商品光影塑造是學(xué)生最難掌握的。

4.2 教學(xué)策略

為能有效實現(xiàn)教學(xué)目標，以成果導(dǎo)向教育理念為基礎(chǔ)，創(chuàng)設(shè)以學(xué)生為導(dǎo)向的“一體二線三環(huán)四段”的教學(xué)模式。

（1）一體：理實一體，“以學(xué)習(xí)者為中心”有效開展教學(xué)，[6]安排學(xué)生在電商網(wǎng)店美工實訓(xùn)場上課，邊教、邊學(xué)、邊做，提高學(xué)生學(xué)習(xí)興趣及動手能力。

（2）二線：線上自學(xué)、線下教學(xué)相結(jié)合，通過線上美學(xué)通識課程提升學(xué)生藝術(shù)素養(yǎng)，線下教學(xué)及實踐提高學(xué)生溝通協(xié)作、解決問題能力。

（3）三環(huán)：是指整個項目教學(xué)過程中包括課前線上自學(xué)環(huán)節(jié)、課中知識點強化環(huán)節(jié)、課后設(shè)計能力鞏固及提升三個環(huán)節(jié)。

（4）四段：是指在教學(xué)過程中的優(yōu)秀作品鑒賞階段、臨摹階段、自主設(shè)計階段、設(shè)計能力提升階段。

4.3 教學(xué)實施

整個項目教學(xué)實施分為課前線上自學(xué)環(huán)節(jié)，課中知識點強化環(huán)節(jié)，課后設(shè)計能力鞏固及提升三個環(huán)節(jié)。

（1）課前線上自學(xué)環(huán)節(jié)：通過“易智教云課堂”學(xué)習(xí)平臺，教師發(fā)布項目教學(xué)任務(wù)清單、項目學(xué)習(xí)課程資源及商品詳情頁素材、優(yōu)秀作品圖片等資源，學(xué)生登錄“易智教云課堂”學(xué)習(xí)平臺后，可查看本項目教學(xué)任務(wù)清單，并先自主學(xué)習(xí)教學(xué)視頻。本教學(xué)項目的課前學(xué)習(xí)任務(wù)清單包含：

◆ 學(xué)生學(xué)習(xí)本項目的教學(xué)課件、教學(xué)視頻及優(yōu)秀作品圖庫，了解商品詳情頁的作用、設(shè)計思路和設(shè)計理念，并完成相關(guān)設(shè)計理論知識點的課前測試；

◆ 學(xué)生自行登錄“天貓”、“淘寶”、“京東”、“拼多多”等主流電商平臺，瀏覽5 個類目的商品詳情頁，下載5 張優(yōu)秀的作品并上傳到“易智教云課堂”平臺作品庫中；

◆ 學(xué)生分組查看作品庫中的優(yōu)秀作品，并開展討論優(yōu)秀作品的文案、版式、配色問題。通過課前線上自學(xué)環(huán)節(jié)，學(xué)生審美能力、自主學(xué)習(xí)能力、溝通交流能力得到鍛煉。

（2）課中知識點強化環(huán)節(jié)

課中知識點加強環(huán)節(jié)根據(jù)人們的認知習(xí)慣分為作品鑒賞、作品臨摹、設(shè)計與制作、鞏固與提升四個子項目。

第一，作品鑒賞。教師展示作品庫中不同類目的優(yōu)秀商品詳情頁圖片，引導(dǎo)學(xué)生從設(shè)計風(fēng)格、文案提煉、版式布局、配色方案等四個方面進行深入分析，并歸納總結(jié)商品詳情頁設(shè)計思路與要點。教師講解后，可以換一幅新的詳情頁圖片，讓同學(xué)們欣賞并引導(dǎo)學(xué)生從上述的四個方面對該圖進行點評。在這個子項目教學(xué)中，提高了學(xué)生的鑒賞能力、分析能力、歸納總結(jié)能力，明確了設(shè)計思路，激發(fā)了學(xué)生的創(chuàng)作思維。

第二，作品臨摹。教師分析講解一個商品詳情頁案例后，通過“紅蜘蛛多媒體網(wǎng)絡(luò)教學(xué)軟件”將案例圖片發(fā)布給學(xué)生。學(xué)生用Photoshop 打開案例圖片，設(shè)置輔助線，新建圖層，臨摹練習(xí)。通過作品臨摹，進一步提高使用Photoshop 制作商品詳情頁的能力，掌握商品詳情頁制作流程。除了軟件臨摹外，課堂中還安排了草圖臨摹環(huán)節(jié)，教師在計算機屏幕上展示一幅商品詳情頁圖片，可以是局部也可以是整體，第一次展示時間通常為30 秒，時間結(jié)束后，關(guān)閉圖片。學(xué)生根據(jù)自己30 秒的觀察形成的記憶信息，用鉛筆在素描紙上勾勒詳情頁的版式，寫出詳情頁主要文案內(nèi)容，標注出詳情頁每個區(qū)域的色彩信息，繪制出詳情頁中各類簡單元素。20 分鐘后，教師再次展示圖片15 秒，此時同學(xué)們可以根據(jù)自己的記憶情況，修正記錯和補充漏記的信息，并在素描紙上進行修改和補充。10分鐘后，教師最后展示圖片10 秒，在這寶貴的10 秒鐘里，同學(xué)們往往能高度集中精力，教師展示圖片的所有信息基本能在素描紙上被描繪出來。通過軟件臨摹和草圖臨摹兩個子項目的練習(xí)，學(xué)生的觀察力和作品制作的表達能力大大提高，還更加明確了商品詳情頁的設(shè)計思路和要點，為后續(xù)子項目教學(xué)活動開展打下良好的基礎(chǔ)。

第三，設(shè)計與制作。在設(shè)計與制作前，預(yù)先將班級學(xué)生分成若干個學(xué)習(xí)團隊，要求每個團隊成員要有不同的性別、不同的愛好、來自不同的地區(qū)，不同的宿舍，由團隊成員推選出隊長，并給團隊取一個隊名。這樣的團隊思維更加活躍，創(chuàng)造力也更強。學(xué)習(xí)團隊在作品庫中篩選出某張商品詳情頁圖片，根據(jù)詳情頁所展示的內(nèi)容展開討論，哪些文案、元素、布局、色彩可以參考并使用到本隊的設(shè)計任務(wù)中。討論結(jié)束后，隊長根據(jù)隊員的特長進行子項目分配，通?？梢苑譃楫a(chǎn)品拍攝、扣圖修圖、文案寫作、元素制作、版式設(shè)計、整體配色、光影塑造等7 個子項目。隊員通過這種既有分工又有合作的方式，完成商品詳情頁制作，并提交至“易智教云課堂”平臺。隊員們在整個設(shè)計與制作過程中，取長補短、分工協(xié)作、在借鑒中創(chuàng)新，發(fā)現(xiàn)問題，解決問題的能力得到培養(yǎng)。

第四，鞏固與提升。教師匯總制作成果后，挑出存在典型問題作品，針對作品中的瑕疵進行課堂點評，引導(dǎo)學(xué)生自己去發(fā)現(xiàn)問題，不同團隊的成員均可參加點評，查找作品中的不足，提出改進思路，各團隊分析總結(jié)老師及其他團隊的修改建議，制定修改方案，課后有針對地進行修改，這樣團隊的作品都能得到改進。點評過程中，教師穿插講授文案寫作、版式設(shè)計、色彩搭配、光影塑造等知識點，并對有明顯錯誤的商品詳情頁進行修改，提升學(xué)生的制作能力，這樣學(xué)生精益求精、追求卓越的工匠精神得到培養(yǎng)。

（3）課后設(shè)計能力鞏固及提升。課后教師可以針對這個教學(xué)項目，布置兩項課后實踐任務(wù)，實踐一是再次選擇某款商品制作詳情頁并上傳“易智教云課堂”平臺，制作過程中應(yīng)重點規(guī)避第一次制作時所發(fā)生的錯誤；實踐二是通過校友資源平臺，聯(lián)系電商企業(yè)校友，完成一款實際項目中的商品詳情制作，制作過程中要不斷與電商企業(yè)的工作人員溝通，甚至還會和客戶溝通，在溝通過程中不斷修改作品，直到上傳到電商平臺，這樣每一位參與的學(xué)生都能進一步提升溝通能力和設(shè)計能力，為今后走上美工崗位樹立信心。

4.4 考核評價

成果導(dǎo)向的教育理論考核評價更加關(guān)注學(xué)生的學(xué)習(xí)成果，不但強調(diào)學(xué)生達成學(xué)習(xí)成果的內(nèi)涵，還關(guān)注每位學(xué)生的學(xué)習(xí)進步情況，采用多元和梯次的評價標準，根據(jù)每個學(xué)生能達到的教學(xué)目標情況，賦予不同的評價等級，本項目采用學(xué)習(xí)過程結(jié)合學(xué)習(xí)成果的“雙元”考核方式，其教學(xué)考核評價如表2 所示。

表2：商品詳情頁設(shè)計與制作項目教學(xué)考核評價表

4.5 教學(xué)效果

本教學(xué)設(shè)計在2017 級、2018 級、2019 級電子商務(wù)專業(yè)中選取一個班級實踐，通過個別訪談、集體問卷等方式進行教學(xué)效果調(diào)查，調(diào)查結(jié)果為：（1）能有效提高網(wǎng)店美工課程的學(xué)習(xí)興趣；（2）能有效提高團隊協(xié)作及溝通能力；（3）能有效提高學(xué)生自主學(xué)習(xí)能力；（4）審美能力、觀察力、實戰(zhàn)能力大幅提升，（5）發(fā)現(xiàn)問題、解決問題的能力大幅提升；（6）成就感、自信心及對自身技能水平的要求大幅提高。這種教學(xué)方式得到參與學(xué)生的充分認可，實踐班的學(xué)生在參加校內(nèi)電子商務(wù)美工設(shè)計技能大賽中，成績總能名列前茅。2017 級的畢業(yè)生，從事電子商務(wù)美工崗位的，能迅速適應(yīng)工作，得到電商企業(yè)的好評。

4.6 特色創(chuàng)新

通過3 年的教學(xué)實踐，基于成果導(dǎo)向教育理念，采用項目式教學(xué)，過程與成果“雙元”考核，以崗位需求為目標，與實際案例相結(jié)合，鼓勵團隊合作，注重溝通交流，追求卓越品質(zhì)等已經(jīng)成為本課程設(shè)計的特色。

5 結(jié)語

實踐證明，基于成果導(dǎo)向教育理念項目式教學(xué)，能以學(xué)生為中心，以成果為導(dǎo)向，大大提高了教學(xué)質(zhì)量，有效推動了電子商務(wù)網(wǎng)店美工課程的改革，有效提高了電商美工人質(zhì)量，對解決電商企業(yè)高素質(zhì)應(yīng)用型人才短板問題有重要意義。隨著第五代移動通信技術(shù)的普及，信息技術(shù)不斷創(chuàng)新，電子商務(wù)應(yīng)用領(lǐng)域不斷擴大，電子商務(wù)業(yè)務(wù)類型不斷增多，電子商務(wù)網(wǎng)店美工課程更要與時俱進，注重創(chuàng)新，重視新媒體技術(shù)的靈活應(yīng)用，多視角、多途徑去提升學(xué)生的營銷能力和視覺設(shè)計能力。