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

知道產品主圖的定義

理解產品主圖的作用

教學目標

能說出產品主圖的制作規范

能根據行業標準挑選合適的主圖

教學重點

能說出產品主圖的制作規范

突破方法

教學難點

能說出產品主圖的制作規范

化解方法

教學方法講授法教學資源PPT,微課

教學過程

教學環節

教學內容教師活動學生活動設計意圖

(時長)

請學生在淘寶

在淘寶上搜創建情

母親節到了，你準備到淘寶網上搜索手鏈

索手鏈，選境，調動

創設情景上購買一條手鏈，當你在淘的關鍵詞，并選

擇自己喜歡學生學

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

的圖片，并習的積

手鏈圖片會吸引你的注意？手鏈圖片，點擊

點擊進入極性

進入。

通過課

件展示

讓學生

明確任務了解主圖的定義和作用、發明確本節課

展示PPT明確本

(2)布制作主圖的規范的任務

節課的

學習目

標

產品主圖是指位于商品詳情提問：學生在

實施任務頁左側上部的圖片。主圖由在搜索頁面顯閱讀教材，購買手

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

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

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

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

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

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

片？

主圖的作用：

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

實施任務

觀討論主

主圖的提問：主圖的作總結主圖的

2.激發興趣，突出寶貝賣點，圖的作

作用用作用

展示促銷信息用

(5)

3.促成點擊。增加流量，提

升轉化率

1.觀察手鏈

1.選擇一張手的主圖。總

鏈主圖，點擊進結其特點：

入，引導學生觀(1)正方形

通過觀

察主圖的大小、大小

察淘寶

實施任務1.主圖的大小主圖的特點(2)實物拍

網上手

主圖的2.主圖必須是實物拍攝2.引導學生觀攝

鏈的圖

制作規3.商品主體突出察3c數碼產品(3)商品主

片，總結

范4.查詢不同類目的行業標準的主圖，他們的體突出

出主圖

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

的制作

點？碼產品的主

規范

3.主圖發布內圖，總結5

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

為例布內容。

提問：

分享評價主圖的尺寸根據評價量交流提

根據評價量表進行評價

(3)主圖的制作規表自己評價升

范有哪些

1.主圖的尺寸提問：

總結自

最小310*310,標準800*800主圖的尺寸

回顧總結回答問題，己的不

像素主圖的制作規

(2)總結足并改

2.主圖的制作規范氾

進

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

如何選擇主圖

(1)根據行業標準

(2)根據商品的賣點與細節

1.查詢家居

行業主圖的

1.查詢家居行業主圖的發布拓展，為

發布標準

標準后面的

拓展提升布置作業2.在淘寶搜

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

索訂書機，

銷量比較好的主圖好基礎

選擇銷量比

較好的主圖

任務驅動教學，借助淘寶網平臺，引導學生觀察商品圖片，結合實際生活中的實

教學反思

例，自主學習。

課題產品主圖的設計技巧課時1課型新課

知道主圖背景、商品的處理、商品文案的提煉、排版的設計技巧

教學目標

能區分淘寶主圖的好壞

教學重點

能區分淘寶主圖的好壞

突破方法

教學難點

能區分淘寶主圖的好壞

化解方法

教學方法講授法，任務驅動教學資源PPT,微課

教學過程

教學環節(時

教學內容教師活動學生活動設計意圖

長)

1.分析同

款堅果

不同商

在淘寶網上搜索“堅

家的主情景激

現在需要購買堅果”，按照銷量排序，

創設情景圖的特發學生

果，請在淘寶上搜請學生觀察同款堅果不

(3)點。學習興

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

2.總結出趣

些主圖的特點。

淘寶購

物的流

程

了解本

觀看PPT,明

明確任務展示本節課的任務目節課的

優化產品主圖確本節課的

(2)標。學習目

任務目標。

標

實施任務

復習主圖

主圖的定義展示PPT,引導學生復復習主圖的

的定義和復習

主圖的作用習主圖的定義和作用定義和作用

作用

(3)

實施任務主圖的三要素：背展示多張主圖，以“得1.分組討任務驅

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

的三要素為例，你對最想點擊哪自己最

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

理由。主圖。

2.總結主

圖的三

要素

實施任務

背景設計技巧：觀察主圖的

背景設計任務驅

純色背景展示多張主圖背景進行總

技巧動

功能場景背景結

(5)

實施任務保證商品的重要觀察商品的

商品處理位置特點任務驅

展示多張主圖

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

(10)度構圖

精準提煉產品的

實施任務

賣點觀察主圖，

文案處理任務驅

文案排版整齊統展示多張主圖總結主圖的

的技巧動

文案特點

(10)

賣點表現有創意

學生比較優

分享評價根據評價量表進展示多張主圖，以傘為交流提

劣，并說出

(2)行評價例升

理由

主圖的設計要點：

總結自

回顧總結背景

提問學生總結己的不

(2)商品

足

文案

教學反思借助淘寶網，聯系實際生活，激發學生的學習興趣。

課題樂享辦公旗艦店主圖的設計課時1課型新課

教學目標能根據樂享辦公旗艦店商品的特點和店鋪整體風格設計主圖

教學重點

能根據樂享辦公旗艦店商品的特點和店鋪整體風格設計主圖

突破方法

教學難點

能根據樂享辦公旗艦店商品的特點和店鋪整體風格設計主圖

化解方法

教學方法任務驅動教學資源PPT,微課

教學過程

教學環節

教學內容教師活動學生活動設計意圖

（時長）

樂享辦公

用品店針對的消

費者主要是辦公

室人員，消費者

角色轉換，把

大多比較理智，1.情景引入，展示PPT激發學

自己當作樂享

創設情景且注重商品實用2.提問：你如何將“文件生的學

辦公旗艦店的

性。店鋪的整體架”這款產品賣出去？習興趣

美工

風格是天藍色，

目前公司運營部

針對新品有一定

的促銷折扣。

明確本

樂享辦公旗艦店明確主圖的設節課的

明確任務展示PPT

主圖的設計計要求學習目

標

實施任務

提示：店鋪的主色調是藍確定主圖的背任務驅

設計定背景色彩的選擇

色景顏色動

位

觀察主圖的背

實施任務

展示淘寶網上辦公用品類景，為背景添任務驅

背景設背景創意設計

設計好的主圖加效果動

計

1.閱讀教材

中【閱讀有

益】部分的

內容，了解

實施任務

展示多張主圖，請同學們主圖高點任務驅

商品構商品構圖

觀察商品的擺放位置擊率的構動

圖

圖技巧

2.提出文件

架的擺放

位置

1.提煉文件

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

架的促銷

促銷信息

實施任務信息任務驅

提煉賣點2.展示多張主圖，請同學

提煉賣點2.確定促銷動

們觀察主圖中的促銷信

信息的展

息是如何展示的？

示方式

分享自己設計

根據評價量表進請同學們分享自己設計的的主圖并與教交流提

分享評價

行評價主圖材中的案例進高

行對比

總結自

1.背景

主圖設計的注意己的不

回顧總結2.商品構圖回答問題

事項足。重難

3.賣點展示方式

點回顧

拓寬學

閱讀【快樂成

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

長】的內容

識面

教學反思以樂享辦公旗艦店主圖設計為例，引導學生對不同類型的商品主圖進行設計。

課題產品主圖的制作課時2課型新課

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

教學目標2.利用剪貼蒙版加入商品素材

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

教學重點

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

突破方法

教學難點

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

化解方法

教學方法任務驅動教學資源PPT,微課

教學過程

教學環節

教學內容教師活動學生活動設計意圖

（時長）

在上節課中，完成了樂享

分析主圖最激發學

辦公店主圖的設計，本節課展示主圖最終

創設情景終完成效生的興

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

果。趣

作。

明確本節課明確目

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

的學習目標標

新建文件800*800像素，72

像素/英寸

設置前景色為天藍色，填充

實施任務根據教材，

天藍色

背景模完成主圖的任務驅

利用矩形選框工具繪制矩形巡視指導

板的制