項(xiàng)目五 主圖的設(shè)計(jì)與制作教學(xué)設(shè)計(jì) 中職 高教版 網(wǎng)店裝修

課題了解主圖的定義及規(guī)范課時1課型新課

知道產(chǎn)品主圖的定義

理解產(chǎn)品主圖的作用

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

能說出產(chǎn)品主圖的制作規(guī)范

能根據(jù)行業(yè)標(biāo)準(zhǔn)挑選合適的主圖

教學(xué)重點(diǎn)

能說出產(chǎn)品主圖的制作規(guī)范

突破方法

教學(xué)難點(diǎn)

能說出產(chǎn)品主圖的制作規(guī)范

化解方法

教學(xué)方法講授法教學(xué)資源PPT,微課

教學(xué)過程

教學(xué)環(huán)節(jié)

教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計(jì)意圖

(時長)

請學(xué)生在淘寶

在淘寶上搜創(chuàng)建情

母親節(jié)到了，你準(zhǔn)備到淘寶網(wǎng)上搜索手鏈

索手鏈，選境，調(diào)動

創(chuàng)設(shè)情景上購買一條手鏈，當(dāng)你在淘的關(guān)鍵詞，并選

擇自己喜歡學(xué)生學(xué)

(3)寶上搜索手鏈時，什么樣的擇自己喜歡的

的圖片，并習(xí)的積

手鏈圖片會吸引你的注意？手鏈圖片，點(diǎn)擊

點(diǎn)擊進(jìn)入極性

進(jìn)入。

通過課

件展示

讓學(xué)生

明確任務(wù)了解主圖的定義和作用、發(fā)明確本節(jié)課

展示PPT明確本

(2)布制作主圖的規(guī)范的任務(wù)

節(jié)課的

學(xué)習(xí)目

標(biāo)

產(chǎn)品主圖是指位于商品詳情提問：學(xué)生在

實(shí)施任務(wù)頁左側(cè)上部的圖片。主圖由在搜索頁面顯閱讀教材，購買手

主圖的首圖(第一張圖)和輔圖(第示的手鏈圖片回答問題，鏈的過

定義二張及以后的圖)兩部分組淘寶稱為什么理解主圖的程中，明

(5)成。其中首圖還會出現(xiàn)在商圖片？定義確什么

品列表頁和搜索頁等重要位在手鏈詳情頁是主圖

置，是顧客的第一印象，因左側(cè)的圖片淘

此非常重要。寶稱為什么圖

片？

主圖的作用：

1.抓住眼球，商品醒目，美

實(shí)施任務(wù)

觀討論主

主圖的提問：主圖的作總結(jié)主圖的

2.激發(fā)興趣，突出寶貝賣點(diǎn)，圖的作

作用用作用

展示促銷信息用

(5)

3.促成點(diǎn)擊。增加流量，提

升轉(zhuǎn)化率

1.觀察手鏈

1.選擇一張手的主圖?？?/p>

鏈主圖，點(diǎn)擊進(jìn)結(jié)其特點(diǎn)：

入，引導(dǎo)學(xué)生觀(1)正方形

通過觀

察主圖的大小、大小

察淘寶

實(shí)施任務(wù)1.主圖的大小主圖的特點(diǎn)(2)實(shí)物拍

網(wǎng)上手

主圖的2.主圖必須是實(shí)物拍攝2.引導(dǎo)學(xué)生觀攝

鏈的圖

制作規(guī)3.商品主體突出察3c數(shù)碼產(chǎn)品(3)商品主

片，總結(jié)

范4.查詢不同類目的行業(yè)標(biāo)準(zhǔn)的主圖，他們的體突出

出主圖

(20)5.主圖展示的內(nèi)容內(nèi)容有什么特2.觀察3c數(shù)

的制作

點(diǎn)？碼產(chǎn)品的主

規(guī)范

3.主圖發(fā)布內(nèi)圖，總結(jié)5

容分析，以濕巾張主圖的分

為例布內(nèi)容。

提問：

分享評價(jià)主圖的尺寸根據(jù)評價(jià)量交流提

根據(jù)評價(jià)量表進(jìn)行評價(jià)

(3)主圖的制作規(guī)表自己評價(jià)升

范有哪些

1.主圖的尺寸提問：

總結(jié)自

最小310*310,標(biāo)準(zhǔn)800*800主圖的尺寸

回顧總結(jié)回答問題，己的不

像素主圖的制作規(guī)

(2)總結(jié)足并改

2.主圖的制作規(guī)范氾

進(jìn)

商品主體突出如何選擇主圖

如何選擇主圖

(1)根據(jù)行業(yè)標(biāo)準(zhǔn)

(2)根據(jù)商品的賣點(diǎn)與細(xì)節(jié)

1.查詢家居

行業(yè)主圖的

1.查詢家居行業(yè)主圖的發(fā)布拓展，為

發(fā)布標(biāo)準(zhǔn)

標(biāo)準(zhǔn)后面的

拓展提升布置作業(yè)2.在淘寶搜

2.在淘寶搜索訂書機(jī)，選擇過程打

索訂書機(jī)，

銷量比較好的主圖好基礎(chǔ)

選擇銷量比

較好的主圖

任務(wù)驅(qū)動教學(xué)，借助淘寶網(wǎng)平臺，引導(dǎo)學(xué)生觀察商品圖片，結(jié)合實(shí)際生活中的實(shí)

教學(xué)反思

例，自主學(xué)習(xí)。

課題產(chǎn)品主圖的設(shè)計(jì)技巧課時1課型新課

知道主圖背景、商品的處理、商品文案的提煉、排版的設(shè)計(jì)技巧

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

能區(qū)分淘寶主圖的好壞

教學(xué)重點(diǎn)

能區(qū)分淘寶主圖的好壞

突破方法

教學(xué)難點(diǎn)

能區(qū)分淘寶主圖的好壞

化解方法

教學(xué)方法講授法，任務(wù)驅(qū)動教學(xué)資源PPT,微課

教學(xué)過程

教學(xué)環(huán)節(jié)(時

教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計(jì)意圖

長)

1.分析同

款堅(jiān)果

不同商

在淘寶網(wǎng)上搜索“堅(jiān)

家的主情景激

現(xiàn)在需要購買堅(jiān)果”，按照銷量排序，

創(chuàng)設(shè)情景圖的特發(fā)學(xué)生

果，請?jiān)谔詫毶纤颜垖W(xué)生觀察同款堅(jiān)果不

(3)點(diǎn)。學(xué)習(xí)興

索購買。同商家的主圖，分析這

2.總結(jié)出趣

些主圖的特點(diǎn)。

淘寶購

物的流

程

了解本

觀看PPT,明

明確任務(wù)展示本節(jié)課的任務(wù)目節(jié)課的

優(yōu)化產(chǎn)品主圖確本節(jié)課的

(2)標(biāo)。學(xué)習(xí)目

任務(wù)目標(biāo)。

標(biāo)

實(shí)施任務(wù)

復(fù)習(xí)主圖

主圖的定義展示PPT,引導(dǎo)學(xué)生復(fù)復(fù)習(xí)主圖的

的定義和復(fù)習(xí)

主圖的作用習(xí)主圖的定義和作用定義和作用

作用

(3)

實(shí)施任務(wù)主圖的三要素：背展示多張主圖，以“得1.分組討任務(wù)驅(qū)

分析主圖景、商品、文案力0399”這款訂書機(jī)論，闡述動

的三要素為例，你對最想點(diǎn)擊哪自己最

(3)張圖片，并闡述自己的喜歡的

理由。主圖。

2.總結(jié)主

圖的三

要素

實(shí)施任務(wù)

背景設(shè)計(jì)技巧：觀察主圖的

背景設(shè)計(jì)任務(wù)驅(qū)

純色背景展示多張主圖背景進(jìn)行總

技巧動

功能場景背景結(jié)

(5)

實(shí)施任務(wù)保證商品的重要觀察商品的

商品處理位置特點(diǎn)任務(wù)驅(qū)

展示多張主圖

的技巧保證商品的清晰商品圖片的動

(10)度構(gòu)圖

精準(zhǔn)提煉產(chǎn)品的

實(shí)施任務(wù)

賣點(diǎn)觀察主圖，

文案處理任務(wù)驅(qū)

文案排版整齊統(tǒng)展示多張主圖總結(jié)主圖的

的技巧動

文案特點(diǎn)

(10)

賣點(diǎn)表現(xiàn)有創(chuàng)意

學(xué)生比較優(yōu)

分享評價(jià)根據(jù)評價(jià)量表進(jìn)展示多張主圖，以傘為交流提

劣，并說出

(2)行評價(jià)例升

理由

主圖的設(shè)計(jì)要點(diǎn)：

總結(jié)自

回顧總結(jié)背景

提問學(xué)生總結(jié)己的不

(2)商品

足

文案

教學(xué)反思借助淘寶網(wǎng)，聯(lián)系實(shí)際生活，激發(fā)學(xué)生的學(xué)習(xí)興趣。

課題樂享辦公旗艦店主圖的設(shè)計(jì)課時1課型新課

教學(xué)目標(biāo)能根據(jù)樂享辦公旗艦店商品的特點(diǎn)和店鋪整體風(fēng)格設(shè)計(jì)主圖

教學(xué)重點(diǎn)

能根據(jù)樂享辦公旗艦店商品的特點(diǎn)和店鋪整體風(fēng)格設(shè)計(jì)主圖

突破方法

教學(xué)難點(diǎn)

能根據(jù)樂享辦公旗艦店商品的特點(diǎn)和店鋪整體風(fēng)格設(shè)計(jì)主圖

化解方法

教學(xué)方法任務(wù)驅(qū)動教學(xué)資源PPT,微課

教學(xué)過程

教學(xué)環(huán)節(jié)

教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計(jì)意圖

（時長）

樂享辦公

用品店針對的消

費(fèi)者主要是辦公

室人員，消費(fèi)者

角色轉(zhuǎn)換，把

大多比較理智，1.情景引入，展示PPT激發(fā)學(xué)

自己當(dāng)作樂享

創(chuàng)設(shè)情景且注重商品實(shí)用2.提問：你如何將“文件生的學(xué)

辦公旗艦店的

性。店鋪的整體架”這款產(chǎn)品賣出去？習(xí)興趣

美工

風(fēng)格是天藍(lán)色，

目前公司運(yùn)營部

針對新品有一定

的促銷折扣。

明確本

樂享辦公旗艦店明確主圖的設(shè)節(jié)課的

明確任務(wù)展示PPT

主圖的設(shè)計(jì)計(jì)要求學(xué)習(xí)目

標(biāo)

實(shí)施任務(wù)

提示：店鋪的主色調(diào)是藍(lán)確定主圖的背任務(wù)驅(qū)

設(shè)計(jì)定背景色彩的選擇

色景顏色動

位

觀察主圖的背

實(shí)施任務(wù)

展示淘寶網(wǎng)上辦公用品類景，為背景添任務(wù)驅(qū)

背景設(shè)背景創(chuàng)意設(shè)計(jì)

設(shè)計(jì)好的主圖加效果動

計(jì)

1.閱讀教材

中【閱讀有

益】部分的

內(nèi)容，了解

實(shí)施任務(wù)

展示多張主圖，請同學(xué)們主圖高點(diǎn)任務(wù)驅(qū)

商品構(gòu)商品構(gòu)圖

觀察商品的擺放位置擊率的構(gòu)動

圖

圖技巧

2.提出文件

架的擺放

位置

1.提煉文件

1.展示樂享辦公旗艦店的

架的促銷

促銷信息

實(shí)施任務(wù)信息任務(wù)驅(qū)

提煉賣點(diǎn)2.展示多張主圖，請同學(xué)

提煉賣點(diǎn)2.確定促銷動

們觀察主圖中的促銷信

信息的展

息是如何展示的？

示方式

分享自己設(shè)計(jì)

根據(jù)評價(jià)量表進(jìn)請同學(xué)們分享自己設(shè)計(jì)的的主圖并與教交流提

分享評價(jià)

行評價(jià)主圖材中的案例進(jìn)高

行對比

總結(jié)自

1.背景

主圖設(shè)計(jì)的注意己的不

回顧總結(jié)2.商品構(gòu)圖回答問題

事項(xiàng)足。重難

3.賣點(diǎn)展示方式

點(diǎn)回顧

拓寬學(xué)

閱讀【快樂成

拓展提升如何投訴盜圖布置作業(yè)生的知

長】的內(nèi)容

識面

教學(xué)反思以樂享辦公旗艦店主圖設(shè)計(jì)為例，引導(dǎo)學(xué)生對不同類型的商品主圖進(jìn)行設(shè)計(jì)。

課題產(chǎn)品主圖的制作課時2課型新課

1.能利用變形工具制作翻頁效果。

教學(xué)目標(biāo)2.利用剪貼蒙版加入商品素材

3.利用文本工具加入促銷信息

教學(xué)重點(diǎn)

利用變形工具制作翻頁效果

突破方法

教學(xué)難點(diǎn)

利用變形工具制作翻頁效果

化解方法

教學(xué)方法任務(wù)驅(qū)動教學(xué)資源PPT,微課

教學(xué)過程

教學(xué)環(huán)節(jié)

教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計(jì)意圖

（時長）

在上節(jié)課中，完成了樂享

分析主圖最激發(fā)學(xué)

辦公店主圖的設(shè)計(jì)，本節(jié)課展示主圖最終

創(chuàng)設(shè)情景終完成效生的興

我們就一起完成主圖的制完成效果。

果。趣

作。

明確本節(jié)課明確目

明確任務(wù)完成樂享辦公店主圖的制作展示PPT

的學(xué)習(xí)目標(biāo)標(biāo)

新建文件800*800像素，72

像素/英寸

設(shè)置前景色為天藍(lán)色，填充

實(shí)施任務(wù)根據(jù)教材，

天藍(lán)色

背景模完成主圖的任務(wù)驅(qū)

利用矩形選框工具繪制矩形巡視指導(dǎo)

板的制