電子商務(wù)視覺營銷（第2版微課版） 教案 隋鴻陽 項(xiàng)目5-8 商品的視覺營銷設(shè)計(jì)-綜合案例：家具店鋪視覺營銷設(shè)計(jì)與制作

《電子商務(wù)視覺營銷（第2版微課版）》配套教學(xué)教案課時(shí)內(nèi)容商品的視覺營銷設(shè)計(jì)授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo)了解商品主圖和商品詳情頁的設(shè)計(jì)技巧，掌握其制作方法。掌握直通車圖、引力魔方圖等商品推廣圖的設(shè)計(jì)要點(diǎn)和制作方法。教學(xué)重點(diǎn)了解商品主圖和商品詳情頁的設(shè)計(jì)技巧，掌握其制作方法。掌握直通車圖、引力魔方圖等商品推廣圖的設(shè)計(jì)要點(diǎn)和制作方法。教學(xué)難點(diǎn)掌握直通車圖、引力魔方圖等商品推廣圖的設(shè)計(jì)要點(diǎn)和制作方法。教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹商品主圖的視覺營銷設(shè)計(jì)的相關(guān)知識，讓學(xué)員掌握商品主圖設(shè)計(jì)規(guī)范、商品主圖視覺設(shè)計(jì)方式、商品主圖制作方法等內(nèi)容；（2）講解商品詳情頁的視覺營銷設(shè)計(jì)的相關(guān)知識，讓學(xué)員掌握商品詳情頁的設(shè)計(jì)內(nèi)容、商品詳情頁視覺設(shè)計(jì)要點(diǎn)、焦點(diǎn)圖視覺設(shè)計(jì)、賣點(diǎn)圖視覺設(shè)計(jì)、細(xì)節(jié)圖視覺設(shè)計(jì)、商品信息展示圖視覺設(shè)計(jì)等內(nèi)容；（3）介紹推廣圖的視覺營銷設(shè)計(jì)的相關(guān)知識，讓學(xué)員掌握直通車圖與引力魔方圖視覺設(shè)計(jì)要點(diǎn)、直通車圖制作方法、引力魔方圖制作方法等內(nèi)容；（4）最后安排拓展延伸和實(shí)戰(zhàn)與提升。教學(xué)手段：對其他商品的主圖的視覺營銷設(shè)計(jì)，并對制作方法進(jìn)行掌握。教學(xué)資料及要求：除教材中的實(shí)例外，還對其他商品詳情頁的制作。教學(xué)內(nèi)容知識回顧：前面講解了店鋪首頁的視覺營銷設(shè)計(jì)，下面對商品的視覺營銷設(shè)計(jì)進(jìn)行介紹。討論問題：1、商品詳情頁包括哪些內(nèi)容？2、如何對焦點(diǎn)圖進(jìn)行視覺設(shè)計(jì)？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。知識目標(biāo)素養(yǎng)目標(biāo)學(xué)習(xí)導(dǎo)圖案例導(dǎo)入任務(wù)一?商品主圖的視覺營銷設(shè)計(jì)一、任務(wù)目標(biāo)二、相關(guān)知識（一）商品主圖設(shè)計(jì)規(guī)范（二）商品主圖視覺設(shè)計(jì)方式（三）商品主圖制作方法三、任務(wù)實(shí)訓(xùn)——制作電熱鍋主圖四、任務(wù)考核任務(wù)二?商品詳情頁的視覺營銷設(shè)計(jì)一、任務(wù)目標(biāo)二、相關(guān)知識（一）商品詳情頁的設(shè)計(jì)內(nèi)容（二）商品詳情頁視覺設(shè)計(jì)要點(diǎn)（三）焦點(diǎn)圖視覺設(shè)計(jì)（四）賣點(diǎn)圖視覺設(shè)計(jì)（五）細(xì)節(jié)圖視覺設(shè)計(jì)（六）商品信息展示圖視覺設(shè)計(jì)三、任務(wù)實(shí)訓(xùn)——制作棉襪商品詳情頁四、任務(wù)考核任務(wù)三?推廣圖的視覺營銷設(shè)計(jì)一、任務(wù)目標(biāo)二、相關(guān)知識（一）直通車圖與引力魔方圖視覺設(shè)計(jì)要點(diǎn)（二）直通車圖制作方法（三）引力魔方圖制作方法三、任務(wù)實(shí)訓(xùn)實(shí)訓(xùn)一：制作兒童水杯直通車圖實(shí)訓(xùn)二：制作護(hù)膚品引力魔方圖四、任務(wù)考核拓展延伸（一）如何抓住商品詳情頁設(shè)計(jì)的重點(diǎn)（二）怎么確定瀏覽的消費(fèi)者屬于潛在消費(fèi)者實(shí)戰(zhàn)與提升小結(jié)了解商品主圖和商品詳情頁的設(shè)計(jì)技巧，掌握其制作方法。掌握直通車圖、引力魔方圖等商品推廣圖的設(shè)計(jì)要點(diǎn)和制作方法。實(shí)戰(zhàn)與提升想一想：（1）利用搜集的素材（配套資源:\素材文件\項(xiàng)目五\4件套詳情頁\）制作4件套商品詳情頁，在制作時(shí)要體現(xiàn)出4件套的細(xì)節(jié)，其效果要給人一種溫馨的感覺（配套資源:\效果文件\項(xiàng)目五\4件套詳情頁.psd）。（2）制作一個(gè)以“促銷活動(dòng)”為主題的音箱直通車圖（配套資源:\素材文件\項(xiàng)目五\音箱直通車\），注重對促銷信息的描述，體現(xiàn)促銷活動(dòng)的主題、時(shí)間等信息（配套資源:\效果文件\項(xiàng)目五\音箱直通車.psd）。

課時(shí)內(nèi)容移動(dòng)端店鋪的視覺營銷設(shè)計(jì)授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo)熟悉移動(dòng)端店鋪的視覺設(shè)計(jì)要點(diǎn)。能夠制作移動(dòng)端店鋪首頁與商品詳情頁。教學(xué)重點(diǎn)熟悉移動(dòng)端店鋪的視覺設(shè)計(jì)要點(diǎn)。能夠制作移動(dòng)端店鋪首頁與商品詳情頁。教學(xué)難點(diǎn)熟悉移動(dòng)端店鋪的視覺設(shè)計(jì)要點(diǎn)。能夠制作移動(dòng)端店鋪首頁與商品詳情頁。教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹移動(dòng)端店鋪的視覺設(shè)計(jì)要點(diǎn)的相關(guān)知識，讓學(xué)員掌握移動(dòng)端店鋪首頁視覺設(shè)計(jì)要點(diǎn)、移動(dòng)端商品詳情頁視覺設(shè)計(jì)要點(diǎn)等內(nèi)容；（2）講解移動(dòng)端店鋪首頁與商品詳情頁的制作相關(guān)知識，讓學(xué)員掌握移動(dòng)端店鋪首頁的制作、移動(dòng)端商品詳情頁的制作等內(nèi)容；（3）最后安排拓展延伸和實(shí)戰(zhàn)與提升。教學(xué)手段：（1）分析移動(dòng)端店鋪首頁和詳情頁的內(nèi)容與要點(diǎn)；（2）通過實(shí)例的制作，以步驟的形式講解移動(dòng)端店鋪的視覺營銷設(shè)計(jì)的具體方法。教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)院可以結(jié)合淘寶、天貓中真實(shí)的促銷圖和短視頻，參考其設(shè)計(jì)方法。教學(xué)內(nèi)容知識回顧：前面講解了商品的視覺營銷設(shè)計(jì)內(nèi)容，下面對移動(dòng)端店鋪的視覺營銷設(shè)計(jì)進(jìn)行介紹。討論問題：1、如何制作移動(dòng)端店鋪首頁？2、如何制作移動(dòng)端店鋪詳情頁？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。知識目標(biāo)素養(yǎng)目標(biāo)學(xué)習(xí)導(dǎo)圖案例導(dǎo)入任務(wù)一?移動(dòng)端店鋪的視覺設(shè)計(jì)要點(diǎn)一、任務(wù)目標(biāo)二、相關(guān)知識（一）移動(dòng)端店鋪首頁視覺設(shè)計(jì)要點(diǎn)（二）移動(dòng)端商品詳情頁視覺設(shè)計(jì)要點(diǎn)三、任務(wù)實(shí)訓(xùn)——分析沙發(fā)移動(dòng)端商品詳情頁的視覺設(shè)計(jì)要點(diǎn)四、任務(wù)考核任務(wù)二?移動(dòng)端店鋪首頁與商品詳情頁的制作一、任務(wù)目標(biāo)二、相關(guān)知識（一）移動(dòng)端店鋪首頁的制作（二）移動(dòng)端商品詳情頁的制作三、任務(wù)實(shí)訓(xùn)——制作陶瓷茶具移動(dòng)端商品詳情頁四、任務(wù)考核拓展延伸（一）移動(dòng)端和PC端的區(qū)別（二）電子商務(wù)頁面設(shè)計(jì)禁用語實(shí)戰(zhàn)與提升小結(jié)熟悉移動(dòng)端店鋪的視覺設(shè)計(jì)要點(diǎn)。能夠制作移動(dòng)端店鋪首頁與商品詳情頁。實(shí)戰(zhàn)與提升想一想：（1）利用搜集的素材（配套資源:\素材文件\項(xiàng)目六\移動(dòng)端家用電器素材.psd），制作家用電器移動(dòng)端店鋪首頁，在制作時(shí)可按照店招—優(yōu)惠券—海報(bào)—商品列表的步驟依次進(jìn)行店鋪首頁的設(shè)計(jì)（配套資源:\效果文件\項(xiàng)目六\家用電器移動(dòng)端首頁.psd）。（2）利用搜集的素材（配套資源:\素材文件\項(xiàng)目六\蓮子素材.psd）制作蓮子移動(dòng)端詳情頁，在制作時(shí)不但要體現(xiàn)蓮子的品質(zhì)，還需要將蓮子的純天然、營養(yǎng)美味、安全放心等特點(diǎn)體現(xiàn)出來。在設(shè)計(jì)時(shí)，通過圖片與文字的組合讓整個(gè)詳情頁更加美觀（配套資源:\效果文件\項(xiàng)目六\蓮子移動(dòng)端詳情頁.psd）。

課時(shí)內(nèi)容短視頻的視覺營銷設(shè)計(jì)授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo)掌握短視頻的基本術(shù)語和制作流程。能夠制作各類短視頻。教學(xué)重點(diǎn)掌握短視頻的基本術(shù)語和制作流程。能夠制作各類短視頻。教學(xué)難點(diǎn)掌握短視頻的基本術(shù)語和制作流程。能夠制作各類短視頻。教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹認(rèn)識短視頻的相關(guān)知識，讓學(xué)員掌握短視頻基本術(shù)語、拍攝和剪輯短視頻等內(nèi)容；（2）介紹制作各類短視頻的相關(guān)知識，讓學(xué)員掌握商品賣點(diǎn)展示類短視頻、商品測評類短視頻、開箱試用類短視頻、知識文化類短視頻、品牌推廣類短視頻、活動(dòng)宣傳類短視頻、劇情故事類短視頻等內(nèi)容；（3）最后安排拓展延伸和實(shí)戰(zhàn)與提升。教學(xué)手段：觀看其他店鋪的短視頻的詳細(xì)內(nèi)容，對本店鋪進(jìn)行設(shè)計(jì)，制作符合本店鋪的短視頻。教學(xué)資料及要求：除講解教材中的知識外，還可結(jié)合課堂討論，對制作過程中問題進(jìn)行總結(jié)，并不斷積累設(shè)計(jì)思路。教學(xué)內(nèi)容知識回顧：前面講解了移動(dòng)端店鋪的視覺營銷設(shè)計(jì)，下面對短視頻的視覺營銷設(shè)計(jì)進(jìn)行介紹。討論問題：1、為商品拍攝短視頻和拍攝圖片有什么不同？2、短視頻應(yīng)該如何拍攝和編輯？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。知識目標(biāo)素養(yǎng)目標(biāo)學(xué)習(xí)導(dǎo)圖案例導(dǎo)入任務(wù)一?認(rèn)識短視頻一、任務(wù)目標(biāo)二、相關(guān)知識（一）短視頻基本術(shù)語（二）拍攝和剪輯短視頻三、任務(wù)實(shí)訓(xùn)——分析手表短視頻的拍攝和制作思路四、任務(wù)考核任務(wù)二?制作各類短視頻一、任務(wù)目標(biāo)二、相關(guān)知識（一）商品賣點(diǎn)展示類短視頻（二）商品測評類短視頻（三）開箱試用類短視頻（四）知識文化類短視頻（五）品牌推廣類短視頻（六）活動(dòng)宣傳類短視頻（七）劇情故事類短視頻三、任務(wù)實(shí)訓(xùn)實(shí)訓(xùn)一：制作臺燈測評短視頻實(shí)訓(xùn)二：制作“草莓甜樂屋”品牌推廣短視頻四、任務(wù)考核拓展延伸實(shí)戰(zhàn)與提升小結(jié)掌握短視頻的基本術(shù)語和制作流程。能夠制作各類短視頻。實(shí)戰(zhàn)與提升想一想：（1）利用搜集的素材（配套資源:\素材文件\項(xiàng)目七\(yùn)毛巾\），為“簡吉”家紡店鋪的毛巾制作商品賣點(diǎn)展示類短視頻，方便消費(fèi)者查看和了解毛巾信息，如毛巾的材質(zhì)、毛巾的使用場景、毛巾的質(zhì)量等。在制作時(shí)可先分割拍攝的視頻，刪除多余視頻片段，再添加濾鏡和轉(zhuǎn)場，增加美觀度（配套資源:\效果文件\項(xiàng)目七\(yùn)毛巾短視頻.mp4）。（2）某珠寶品牌想借助七夕節(jié)宣傳該品牌的戒指，準(zhǔn)備以婚禮場景為主制作戒指短視頻（配套資源:\素材文件\項(xiàng)目七\(yùn)戒指\），通過真實(shí)場景在情感上打動(dòng)消費(fèi)者，同時(shí)需要展示出戒指的外觀、質(zhì)感和佩戴效果。在制作時(shí)，可通過剪輯素材，調(diào)節(jié)畫面色彩，添加文字、轉(zhuǎn)場和背景音樂等操作來完成（配套資源:\效果文件\項(xiàng)目七\(yùn)戒指短視頻.mp4）。

課時(shí)內(nèi)容綜合案例：家具店鋪視覺營銷設(shè)計(jì)與制作授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo)掌握家具店鋪視覺營銷設(shè)計(jì)的思路和方法。能夠完成“藝品家”家具店鋪的視覺營銷設(shè)計(jì)與制作。教學(xué)重點(diǎn)掌握家具店鋪視覺營銷設(shè)計(jì)的思路和方法。能夠完成“藝品家”家具店鋪的視覺營銷設(shè)計(jì)與制作。教學(xué)難點(diǎn)掌握家具店鋪視覺營銷設(shè)計(jì)的思路和方法。教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹制作店鋪首頁的相關(guān)知識，讓學(xué)員掌握制作店招與導(dǎo)航、制作全屏海報(bào)、制作優(yōu)惠活動(dòng)區(qū)、制作移動(dòng)端店鋪首頁等內(nèi)容；（2）講解制作商品主圖與推廣圖的相關(guān)知識，讓學(xué)員掌握制作商品主圖、制作直通車圖、制作引力魔方圖等內(nèi)容；（3）介紹了制作商品詳情頁的相關(guān)知識，讓學(xué)員掌握制作焦點(diǎn)圖、制作商品賣點(diǎn)圖、制作商品場景圖、制作商品細(xì)節(jié)圖、制作商品信息展示圖等內(nèi)容；（4）介紹了制作商品短視頻的相關(guān)知識，讓學(xué)員掌握拍攝商品短視頻、剪輯商品短視頻等內(nèi)容。教學(xué)手段：（1）通過設(shè)計(jì)思路和知識要點(diǎn)的分析，再結(jié)合步驟的方式講解實(shí)例；（2）采用小標(biāo)題或項(xiàng)目符號對涉及的數(shù)據(jù)進(jìn)行詳細(xì)講解。教學(xué)資料及要求：除講解教材中的知識外，學(xué)員可多積累和參考網(wǎng)店中的首頁和詳情頁設(shè)計(jì)。教學(xué)內(nèi)容知識回顧：前面講解了短視頻的視覺營銷設(shè)計(jì)，下面對綜合案例：家具店鋪視覺營銷設(shè)計(jì)與制作。討論問題：1、怎么制作家具店鋪首頁和詳情頁？2、怎么制作商品短視頻？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。知識目標(biāo)素養(yǎng)目標(biāo)學(xué)習(xí)導(dǎo)圖任務(wù)一?制作店鋪首頁一、任務(wù)目標(biāo)二、任務(wù)分析三、操作步驟（一）制作店招與導(dǎo)航（二）制作全屏海報(bào)（三）制作優(yōu)惠活動(dòng)區(qū)（四）制作移動(dòng)端店鋪首頁任務(wù)二?制作商品主圖與推廣圖一、任務(wù)目標(biāo)二、任