淺議高職網店美工課程項目式教學改革
——以網店商品詳情頁教學設計為例

黃文州

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

1. 成果導向教育理念及項目式教學

1.1 成果導向教育理念

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

1.2 項目式教學

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

2.高職網店美工課程存在的問題

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

3.商品詳情頁的作用

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

4.基于成果導向教育理念的網店商品詳情頁項目式教學設計

4.1 總體設計

4.1.1 學情分析

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

4.1.2 教學目標

學習成果是學生的一種能力結構，這種能力主要通過課程教學來實現。因此，如何設定課程目標？對學生達成學習成果至關重要。在成果導向教育理念的指導下，以專業人才培養方案為依據，以電商美工崗位需求為目標，設計本課程學習總體目標，再通過任務分解，形成教學項目，本項目的教學目標如表1 所示。

表1：商品詳情頁設計與制作項目教學目標

4.1.3 教學內容

以上述教學目標為導向，本教學項目的教學內容設計如下：

（1）網店商品詳情頁作用及相關設計理念，課前觀看教學視頻。

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

（3）網店商品詳情頁設計思路與制作方法講解，課中實踐。

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

（5）網店商品詳情頁修改，課中教師點評，學生討論、修改、總結。

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

4.1.4 教學重點與難點

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

4.2 教學策略

為能有效實現教學目標，以成果導向教育理念為基礎，創設以學生為導向的“一體二線三環四段”的教學模式。

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

（2）二線：線上自學、線下教學相結合，通過線上美學通識課程提升學生藝術素養，線下教學及實踐提高學生溝通協作、解決問題能力。

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

（4）四段：是指在教學過程中的優秀作品鑒賞階段、臨摹階段、自主設計階段、設計能力提升階段。

4.3 教學實施

整個項目教學實施分為課前線上自學環節，課中知識點強化環節，課后設計能力鞏固及提升三個環節。

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

◆ 學生學習本項目的教學課件、教學視頻及優秀作品圖庫，了解商品詳情頁的作用、設計思路和設計理念，并完成相關設計理論知識點的課前測試；

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

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

（2）課中知識點強化環節

課中知識點加強環節根據人們的認知習慣分為作品鑒賞、作品臨摹、設計與制作、鞏固與提升四個子項目。

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

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

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

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

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

4.4 考核評價

成果導向的教育理論考核評價更加關注學生的學習成果，不但強調學生達成學習成果的內涵，還關注每位學生的學習進步情況，采用多元和梯次的評價標準，根據每個學生能達到的教學目標情況，賦予不同的評價等級，本項目采用學習過程結合學習成果的“雙元”考核方式，其教學考核評價如表2 所示。

表2：商品詳情頁設計與制作項目教學考核評價表

4.5 教學效果

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

4.6 特色創新

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

5 結語

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