智慧教育典型案例：看“互聯(lián)網(wǎng)+”模式如何撬動(dòng)網(wǎng)店美工課堂

看“互聯(lián)網(wǎng)+”模式如何撬動(dòng)網(wǎng)店美工課堂

一、案例摘要：

美工是電商專業(yè)學(xué)生一個(gè)重要的就業(yè)方向。海報(bào)設(shè)計(jì)是美工崗位的重要工作內(nèi)容。對(duì)于沒有任何美術(shù)基礎(chǔ)的中職學(xué)生來(lái)說，圖像處理技術(shù)是他們的強(qiáng)項(xiàng)，視覺設(shè)計(jì)是他們的短板。很多學(xué)生雖然不懂設(shè)計(jì)方法、卻向往能夠做出美觀的海報(bào)。在反復(fù)修改設(shè)計(jì)中造成大量的返工，浪費(fèi)了大量的時(shí)間和精力。本案例中的教師，利用UMU互動(dòng)教學(xué)平臺(tái)開發(fā)自學(xué)資源、幫助學(xué)生掌握設(shè)計(jì)技巧；利用“創(chuàng)客貼在線設(shè)計(jì)工具”突破教學(xué)痛點(diǎn)，幫助學(xué)生形成設(shè)計(jì)思路；利用“投票網(wǎng)”展示學(xué)生作品，開創(chuàng)了企業(yè)、學(xué)校、家庭三方聯(lián)動(dòng)的局面。讓更多的學(xué)生找到了自信和成就感，形成了學(xué)習(xí)的自驅(qū)力。二、案例背景：

小A是中職院校電子商務(wù)專業(yè)的學(xué)生。自從進(jìn)入電商專業(yè)學(xué)習(xí)，小A就立下了志向，畢業(yè)后要當(dāng)一個(gè)電商美工總監(jiān)。但這兩天，他的情緒有些低落。因?yàn)樽罱毒W(wǎng)店美工》課開始設(shè)計(jì)電商海報(bào)，老師引入了真實(shí)的企業(yè)任務(wù)。同學(xué)們做的優(yōu)秀海報(bào)，會(huì)被企業(yè)采納。大家都躍躍欲試，想驗(yàn)證一下自己的能力。本來(lái)小A對(duì)自己的技術(shù)信心滿滿，想要大展拳腳。但是現(xiàn)實(shí)卻遠(yuǎn)不如理想豐滿。因?yàn)闆]有任何美術(shù)功底，所以小A設(shè)計(jì)的海報(bào)美觀性太差，用同學(xué)的話說就是“有一種鄉(xiāng)土氣息”。同時(shí)，企業(yè)專業(yè)也指出小A的技術(shù)沒的說，但設(shè)計(jì)的海報(bào)產(chǎn)品不突出，促銷文案圍繞商品放了一圈，既不美觀，重點(diǎn)也不突出。小A感覺到自信心受到了打擊，來(lái)找老師談心：“老師，對(duì)于沒有任何美術(shù)基礎(chǔ)的我，美工總監(jiān)是不是僅僅是一個(gè)夢(mèng)呢？”

小A的故事不是一個(gè)個(gè)例。在本校電子商務(wù)專業(yè)的同學(xué)中，很多學(xué)生對(duì)自己的未來(lái)的職業(yè)定位就是“電商美工”。但是他們也遇到了和小A同樣的情況。有些同學(xué)技術(shù)過硬。摳圖摳的十分精細(xì)，模仿樣圖模仿的一模一樣。但就是不會(huì)設(shè)計(jì)，缺少設(shè)計(jì)思路。一肚子的本領(lǐng)，因?yàn)橄胂罅Φ膮T乏而沒有施展之地。在《網(wǎng)店美工》的課堂上，每當(dāng)遇到和設(shè)計(jì)有關(guān)的課程，比如設(shè)計(jì)電商海報(bào)，就會(huì)有同學(xué)不能按時(shí)完成作品。為什么呢？因?yàn)樗麄儧]有設(shè)計(jì)思路，不懂設(shè)計(jì)方法，又十分追求美觀。做出來(lái)覺得不好就會(huì)反復(fù)修改設(shè)計(jì)，在反反復(fù)復(fù)的修改過程中，產(chǎn)生了大量的無(wú)用功和重復(fù)勞動(dòng)。浪費(fèi)了大量的時(shí)間，也產(chǎn)生了煩躁情緒。久而久之，自信受挫，對(duì)自己最初的夢(mèng)想也開始懷疑。學(xué)習(xí)積極性也會(huì)因此受到影響。在長(zhǎng)期的教學(xué)活動(dòng)過程中，該教師發(fā)現(xiàn)了這個(gè)問題的普遍性和嚴(yán)重性。面對(duì)電商專業(yè)學(xué)生“沒有美術(shù)基礎(chǔ)、沒有設(shè)計(jì)思路”這個(gè)沒法改變的客觀事實(shí)，面對(duì)愛表現(xiàn)且極其需要獲得他人認(rèn)可的學(xué)生，該教師認(rèn)識(shí)到自己不僅需要尋找一些方法和手段，幫助學(xué)生彌補(bǔ)設(shè)計(jì)基礎(chǔ)差的短板；還需要給學(xué)生構(gòu)建一個(gè)展示分享自己作品的平臺(tái)。所以該教師開始思考相應(yīng)的對(duì)策。三、實(shí)踐舉措：

1、翻轉(zhuǎn)課堂針對(duì)性擊破教學(xué)難點(diǎn)

通過對(duì)學(xué)生的觀察，教師發(fā)現(xiàn)學(xué)生的習(xí)慣操作往往是從商品原圖中摳出商品，放到空白畫布上，然后制作背景，最后在商品周圍寫文案。哪里空就寫哪里。最后個(gè)別同學(xué)會(huì)添加一些自定義形狀點(diǎn)綴一下。沒有布局排版的概念。所以混亂，沒有章法。自定義形狀的選擇也沒有目的性，與海報(bào)整體氛圍不協(xié)調(diào)。既不能烘托海報(bào)的促銷氛圍，又不能體現(xiàn)產(chǎn)品的特點(diǎn)。有畫蛇添足的感覺。為了讓學(xué)生能從單一的技術(shù)視角走出來(lái)，從視覺設(shè)計(jì)的角度來(lái)看待海報(bào)制作，該教師決定將海報(bào)設(shè)計(jì)作為一個(gè)單獨(dú)的課時(shí)來(lái)進(jìn)行。將電商海報(bào)的設(shè)計(jì)原則、方法和技巧作為這節(jié)課的教學(xué)重點(diǎn)。在這個(gè)課上，學(xué)生可以不用摳圖，不用制作背景，只需要學(xué)習(xí)和練習(xí)設(shè)計(jì)技巧。賞析優(yōu)秀作品、理解設(shè)計(jì)技巧是提升設(shè)計(jì)水平的最好方法。由于學(xué)生內(nèi)化的進(jìn)度不同。所以該教師采用了翻轉(zhuǎn)課堂的教學(xué)模式。該教師引入企業(yè)專家的設(shè)計(jì)經(jīng)驗(yàn)，通過歸納總結(jié)，將只可意會(huì)的設(shè)計(jì)原則變成學(xué)生能掌握、易操作的設(shè)計(jì)技巧、操作步驟。課前，學(xué)生登陸UMU互動(dòng)學(xué)習(xí)平臺(tái)，觀看微課、閱讀自學(xué)圖文，學(xué)習(xí)設(shè)計(jì)技巧；并完成自學(xué)檢測(cè)題目。教師則可以通過軟件實(shí)時(shí)掌握學(xué)生的學(xué)習(xí)進(jìn)度和效果，及時(shí)調(diào)整教學(xué)策略。2、借助設(shè)計(jì)軟件解決教學(xué)痛點(diǎn)

基于單獨(dú)練習(xí)設(shè)計(jì)技巧的教學(xué)構(gòu)想，該教師產(chǎn)生了開發(fā)教學(xué)軟件的想法。這個(gè)軟件要實(shí)現(xiàn)的基本功能是：

有豐富的素材庫(kù)，包括不同類型的背景和裝飾元素?？梢宰寣W(xué)生按照商品特 性或者活動(dòng)主題來(lái)選擇合適的背景和裝飾元素。能夠通過拖拽的方式載入海報(bào)構(gòu)成元素，并進(jìn)行布局排版，快速完成海報(bào)的 制作。 真的要感謝我們所在的互聯(lián)網(wǎng)時(shí)代。在進(jìn)行開發(fā)準(zhǔn)備的過程中，該教師在網(wǎng)上發(fā)現(xiàn)了一個(gè)能夠?qū)崿F(xiàn)這個(gè)功能的在線設(shè)計(jì)網(wǎng)站——?jiǎng)?chuàng)客貼在線設(shè)計(jì)工具。①該網(wǎng)站有豐富的素材資源。包括：

各種類型的海報(bào)背景：純色背景、漸變背景、各種主題的圖片背景、復(fù)雜繪 制圖案圖形背景。各種類型的裝飾元素，按照主題或者種類關(guān)鍵詞進(jìn)行分類。運(yùn)用了各種排版技巧的海報(bào)文案；

還有種類多樣的免摳素材，包括：商品、人物、建筑、自然、科技、動(dòng)物、 美食等等；

學(xué)生可以在免摳素材里尋找不同品類的商品為其設(shè)計(jì)海報(bào)，還可以分析商品特性，根據(jù)老師介紹的設(shè)計(jì)技巧，在素材庫(kù)里選擇合適的海報(bào)背景、裝飾元素，辨別選用視覺效果好的文案排版，將文案改寫成自己撰寫的文案即可。②該網(wǎng)站可以通過拖拽的方式，快速完成海報(bào)制作。 有了這個(gè)功能，學(xué)生只需要考慮把元素拖進(jìn)來(lái)放在哪里合適就行了。換句話說，就是進(jìn)行海報(bào)的布局和排版。③該網(wǎng)站可以上傳圖片

學(xué)生可以將自己平常練習(xí)摳圖的過程中摳出的PNG格式的商品圖片上傳到給網(wǎng)站當(dāng)做素材。學(xué)生也可以將自己制作的各種形狀、氣氛元素、背景上傳到這個(gè)網(wǎng)站上以便日后使用。一個(gè)學(xué)期下來(lái)，每個(gè)學(xué)生都形成了自己的資源庫(kù)。這些練習(xí)資源平常交了作業(yè)后就躺在教師的U盤里。但是有了這個(gè)網(wǎng)站，這些練習(xí)作品都成為了后續(xù)學(xué)習(xí)的資源。也督促每個(gè)同學(xué)認(rèn)真完成每次練習(xí)和作業(yè)。登錄這個(gè)網(wǎng)站，學(xué)生就可以很方便的利用這個(gè)設(shè)計(jì)工具來(lái)實(shí)踐老師介紹的設(shè)計(jì)方法和原則了。即使是沒有美術(shù)基礎(chǔ)，電商專業(yè)的學(xué)生也可以設(shè)計(jì)精美的電商海報(bào)了。打破了學(xué)生的學(xué)習(xí)瓶頸。制作過程十分高效。三分鐘就可以設(shè)計(jì)一張海報(bào)。一堂課內(nèi)可以完成不同品類商品的多張海報(bào)設(shè)計(jì)。這種利用設(shè)計(jì)軟件進(jìn)行海報(bào)設(shè)計(jì)的針對(duì)性很強(qiáng)，就是培養(yǎng)學(xué)生形成設(shè)計(jì)意識(shí)，并運(yùn)用老師介紹的布局技巧和選擇背景、裝飾元素的技巧來(lái)設(shè)計(jì)海報(bào)。經(jīng)過這樣的強(qiáng)化實(shí)踐訓(xùn)練，學(xué)生會(huì)逐漸形成設(shè)計(jì)意識(shí)，內(nèi)化設(shè)計(jì)原則，形成設(shè)計(jì)思路。久而久之，很多同學(xué)便能夠擺脫這個(gè)軟件，遵照設(shè)計(jì)原則和技巧，自己獨(dú)立完成海報(bào)的設(shè)計(jì)與制作了。3、利用投票網(wǎng)站構(gòu)建展示平臺(tái)

中職院校的學(xué)生，內(nèi)心渴望得到別人的認(rèn)可。有很多學(xué)生十分不自信，需要經(jīng)常給予鼓勵(lì)。同時(shí)他們思想活躍，有很多很好的創(chuàng)意，以前苦于沒法實(shí)現(xiàn)，現(xiàn)在借助設(shè)計(jì)軟件能夠?qū)崿F(xiàn)了，都很愿意展現(xiàn)自己的創(chuàng)意。一直以來(lái)，該教師都在尋找一個(gè)好的方式來(lái)幫助他們展示自己的作品。以前試過打印展示，但是實(shí)踐起來(lái)有一定的困難。不可能將每個(gè)人、每節(jié)課的作品都打印。而且彩打的話，費(fèi)用也比較昂貴。也想過通過QQ群或者微信群發(fā)給家長(zhǎng)和企業(yè)專家。但是一個(gè)個(gè)的發(fā)送工作量也比較大。后來(lái)，該教師發(fā)現(xiàn)了一個(gè)叫做“投票網(wǎng)”的網(wǎng)站。該網(wǎng)站可以創(chuàng)建圖片投票。而且兼容性很強(qiáng)?？梢栽赑C端和移動(dòng)端的QQ、微信、瀏覽器里打開。于是該教師為每次作業(yè)創(chuàng)建一個(gè)投票，組織學(xué)生則將自己的作品上傳到網(wǎng)上。課后，教師將投票頁(yè)面鏈接發(fā)送到家長(zhǎng)微信群里，展示給家長(zhǎng)。并不定期開展投票活動(dòng)。實(shí)踐證明，家長(zhǎng)們積極關(guān)注。每次上傳后的點(diǎn)擊量都很高。甚至遠(yuǎn)遠(yuǎn)大于了家長(zhǎng)的人數(shù)。有家長(zhǎng)反映，遇到孩子做的好的作品，還會(huì)很自豪的發(fā)到家庭微信群里。這樣一來(lái)，學(xué)生不僅得到了家長(zhǎng)的認(rèn)可，還在親朋好友那里得到了肯定和鼓勵(lì)。這個(gè)平臺(tái)成為了一個(gè)很好的家校聯(lián)合共促學(xué)生提升的平臺(tái)。同時(shí)，該教師會(huì)不定期引入企業(yè)任務(wù)。比如為某校企合作企業(yè)設(shè)計(jì)商品推廣海報(bào)。企業(yè)專家也可以方便的打開投票網(wǎng)的展示頁(yè)面，為同學(xué)們進(jìn)行點(diǎn)評(píng)，選出自己覺得做的好的作品。這個(gè)平臺(tái)又成為了一個(gè)很好的雙師共導(dǎo)的平臺(tái)。另外，在實(shí)踐的過程中，該教師發(fā)現(xiàn)，學(xué)生也會(huì)經(jīng)常點(diǎn)擊查看作業(yè)，對(duì)比自己和同學(xué)們的作品。在這個(gè)過程中，學(xué)生會(huì)較為客觀的評(píng)價(jià)自己和別人。發(fā)現(xiàn)自的不足，認(rèn)識(shí)到自己和別人的差距，從而激起自我提升的動(dòng)力。四、成效與反思

通過不同班級(jí)的教學(xué)實(shí)踐，該教師發(fā)現(xiàn)信息化教學(xué)平臺(tái)、手段和資源的引入，使學(xué)生的學(xué)習(xí)效果有了很大的提升。1、學(xué)生自學(xué)主動(dòng)性增加

首先，根據(jù)UMU互動(dòng)教學(xué)品臺(tái)的檢測(cè)數(shù)據(jù)顯示，同學(xué)們都能夠主動(dòng)完成課前自學(xué)。并且認(rèn)真的記錄筆記。2、學(xué)生設(shè)計(jì)水平大幅提高設(shè)計(jì)軟件能夠培養(yǎng)學(xué)生形成設(shè)計(jì)意識(shí)，內(nèi)化、運(yùn)用設(shè)計(jì)原則、方法和技巧來(lái)設(shè)計(jì)電商海報(bào)。經(jīng)過一段時(shí)間的練習(xí)，學(xué)生的設(shè)計(jì)水平會(huì)有一個(gè)很明顯的提升，大部分同學(xué)脫離了設(shè)計(jì)軟件也可以很好運(yùn)用設(shè)計(jì)技巧設(shè)計(jì)電商海報(bào)了。3、企家校三方聯(lián)合效果好

實(shí)踐證明家長(zhǎng)們積極關(guān)注，企業(yè)專家也可以方便的留言點(diǎn)評(píng)。越來(lái)越多的學(xué)生受到父母的鼓勵(lì)，專家的認(rèn)可，找到了自信和成就感。五、案例點(diǎn)評(píng)

1、學(xué)生反饋

學(xué)生是最好的評(píng)委。對(duì)于這種新的教學(xué)實(shí)踐，效果如何學(xué)生最有發(fā)言權(quán)。他們是否通過這堂課學(xué)到了更多的東西、得到了更好的提升？讓我們來(lái)看看小A同學(xué)怎么說吧：

說句實(shí)話，我以前學(xué)習(xí)不是很好。上高中后，發(fā)現(xiàn)PS不需要基礎(chǔ)，我也比較感興趣。我很想好好學(xué)。也真的立志要當(dāng)一個(gè)美工總監(jiān)。但是當(dāng)我剛開始設(shè)計(jì)海報(bào)的時(shí)候，我不知道要怎么去做一張好的海報(bào)。顏色搭配總是不太好看。同學(xué)都笑話我。海報(bào)上的字不是寫的太多，就是寫的太少。也不知道該把文字放在哪兒。設(shè)計(jì)的海報(bào)總是特別山寨。我經(jīng)常做好了卻又覺得不好，然后就改來(lái)改去的。時(shí)間長(zhǎng)了就有一種特別煩躁的感覺。就想著算了算了，就這樣隨便弄弄吧。但是后來(lái)，老師讓我們閱讀了一些設(shè)計(jì)技巧。讀完發(fā)現(xiàn)海報(bào)設(shè)計(jì)其實(shí)很簡(jiǎn)單，就是三個(gè)步驟：確定元素、布局排版、選擇合適的背景和裝飾元素。我覺得挺容易記的?？粗詫W(xué)資源里的圖片，我好像一下子就掌握其中的奧秘了。另外，我挺喜歡“創(chuàng)客貼”這個(gè)軟件。它把海報(bào)設(shè)計(jì)變得好簡(jiǎn)單啊。很方便?？粗约汉苋菀椎木湍茉O(shè)計(jì)出來(lái)美觀的海報(bào)我挺高興的。特別是企業(yè)專家也表?yè)P(yáng)我了。我覺得自己的學(xué)習(xí)很有價(jià)值。至于那個(gè)投票的網(wǎng)站。我一開始不太喜歡。因?yàn)槲遗挛易约鹤霾缓?，被人家笑話。但是老師說要跟自己的過去比。而且我爸媽看了之后表?yè)P(yáng)我了，說我進(jìn)步很快。我現(xiàn)在每次上完課還有點(diǎn)小期待。期待爸媽看到我的作品。當(dāng)然企業(yè)選中了我做的海報(bào)，那種感覺就更好了。我越來(lái)越喜歡學(xué)習(xí)網(wǎng)店美工這門課了。我也有信