網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題認(rèn)識(shí)網(wǎng)店視覺(jué)設(shè)計(jì)與制作課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作《全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解網(wǎng)店視覺(jué)設(shè)計(jì)與制作；

（2）熟悉網(wǎng)店視覺(jué)設(shè)計(jì)與制作的相關(guān)崗位職責(zé)與能力。

2.技能目標(biāo)

（1）能夠通過(guò)各種途徑了解網(wǎng)店視覺(jué)設(shè)計(jì)知識(shí)；

（2）能夠鑒賞各種風(fēng)格的網(wǎng)點(diǎn)視覺(jué)設(shè)計(jì)；

（3）能夠登錄并瀏覽各個(gè)網(wǎng)店平臺(tái)”

3.職業(yè)素養(yǎng)

（1）引導(dǎo)學(xué)生對(duì)本課程的學(xué)習(xí)興趣和職業(yè)興趣；

（2）培養(yǎng)動(dòng)手能力、鑒賞能力、自學(xué)意識(shí)。

二、教學(xué)方法與資源

教學(xué)方法：講授法、案例分析法、分組學(xué)習(xí)法

教學(xué)資源（媒體和平臺(tái)）：一體化教室、PPT、淘寶、京東、拼多多、速賣(mài)通

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：網(wǎng)店設(shè)計(jì)的相關(guān)理論知識(shí)；

教學(xué)難點(diǎn)：網(wǎng)店設(shè)計(jì)與制作包含的各人部分。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：內(nèi)容比較理論，介紹比較廣泛，學(xué)生不易理解；

解決方案：準(zhǔn)備網(wǎng)店視覺(jué)設(shè)計(jì)案例，通過(guò)圖片展示吸引學(xué)生興趣，同時(shí)介紹工作崗位中比較有意

思的部分，加強(qiáng)學(xué)生對(duì)崗位的興趣。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】老師介紹本節(jié)學(xué)生接收

1.教學(xué)導(dǎo)入（5分鐘）學(xué)習(xí)的知識(shí)

介紹本節(jié)將要學(xué)習(xí)的內(nèi)容點(diǎn)，并板書(shū)老

2.提問(wèn)引入（15分鐘）

是否聽(tīng)說(shuō)過(guò)網(wǎng)店視覺(jué)設(shè)計(jì)？師提問(wèn)學(xué)生回答

是否了解過(guò)運(yùn)營(yíng)崗位和設(shè)計(jì)崗位？老師發(fā)布任務(wù)

3.本節(jié)內(nèi)容介紹（60分鐘）

（1）:解網(wǎng)店視覺(jué)設(shè)計(jì)與制作

網(wǎng)店視覺(jué)設(shè)計(jì)融了合平面設(shè)計(jì)行業(yè)和電商行業(yè)，主要為線老師講解知識(shí)學(xué)生認(rèn)真聽(tīng)講

上店鋪（網(wǎng)店）進(jìn)行視覺(jué)設(shè)計(jì)，是連接網(wǎng)店與消費(fèi)者的橋梁能夠點(diǎn)

達(dá)到促銷(xiāo)與推廣的目的。網(wǎng)店視覺(jué)設(shè)計(jì)與制作的內(nèi)容主要如下。

①設(shè)計(jì)人員需要選擇合適的圖像處理軟件，通過(guò)調(diào)整商品

圖片，提升商品的吸引力。

②商品主圖和主圖視頻是消費(fèi)者首先看到的部分，視覺(jué)效

果優(yōu)秀的商品主圖和主圖視頻吸引消費(fèi)者，從而為商品帶來(lái)更多

的流量，提高商品的成交量和競(jìng)爭(zhēng)力。

③制作商品詳情頁(yè)要懂得挖掘消費(fèi)者對(duì)商品的真實(shí)需求，

給消費(fèi)者構(gòu)建一個(gè)清晰的商品印象。

④網(wǎng)店首頁(yè)是網(wǎng)店的“門(mén)面”，會(huì)直接影響網(wǎng)店的流量。

用心策劃和設(shè)計(jì)的網(wǎng)店首頁(yè)能夠使消費(fèi)者產(chǎn)生點(diǎn)擊的欲望。老師講解知識(shí)學(xué)生認(rèn)真聽(tīng)講

⑤商品短視頻是目前較熱門(mén)且能有效提高商品轉(zhuǎn)化率的點(diǎn)

方式。常見(jiàn)的商品短視頻有商品詳情頁(yè)短視頻、網(wǎng)店首頁(yè)短視頻，

以及在自媒體平臺(tái)上傳播的商品或品牌宣傳短視頻等。

（2）網(wǎng)店視覺(jué)設(shè)計(jì)與制作的相關(guān)崗位

分別介紹運(yùn)營(yíng)崗位和設(shè)計(jì)崗位的相關(guān)知識(shí)。

①運(yùn)營(yíng)人員負(fù)責(zé)是為網(wǎng)店視覺(jué)設(shè)計(jì)與制作做前期準(zhǔn)備，為

網(wǎng)店美工進(jìn)行網(wǎng)店視覺(jué)設(shè)計(jì)與制作提供基礎(chǔ)支持。老師講解知識(shí)學(xué)生認(rèn)真做筆

②網(wǎng)店視覺(jué)設(shè)計(jì)就是網(wǎng)店運(yùn)營(yíng)的視覺(jué)呈現(xiàn)，網(wǎng)店美工需根點(diǎn)記

據(jù)運(yùn)營(yíng)要求，結(jié)合自身的設(shè)計(jì)品位，設(shè)計(jì)出既符合運(yùn)營(yíng)要求又具

有良好視覺(jué)效果的作品。要成為一名合格的網(wǎng)店美工，至少要具

有藝術(shù)表現(xiàn)的能力和適應(yīng)消費(fèi)者的能刀。老師講解知識(shí)

點(diǎn)學(xué)生聽(tīng)講

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題了解網(wǎng)店視覺(jué)設(shè)計(jì)與制作的要素課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作《全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）〕解網(wǎng)店視覺(jué)設(shè)計(jì)風(fēng)格；

（2）熟悉網(wǎng)店視覺(jué)設(shè)計(jì)中的構(gòu)圖與布局原則；

（3）熟悉色彩搭配相關(guān)知識(shí)；

（4）掌握合理的文字搭配。

2.技能目標(biāo)

（1）能夠按照構(gòu)圖與布局原則進(jìn)行網(wǎng)店視覺(jué)設(shè)計(jì)；

（2）能夠在網(wǎng)店視覺(jué)設(shè)計(jì)中合理運(yùn)用色彩；

（3）能夠應(yīng)用適合網(wǎng)店風(fēng)格的字體。

3.職業(yè)素養(yǎng)

（1）提升個(gè)人網(wǎng)店視覺(jué)設(shè)計(jì)審美能力；

（2）培養(yǎng)不同色彩搭配方案的應(yīng)用能力。

二、教學(xué)方法與資源

教學(xué)方法：講授法、案例分析法、分組學(xué)習(xí)法；

教學(xué)資源（媒體和平臺(tái)）：一體化教室、PPT、淘寶、京東、拼多多、速賣(mài)通。

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：中國(guó)風(fēng)、構(gòu)圖方式、頁(yè)面布局方式；

教學(xué)難點(diǎn)：頁(yè)面布局原則、色彩搭配、文字的布局技巧。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：學(xué)生對(duì)網(wǎng)店視覺(jué)設(shè)計(jì)沒(méi)有深入的了解，無(wú)法應(yīng)用好網(wǎng)店視覺(jué)設(shè)計(jì)與制作的各要素；

解決方案：準(zhǔn)備大量案例讓學(xué)生觀看并學(xué)習(xí)，讓學(xué)生自行搜索收集課程內(nèi)容相關(guān)的優(yōu)秀案例。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】老師介紹本節(jié)學(xué)生接收

1.教學(xué)導(dǎo)入（5分鐘）學(xué)習(xí)的知識(shí)

介紹本節(jié)將要學(xué)習(xí)的內(nèi)容點(diǎn)，并板書(shū)老

2.提問(wèn)引入（15分鐘）

當(dāng)前有哪些流行的視覺(jué)設(shè)計(jì)風(fēng)格？各有什么特點(diǎn)？師提問(wèn)學(xué)生回答

常用的構(gòu)圖方式有哪些？老師發(fā)布任務(wù)

3.本節(jié)內(nèi)容介紹（60分鐘）

（1）視覺(jué)設(shè)計(jì)風(fēng)格

準(zhǔn)確定位網(wǎng)店視覺(jué)設(shè)計(jì)風(fēng)格有助于提高網(wǎng)店銷(xiāo)售額。定位

時(shí)需要綜合參考網(wǎng)店的各項(xiàng)因素。老師講解知識(shí)學(xué)生認(rèn)真聽(tīng)講

⑥極簡(jiǎn)風(fēng)近幾年較為流行，能夠凸顯出品牌對(duì)于質(zhì)感的追點(diǎn)、

求，常用于調(diào)性較高的網(wǎng)店。

⑦中國(guó)風(fēng)源于我國(guó)傳統(tǒng)文化，結(jié)合現(xiàn)代設(shè)計(jì)更具有全新的

現(xiàn)代美感。

⑧賽博朋克風(fēng)具有強(qiáng)烈的科技感和未來(lái)感，具有較強(qiáng)的視

覺(jué)沖擊力與感染力，常用于新興領(lǐng)域。

⑨插畫(huà)風(fēng)豐富多彩、充滿趣味，應(yīng)用領(lǐng)域和受眾非常廣泛。

⑩C4D具有獨(dú)特的立體渲染效果，能夠增加趣味性。

（2）構(gòu)圖與布局

合理的構(gòu)圖與布局能讓消費(fèi)者賞心悅目，凸顯網(wǎng)店商品。

①構(gòu)圖方式包括橫向構(gòu)圖、豎向構(gòu)圖、三角形構(gòu)圖、疏密老師講解知識(shí)學(xué)生認(rèn)真聽(tīng)講

相間構(gòu)圖等。點(diǎn)

②頁(yè)面布局規(guī)則包括主次分明、中心突出；大小搭配、相

互呼應(yīng)；區(qū)域劃分明確；保持一致性；合理使用頁(yè)面元素。

③設(shè)計(jì)時(shí)需要根據(jù)網(wǎng)店整體氛圍排列布局圖像和文本。

（3）色彩

色彩在網(wǎng)店視覺(jué)設(shè)計(jì)中尤為重要，網(wǎng)點(diǎn)視覺(jué)設(shè)計(jì)與制作時(shí)

不能忽略色彩搭配問(wèn)題。老師講解知識(shí)學(xué)生認(rèn)真做筆

①需要理解色彩屬性與色彩對(duì)比。點(diǎn)記

②理解主色、輔助色與點(diǎn)綴色的應(yīng)用。遵循一定的比例與

步驟使用色彩。

（4）文字

選擇合適的文字搭配能夠增強(qiáng)網(wǎng)店的視覺(jué)效果，直觀傳遞

商品信息，引導(dǎo)消費(fèi)者完成商品的瀏覽與購(gòu)買(mǎi)。

①根據(jù)頁(yè)面特征可以選擇書(shū)法體、宋體、黑體、藝術(shù)體等

字體。

②文字布局時(shí)需要注意文字統(tǒng)一、字體的搭配與變化、文老師講解知識(shí)

字的層次布局，使畫(huà)面更加美觀。點(diǎn)學(xué)生聽(tīng)講

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題同步實(shí)訓(xùn)一一鑒賞網(wǎng)店首頁(yè)的視覺(jué)設(shè)計(jì)課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解并分析網(wǎng)店首頁(yè)；

（2）熟悉網(wǎng)店首頁(yè)的配色、內(nèi)容、布局等。

2.技能目標(biāo)

（1）能夠分析網(wǎng)店的配色特點(diǎn)和作用；

（2）能夠分析板塊的布局及其作用；

（3）能夠分析圖片的構(gòu)圖方式。

3.職業(yè)素養(yǎng)

（1）提升網(wǎng)店首頁(yè)視覺(jué)設(shè)計(jì)的審美意識(shí)；

（2）培養(yǎng)學(xué)習(xí)并分析案例的能力。

二、教學(xué)方法和資源

教學(xué)方法：實(shí)例分析、操作和演示；

教學(xué)資源（媒體和平臺(tái)）：一體化教空、淘寶網(wǎng)、筆記本、筆。

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：打開(kāi)網(wǎng)店首頁(yè)查看視覺(jué)設(shè)計(jì)、鑒賞網(wǎng)店的首頁(yè)；

教學(xué)難點(diǎn)：鑒賞網(wǎng)店的首頁(yè)。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：學(xué)生對(duì)網(wǎng)店首頁(yè)視覺(jué)設(shè)計(jì)入熟悉，不知道以什么方式去鑒賞，難以掌握分析方法；

解決方案：教師首先講解鑒賞方法，然后安排學(xué)生自己鑒賞，并在教室巡視指導(dǎo)。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】

1.教學(xué)導(dǎo)入（5分鐘）老師講解學(xué)生聽(tīng)講

介紹本次實(shí)訓(xùn)的目的和重要性。

2.開(kāi)展實(shí)訓(xùn)（60分鐘）

（1）分析網(wǎng)站整體配色老師提醒，展學(xué)生接收并學(xué)

通過(guò)瀏覽器訪問(wèn)淘寶網(wǎng)，打開(kāi)“美的空調(diào)旗艦店”首頁(yè)。觀示案例習(xí)分析方法

察整體配色并分析所使用顏色的用途。

（2）分析分類(lèi)導(dǎo)航

通過(guò)位置與顏色分析分類(lèi)導(dǎo)航。

（3）分析網(wǎng)店促銷(xiāo)海報(bào)

通過(guò)構(gòu)圖、顏色、字體分析網(wǎng)店促銷(xiāo)海報(bào)的視覺(jué)設(shè)計(jì)。

（4）分析其余8個(gè)板塊

通過(guò)布局分析其余板塊的視覺(jué)效昊。老師講解學(xué)生聽(tīng)講

（5）分析商品圖片

通過(guò)圖片構(gòu)圖方式、色彩分析商品圖片的效果和作用。

（6）分析頁(yè)尾

通過(guò)顏色、展示內(nèi)容分析頁(yè)尾的作用。

3.實(shí)訓(xùn)評(píng)價(jià)（15分鐘）老師收取實(shí)訓(xùn)學(xué)生上交實(shí)訓(xùn)

老師根據(jù)學(xué)生上交的作業(yè)，對(duì)學(xué)生的實(shí)訓(xùn)結(jié)果進(jìn)行打分。成果并進(jìn)行評(píng)作業(yè)并進(jìn)行總

價(jià)結(jié)

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題掌握基礎(chǔ)技法課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解圖片類(lèi)型以及尺寸和格式要求；

（2）熟悉調(diào)整圖片色彩的方式；

（3）掌握存儲(chǔ)圖片的方法。

2.技能目標(biāo)

（1）能夠按要求裁剪圖片大小；

（2）能夠根據(jù)網(wǎng)店視覺(jué)設(shè)計(jì)與制作需要按照調(diào)色原則調(diào)色；

（3）能夠按照格式要求存儲(chǔ)圖片。

3.職業(yè)素養(yǎng)

（1）挎掘?qū)W生對(duì)圖片制作與調(diào)色的興趣與潛力；

（2）鞏固學(xué)生的基礎(chǔ)能力。

二、教學(xué)方法與資源

教學(xué)方法：講授法、案例分析法、分組學(xué)習(xí)法、同步演練；

教學(xué)資源（媒體和平臺(tái)）：一體化教室、外網(wǎng)、PPT、photoshopo

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：常見(jiàn)的圖片類(lèi)型及其尺寸、按照規(guī)定比例裁剪圖片、圖片調(diào)色原則、調(diào)整偏色圖片、

調(diào)整曝光不足的商品圖片、替換商品圖片顏色、切片優(yōu)化儲(chǔ)存；

教學(xué)難點(diǎn)：常見(jiàn)的圖片類(lèi)型及其尺寸、圖片調(diào)色原則、調(diào)整偏色圖片、替換商品圖片顏色。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：學(xué)生缺少實(shí)際圖片處理經(jīng)驗(yàn)，無(wú)法上手操作；

解決方案：安排上手實(shí)操，讓學(xué)生實(shí)際進(jìn)行圖片基礎(chǔ)操作，加深知識(shí)理解。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】老師介紹本節(jié)學(xué)生接收

1.教學(xué)導(dǎo)入（5分鐘）學(xué)習(xí)的知識(shí)

介紹本節(jié)將要學(xué)習(xí)的內(nèi)容點(diǎn)，并板書(shū)老

2.提問(wèn)引入（15分鐘）

是否了解過(guò)圖片大小和格式？師提問(wèn)學(xué)生回答

是否動(dòng)手調(diào)整過(guò)圖片色調(diào)？老師發(fā)布任務(wù)

3.本節(jié)內(nèi)容介紹（60分鐘）

（1）調(diào)整圖片大小

網(wǎng)店視覺(jué)設(shè)計(jì)與制作相關(guān)的圖片對(duì)尺寸有固定的要求，需

要按照尺寸要求來(lái)調(diào)整圖片大小。

①不同的平臺(tái)以及網(wǎng)店的不同模塊的圖片格式和尺寸要

求不同，制作前需要提前了解。老師舉例講解學(xué)生認(rèn)真聽(tīng)講

②按照符合主圖要求的長(zhǎng)寬比例裁剪圖片。知識(shí)點(diǎn)

③應(yīng)用“圖像大小”命令調(diào)整圖片至合適大小。

（2）調(diào)整圖片色彩

拍攝時(shí)容易因?yàn)楦鞣N客觀原因無(wú)法展現(xiàn)商品真實(shí)顏色，就

需要后期調(diào)整商品色彩。

①為圖片調(diào)色時(shí)需遵循感情色彩調(diào)色、整體色調(diào)自然、色

彩不失真調(diào)色原則，使圖片滿足網(wǎng)店視覺(jué)設(shè)計(jì)與制作需要。

②使用“色彩平衡”“色相/飽和度”“可選顏色”等命

令調(diào)整偏色商品，使商品恢復(fù)本身顏色。

③使用“亮度/對(duì)比度”“曲線”“色階”等命令來(lái)調(diào)整老師展示案例學(xué)生認(rèn)真做筆

圖片亮度與曝光。記

④備使用“替換顏色”命令替換不滿意的顏色。

（3）存儲(chǔ)圖片

根據(jù)不同電商平臺(tái)的要求，使用Photoshop存儲(chǔ)圖片。

①常見(jiàn)的圖片存儲(chǔ)格式有RAW格式、JPEG格式、PNG格

式等。

②選擇“文件”/“存儲(chǔ)”命令或按【Ctrl+S】組合鍵，可

以直接存儲(chǔ)文件。老師展示案例學(xué)生認(rèn)真聽(tīng)講

③直接制作的圖片尺寸過(guò)大，無(wú)法直接上傳并應(yīng)用于電商做筆記

平臺(tái)，需要根據(jù)具體情況進(jìn)行切片處理再使用。

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題掌握基礎(chǔ)技法課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解圖片類(lèi)型以及尺寸和格式要求；

（2）熟悉調(diào)整圖片色彩的方式；

（3）掌握存儲(chǔ)圖片的方法。

2.技能目標(biāo)

（1）能夠按要求裁剪圖片大小；

（2）能夠根據(jù)網(wǎng)店視覺(jué)設(shè)計(jì)與制作需要按照調(diào)色原則調(diào)色；

（3）能夠按照格式要求存儲(chǔ)圖片。

3.職業(yè)素養(yǎng)

（1）挎掘?qū)W生對(duì)圖片制作與調(diào)色的興趣與潛力；

（2）鞏固學(xué)生的基礎(chǔ)能力。

二、教學(xué)方法與資源

教學(xué)方法：講授法、案例分析法、分組學(xué)習(xí)法、同步演練；

教學(xué)資源（媒體和平臺(tái)）：一體化教室、外網(wǎng)、PPT、photoshopo

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：常見(jiàn)的圖片類(lèi)型及其尺寸、按照規(guī)定比例裁剪圖片、圖片調(diào)色原則、調(diào)整偏色圖片、

調(diào)整曝光不足的商品圖片、替換商品圖片顏色、切片優(yōu)化儲(chǔ)存；

教學(xué)難點(diǎn)：常見(jiàn)的圖片類(lèi)型及其尺寸、圖片調(diào)色原則、調(diào)整偏色圖片、替換商品圖片顏色。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：學(xué)生缺少實(shí)際圖片處理經(jīng)驗(yàn)，無(wú)法上手操作；

解決方案：安排上手實(shí)操，讓學(xué)生實(shí)際進(jìn)行圖片基礎(chǔ)操作，加深知識(shí)理解。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】老師介紹本節(jié)學(xué)生接收

1.教學(xué)導(dǎo)入（5分鐘）學(xué)習(xí)的知識(shí)

介紹本節(jié)將要學(xué)習(xí)的內(nèi)容點(diǎn)，并板書(shū)老

2.提問(wèn)引入（15分鐘）

是否了解過(guò)圖片大小和格式？師提問(wèn)學(xué)生回答

是否動(dòng)手調(diào)整過(guò)圖片色調(diào)？老師發(fā)布任務(wù)

3.本節(jié)內(nèi)容介紹（60分鐘）

（1）調(diào)整圖片大小

網(wǎng)店視覺(jué)設(shè)計(jì)與制作相關(guān)的圖片對(duì)尺寸有固定的要求，需

要按照尺寸要求來(lái)調(diào)整圖片大小。

④不同的平臺(tái)以及網(wǎng)店的不同模塊的圖片格式和尺寸要

求不同，制作前需要提前了解。老師舉例講解學(xué)生認(rèn)真聽(tīng)講

⑤按照符合主圖要求的長(zhǎng)寬比例裁剪圖片。知識(shí)點(diǎn)

⑥應(yīng)用“圖像大小”命令調(diào)整圖片至合適大小。

（2）調(diào)整圖片色彩

拍攝時(shí)容易因?yàn)楦鞣N客觀原因無(wú)法展現(xiàn)商品真實(shí)顏色，就

需要后期調(diào)整商品色彩。

⑤為圖片調(diào)色時(shí)需遵循感情色彩調(diào)色、整體色調(diào)自然、色

彩不失真調(diào)色原則，使圖片滿足網(wǎng)店視覺(jué)設(shè)計(jì)與制作需要。

（§）使用“色彩平衡”“色相/飽和度”“可選顏色”等命

令調(diào)整偏色商品，使商品恢復(fù)本身顏色。

⑦使用“亮度/對(duì)比度”“曲線”“色階”等命令來(lái)調(diào)整老師展示案例學(xué)生認(rèn)真做筆

圖片亮度與曝光。記

⑧備使用“替換顏色”命令替換不滿意的顏色。

（3）存儲(chǔ)圖片

根據(jù)不同電商平臺(tái)的要求，使用Photoshop存儲(chǔ)圖片。

④常見(jiàn)的圖片存儲(chǔ)格式有RAW格式、JPEG格式、PNG格

式等。

⑤選擇“文件”/“存儲(chǔ)”命令或按【Ctrl+S】組合鍵，可

以直接存儲(chǔ)文件。老師展示案例學(xué)生認(rèn)真聽(tīng)講

⑥直接制作的圖片尺寸過(guò)大，無(wú)法直接上傳并應(yīng)用于電商做筆記

平臺(tái)，需要根據(jù)具體情況進(jìn)行切片處理再使用。

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題同步實(shí)訓(xùn)---創(chuàng)作新品宣傳Banner課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）掌握Banner的使用場(chǎng)景；

（2）掌握Baaner的制作流程。

2.技能目標(biāo)

（1）能夠使用“魔棒工具”完成摳圖；

（2）能夠使用“污點(diǎn)修復(fù)畫(huà)筆工具”修復(fù)污漬；

（3）能夠按照需求的格式保存制作好的Banner圖片。

3.職業(yè)素養(yǎng)

（1）深入探索Banner制作的相關(guān)技法；

（2）提高對(duì)Banner的審美素養(yǎng)與鑒賞能力。

二、教學(xué)方法和資源

教學(xué)方法：實(shí)例分析、操作和演示；

教學(xué)資源（媒體和平臺(tái)）：一體化教空、PPT、Photoshopx筆記本、筆。

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：扣取耳機(jī)素材、修復(fù)污漬、調(diào)整圖片大小、按要求格式存儲(chǔ)圖片；

教學(xué)難點(diǎn)：扣取耳機(jī)素材、修復(fù)污漬。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：學(xué)生動(dòng)手能力較弱，無(wú)法掌握具體操作方法；

解決方案：教師首先講解制作方法，然后安排學(xué)生實(shí)操，并在教室巡視指導(dǎo)。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】

1.教學(xué)導(dǎo)入（5分鐘）老師講解學(xué)生聽(tīng)講

介紹本次實(shí)訓(xùn)的目的和重要性。

2.開(kāi)展實(shí)訓(xùn)（60分鐘）

（1）扣取耳機(jī)素材老師提醒，展學(xué)生接收并學(xué)

打開(kāi)耳機(jī)素材后，發(fā)現(xiàn)有純白背景，無(wú)法直接使用，進(jìn)行摳示制作案例習(xí)制作方法

圖處理。

（2）修復(fù)污漬

使用“污點(diǎn)修復(fù)畫(huà)筆工具”修復(fù)耳機(jī)圖像上的瑕疵。

（3）調(diào)整圖片大小

按照網(wǎng)站要求的Banner圖片大小調(diào)整圖片大小。

（4）輸入文字

使用“橫排文字工具”輸入宣傳文字。老師講解學(xué)生聽(tīng)講

（5）按要求格式存儲(chǔ)圖片

按【CtH+S】組合鍵存儲(chǔ)圖片為要求的格式。

3.實(shí)訓(xùn)評(píng)價(jià)（15分鐘）老師收取實(shí)訓(xùn)學(xué)生上交實(shí)訓(xùn)

老師根據(jù)學(xué)生上交的作業(yè)，對(duì)學(xué)上的實(shí)訓(xùn)結(jié)果進(jìn)行打分。成果并進(jìn)行評(píng)作業(yè)并進(jìn)行總

價(jià)結(jié)

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題認(rèn)識(shí)主圖與主圖視頻課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解主圖和主圖視頻的規(guī)范；

（2）熟悉設(shè)計(jì)主圖背景的方式；

（3）掌握主圖背景的設(shè)計(jì)要點(diǎn)。

2.技能目標(biāo)

（1）能夠設(shè)置主圖和主圖視頻的從尺寸和格式等；

（2）能夠把握主圖設(shè)計(jì)的創(chuàng)意賣(mài)點(diǎn)；

（3）能夠掌握主圖的使用場(chǎng)景。

3.職業(yè)素養(yǎng)

（1）激發(fā)學(xué)生對(duì)設(shè)計(jì)主圖的興趣與創(chuàng)新精神；

（2）培養(yǎng)對(duì)主圖設(shè)計(jì)的洞察力。

二、教學(xué)方法與資源

教學(xué)方法：講授法、案例分析法、分組學(xué)習(xí)法、同步演練；

教學(xué)資源（媒體和平臺(tái)）：一體化教室、PPT、淘寶網(wǎng)、京東、拼多多、速賣(mài)通。

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：主圖的規(guī)范、主圖視頻的規(guī)范、主圖的設(shè)計(jì)要點(diǎn)、主圖視頻的設(shè)計(jì)要點(diǎn)；

教學(xué)難點(diǎn)：主圖的設(shè)計(jì)要點(diǎn)、主圖視頻的設(shè)計(jì)要點(diǎn)。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：比較理論，學(xué)生不易了解；

解決方案：準(zhǔn)備主圖和主圖視頻案例，啟發(fā)學(xué)生理解，同時(shí)詳細(xì)介紹優(yōu)秀的設(shè)計(jì)案例，提升學(xué)習(xí)

興趣。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】老師介紹本節(jié)學(xué)生接收

1.教學(xué)導(dǎo)入（5分鐘）學(xué)習(xí)的知識(shí)

介紹本節(jié)將要學(xué)習(xí)的內(nèi)容。點(diǎn)，并板書(shū)老

2.提問(wèn)引入（15分鐘）

是否了解過(guò)主圖的設(shè)計(jì)規(guī)范？師提問(wèn)學(xué)生回答

是否了解過(guò)主圖視頻的設(shè)計(jì)要點(diǎn)？老師發(fā)布任務(wù)

3.本節(jié)內(nèi)容介紹（60分鐘）

（1）:解主圖和主圖視頻的規(guī)范

主圖和主圖視頻通常是商品詳情頁(yè)的第一屏，是消費(fèi)者第

一時(shí)間看到的商品圖像。

①主圖一般有5張，搜索結(jié)果頁(yè)面默認(rèn)展示第一張主圖圖

片，第五張主圖必須為商品白底圖，有大小、尺寸、格式、內(nèi)容老師舉例講解學(xué)生認(rèn)真聽(tīng)講

等要求；知識(shí)點(diǎn)

②主圖視頻主要以視頻的形式補(bǔ)充展示商品，通常顯示在

商品頁(yè)面的第一張主圖之前，有大小、尺寸、時(shí)長(zhǎng)、格式、內(nèi)容

等要求。

（2）掌握主圖和主圖視頻的設(shè)計(jì)要點(diǎn)老師展示案例學(xué)生認(rèn)真做筆

主圖和主圖視頻是展示商品的第一扇窗，需要在短時(shí)間內(nèi)記

迅速吸引消費(fèi)者的注意力。

①主圖圖片場(chǎng)景、商品清晰度、主圖顏色、創(chuàng)意賣(mài)點(diǎn)、輔助

展示等因素都是設(shè)計(jì)主圖時(shí)需要注意的要點(diǎn)。老師展示案例學(xué)生認(rèn)真聽(tīng)講

②主圖視頻主要為了使消費(fèi)者快速了解商品。應(yīng)該結(jié)合消做筆記

費(fèi)者對(duì)商品的實(shí)際需求，以展示商品或商品的設(shè)計(jì)理念為主。

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題設(shè)計(jì)與制作主圖課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解設(shè)計(jì)主圖背景的步驟；

（2）熟悉摳取商品圖片的方式；

（3）掌握為主圖添加文字的方法。

2.技能目標(biāo)

（1）能夠按要求設(shè)計(jì)主圖圖片；

（2）能夠使用“魔棒工具”摳取圖片；

（3）能夠繪制圓角矩形并設(shè)置顏色、漸變樣式等屬性。

3.職業(yè)素養(yǎng)

（1）物掘?qū)W生使用多種設(shè)計(jì)表現(xiàn)方式的能力；

（2）提升學(xué)生動(dòng)手操作的興趣。

二、教學(xué)方法與資源

教學(xué)方法：講授法、案例分析法、分組學(xué)習(xí)法、同步演練；

教學(xué)資源（媒體和平臺(tái)）：一體化教室、外網(wǎng)、PPT、photoshopo

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：設(shè)計(jì)主圖背景、摳取商品圖像、繪制標(biāo)簽并添加文字；

教學(xué)難點(diǎn)：設(shè)計(jì)主圖背景、摳取商品圖像。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：學(xué)生缺少實(shí)際圖片制作經(jīng)驗(yàn)，無(wú)法上手操作；

解決方案：安排上手實(shí)操，讓學(xué)生實(shí)際進(jìn)行圖片基礎(chǔ)操作，加深知識(shí)理解。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】老師介紹本節(jié)學(xué)生接收

1.教學(xué)導(dǎo)入（5分鐘）學(xué)習(xí)的知識(shí)

介紹本節(jié)將要學(xué)習(xí)的內(nèi)容點(diǎn)，并板書(shū)老

2.提問(wèn)引入（15分鐘）

是否設(shè)計(jì)過(guò)主圖背景？師提問(wèn)學(xué)生回答

是否動(dòng)手摳取過(guò)商品圖像？老師發(fā)布任務(wù)

3.本節(jié)內(nèi)容介紹（60分鐘）

（1）設(shè)計(jì)主圖背景

玉米主圖需要展現(xiàn)玉米的特點(diǎn)、價(jià)格和優(yōu)惠活動(dòng)。主圖背景老師講解知識(shí)學(xué)生認(rèn)真聽(tīng)講

需要突顯玉米并使得配色和諧，可選擇玉米綠葉顏色相近的綠點(diǎn)并操作

色設(shè)計(jì)主圖背景中的漸變色塊，再添加黃色點(diǎn)綴。

（2）摳取商品圖像

玉米圖片帶有原始背景，需要先取摳玉米圖像。

（3）繪制標(biāo)簽并添加文字

玉米主圖中的文字主要有標(biāo)題、宣傳語(yǔ)、價(jià)格、促銷(xiāo)信息等。老師展示案例學(xué)生認(rèn)真聽(tīng)講

為區(qū)分信息可先繪制裝飾標(biāo)簽再添加文字。做筆記

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題設(shè)計(jì)與制作主圖視頻課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解設(shè)計(jì)主圖視頻的步驟；

（2）熟悉剪映專(zhuān)業(yè)版的操作界面；

（3）掌握使用剪映專(zhuān)業(yè)版基本功能的方法。

2.技能目標(biāo)

（1）能夠按設(shè)計(jì)要求設(shè)計(jì)主圖視頻；

（2）能夠?qū)⒅鲌D視頻素材導(dǎo)入剪映專(zhuān)業(yè)版；

（3）能夠使用剪映專(zhuān)業(yè)版分割視頻素材。

3.職業(yè)素養(yǎng)

（1）提升動(dòng)手操作能力；

（2）積極了解新興的設(shè)計(jì)工具，開(kāi)闊眼界。

二、教學(xué)方法與資源

教學(xué)方法：講授法、案例分析法、分組學(xué)習(xí)法、同步演練；

教學(xué)資源（媒體和平臺(tái)）：一體化教室、PPT、剪映專(zhuān)業(yè)版。

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：了解剪映專(zhuān)業(yè)版、導(dǎo)入主圖視頻素材、剪輯主圖視頻素材、添加視頻轉(zhuǎn)場(chǎng)和特效、添

加文字和背景音樂(lè)、制作視頻封面并導(dǎo)出視頻；

教學(xué)難點(diǎn)：剪輯主圖視頻素材、添加視頻轉(zhuǎn)場(chǎng)和特效、添加文字和背景音樂(lè)。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：學(xué)生缺少實(shí)際圖片制作經(jīng)驗(yàn)，無(wú)法上手操作；

解決方案：安排上手實(shí)操，讓學(xué)生實(shí)際進(jìn)行圖片基礎(chǔ)操作，加深知識(shí)理解。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】老師介紹本節(jié)學(xué)生接收

1.教學(xué)導(dǎo)入（5分鐘）學(xué)習(xí)的知識(shí)

介紹本節(jié)將要學(xué)習(xí)的內(nèi)容。點(diǎn)，并板書(shū)老

2.提問(wèn)引入（15分鐘）

是否接觸過(guò)剪輯軟件？師提問(wèn)學(xué)生回答

是否了解過(guò)剪映專(zhuān)業(yè)版？老師發(fā)布任務(wù)

3.本節(jié)內(nèi)容介紹（60分鐘）

（1）講解剪映專(zhuān)業(yè)版工作界面

剪映具有全面的剪輯功能，能夠滿足大部分視頻剪輯新手老師講解知識(shí)學(xué)生認(rèn)真聽(tīng)講

的需求，剪映專(zhuān)業(yè)版工作界面包括素材選項(xiàng)卡組、“播放器”面點(diǎn)并操作

板、功能選項(xiàng)卡組、“時(shí)間軸”面板。

（2）導(dǎo)入主圖視頻素材

在剪映專(zhuān)業(yè)版中新建草稿，確定玉米主圖視頻的尺寸規(guī)范，老師講解知識(shí)學(xué)生認(rèn)真聽(tīng)講

然后導(dǎo)入需要的主圖視頻素材。點(diǎn)并操作

（3）剪輯主圖視頻素材

在“時(shí)間軸”面板中按照時(shí)間順序剪輯主圖視頻素材，并按

照需要調(diào)整素材。老師講解知識(shí)學(xué)生認(rèn)真聽(tīng)講

（4）添加視頻轉(zhuǎn)場(chǎng)和特效點(diǎn)并操作

在不同的視頻場(chǎng)景之間添加轉(zhuǎn)場(chǎng)和特效。

（5）添加文字和背景音樂(lè)

在主圖視頻中添加說(shuō)明文字，添加舒緩、自然的背景音樂(lè)。老師展示案例學(xué)生認(rèn)真聽(tīng)講

（6）制作視頻封面并導(dǎo)出視頻做筆記

以“瑞農(nóng)玉米”為主題制作視頻封面，完成視頻后導(dǎo)出。

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題同步實(shí)訓(xùn)一一制作家電主圖和主圖視頻課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解家電主圖的使用場(chǎng)景；

（2）;解家電主圖視頻的制作流程。

2.技能目標(biāo)

（1）能夠使用Photoshop新建主圖文件；

（2）能夠使用“畫(huà)筆工具”繪制主圖背景；

（3）能夠使用剪映專(zhuān)業(yè)版調(diào)整視頻的播放速度。

3.職業(yè)素養(yǎng)

（1）制作符合商業(yè)要求、平臺(tái)要求、法律規(guī)范的主圖；

（2）提升學(xué)習(xí)制作主圖視頻的學(xué)習(xí)興趣。

二、教學(xué)方法和資源

教學(xué)方法：實(shí)例分析、操作和演示；

教學(xué)資源（媒體和平臺(tái)）：一體化教空、PPT、Photoshop、剪映專(zhuān)業(yè)版。

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：填充背景、繪制圖形、添加圖層樣式、調(diào)整視頻播放速度、為視頻添加貼紙；

教學(xué)難點(diǎn)：添加圖層樣式、調(diào)整視頻播放速度、為視頻添加貼紙。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：學(xué)生動(dòng)手能力較弱，無(wú)法掌握具體操作方法；

解決方案：教師首先講解制作方法，然后安排學(xué)生實(shí)踐操作。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】

1.教學(xué)導(dǎo)入（5分鐘）老師講解學(xué)生聽(tīng)講

介紹本次實(shí)訓(xùn)的目的和重要性。

2.開(kāi)展實(shí)訓(xùn)（60分鐘）

（1）新建圖片文件老師提醒，展學(xué)生接收并學(xué)

啟動(dòng)Photoshop,按照主圖大小、分辨率要求新建“電熱示制作案例習(xí)方法

鍋主圖”文件。

（2）制作背景

填充背景為漸變紫色，使用形狀工具組和“畫(huà)筆工具”繪

制背景所需圖形。

（3）調(diào)整素材

置入“電熱鍋.tif”素材，適當(dāng)增加素材飽和度，并為白

色矩形添加需要的圖層樣式。老師講解學(xué)生聽(tīng)講

（4）輸入文字

使用“橫排文字工具”輸入文字，適當(dāng)調(diào)整文字大小和位置。

（5）為文字添加圖層樣式并保存文件

為文字添加需要的圖層樣式，并按【Ctrl+S】組合鍵存儲(chǔ)圖

片為要求的格式。

（6）創(chuàng)建視頻草稿

啟動(dòng)剪映專(zhuān)業(yè)版，按需求新建草稿。

（7）導(dǎo)入視頻素材

導(dǎo)入電熱鍋視頻素材，適當(dāng)調(diào)整視頻的播放速度。

（8）導(dǎo)出電熱鍋主圖視頻

為視頻添加文字、貼紙和背景音樂(lè)，導(dǎo)出電熱鍋主圖視頻。老師收取實(shí)訓(xùn)學(xué)生上交實(shí)訓(xùn)

3.實(shí)訓(xùn)評(píng)價(jià)（15分鐘）成果并進(jìn)行評(píng)作業(yè)并進(jìn)行總

老師根據(jù)學(xué)生上交的作業(yè)，對(duì)學(xué)生的實(shí)訓(xùn)結(jié)果進(jìn)行打分。價(jià)結(jié)

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題認(rèn)識(shí)商品詳情頁(yè)課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解商品詳情頁(yè)的概念；

（2）熟悉商品詳情頁(yè)包含的內(nèi)容；

（3）掌握焦點(diǎn)圖的作用。

2.技能目標(biāo)

（1）能夠區(qū)分商品詳情頁(yè)的內(nèi)容；

（2）能夠應(yīng)用商品詳情頁(yè)的設(shè)計(jì)思路；

（3）能夠收集并分析優(yōu)秀的商品詳情頁(yè)設(shè)計(jì)。

3.職業(yè)素養(yǎng)

（1）激發(fā)學(xué)生對(duì)商品詳情頁(yè)的設(shè)計(jì)興趣；

（2）培養(yǎng)分析問(wèn)題的能力、鑒賞作品的能力。

二、教學(xué)方法與資源

教學(xué)方法：講授法、案例分析法、分組學(xué)習(xí)法、同步演練；

教學(xué)資源（媒體和平臺(tái)）：一體化教室、PPT、淘寶網(wǎng)、京東、拼多多、速賣(mài)通。

三、教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：商品詳情頁(yè)的內(nèi)容、提煉商品賣(mài)點(diǎn)、確定設(shè)計(jì)風(fēng)格、準(zhǔn)備設(shè)計(jì)素材、確定配色方案、

選擇合適的字體、制作商品詳情頁(yè)；

教學(xué)難點(diǎn)：提煉商品賣(mài)點(diǎn)、確定設(shè)計(jì)風(fēng)格、確定配色方案。

四、教學(xué)問(wèn)題預(yù)測(cè)及方案

問(wèn)題預(yù)測(cè)：比較理論，學(xué)生不易了解，無(wú)法上手操作；

解決方案：準(zhǔn)備商品詳情頁(yè)設(shè)計(jì)案例，啟發(fā)學(xué)生理解，提升學(xué)習(xí)興趣。

五、教學(xué)結(jié)構(gòu)流程設(shè)計(jì)

教學(xué)過(guò)程教師活動(dòng)學(xué)生活動(dòng)

【課前準(zhǔn)備】（5分鐘）考勤問(wèn)好

1.課前三件事：點(diǎn)名；檢查衛(wèi)生和物品擺放；檢查學(xué)生精神狀態(tài)；檢查衛(wèi)生衛(wèi)生整理

2.安全教育清點(diǎn)學(xué)生人數(shù)準(zhǔn)備書(shū)本

上交手機(jī)

【教學(xué)實(shí)施】老師介紹本節(jié)學(xué)生接收

1.教學(xué)導(dǎo)入（5分鐘）學(xué)習(xí)的知識(shí)

介紹本節(jié)將要學(xué)習(xí)的內(nèi)容。點(diǎn)，并板書(shū)老

2.提問(wèn)引入（15分鐘）

是否仔細(xì)閱讀過(guò)商品詳情頁(yè)？師提問(wèn)學(xué)生回答

商品詳情頁(yè)包含哪些內(nèi)容？老師發(fā)布任務(wù)

3.本節(jié)內(nèi)容介紹（60分鐘）

（1）明確商品詳情頁(yè)的內(nèi)容老師講解知識(shí)學(xué)生認(rèn)真聽(tīng)講

商品詳情頁(yè)用于展示商品詳細(xì)信息，主要介紹商品的外形、點(diǎn)

尺寸、材質(zhì)、顏色、功能、使用方法等內(nèi)容。主要包括：焦

點(diǎn)圖、商品賣(mài)點(diǎn)及細(xì)節(jié)圖、商品其他信息圖、商品規(guī)格參數(shù)圖、

商品配送及售后圖等。

（2）梳理商品詳情頁(yè)的設(shè)計(jì)思路

商品詳情頁(yè)的制作是一項(xiàng)系統(tǒng)且完整的工作，根據(jù)需要梳

理出柑橘詳情頁(yè)的整體設(shè)計(jì)思路。

①提煉商品賣(mài)點(diǎn)：新鮮、美味營(yíng)養(yǎng)、爽口多汁等。

②確定設(shè)計(jì)風(fēng)格：與柑橘本身意境匹配的、傳遞清新自然老師展示案例學(xué)生認(rèn)真做筆

之感的風(fēng)格。記

③準(zhǔn)備設(shè)計(jì)素材：商品的實(shí)拍圖、從網(wǎng)絡(luò)上下載的符合設(shè)

計(jì)風(fēng)格的背景素材、裝飾素材和其他素材等。

④確定配色方案：主色可定為橙色，少量綠色點(diǎn)綴，白色

作為部分文字的顏色來(lái)突顯

⑤選擇合適的字體：“思源黑體CN”“思源宋體CN”

⑥制作商品詳情頁(yè)：豎向版式，在Photoshop中制作。老師展示案例學(xué)生聽(tīng)講

【課后作業(yè)】（5分鐘）

1.本小節(jié)學(xué)習(xí)體會(huì)布置作業(yè)完成作業(yè)

2.下一堂課的預(yù)習(xí)

六、課后教學(xué)反思（教師填寫(xiě)）

網(wǎng)店視覺(jué)設(shè)計(jì)與制作（全彩慕課版）電子教案

任課教師專(zhuān)業(yè)日期年月日

教學(xué)課題設(shè)計(jì)與制作商品焦點(diǎn)圖課時(shí)2課時(shí)

所選教材《網(wǎng)店視覺(jué)設(shè)計(jì)與制作〔全彩慕課版）》教學(xué)班級(jí)

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

1.知識(shí)目標(biāo)

（1）:解合成焦點(diǎn)背景圖的步驟；

（2）熟悉美化商品圖像的方式；

（3）掌握設(shè)計(jì)文字的