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

黃文州

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

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

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

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

1.2 項(xiàng)目式教學(xué)

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

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

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

3.商品詳情頁的作用

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

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

4.1 總體設(shè)計(jì)

4.1.1 學(xué)情分析

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

4.1.2 教學(xué)目標(biāo)

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

表1：商品詳情頁設(shè)計(jì)與制作項(xiàng)目教學(xué)目標(biāo)

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

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

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

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

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

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

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

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

4.1.4 教學(xué)重點(diǎn)與難點(diǎn)

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

4.2 教學(xué)策略

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

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

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

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

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

4.3 教學(xué)實(shí)施

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

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

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

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

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

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

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

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

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

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

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

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

4.4 考核評價(jià)

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

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

4.5 教學(xué)效果

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

4.6 特色創(chuàng)新

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

5 結(jié)語

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