跨境電商美工教案完整版

1、精選優(yōu)質(zhì)文檔-傾情為你奉上學(xué)科跨境電商美工實(shí)務(wù)課題項(xiàng)目一 視覺(jué)營(yíng)銷及文案策劃 任務(wù)1 3C商品視覺(jué)營(yíng)銷應(yīng)用 任務(wù)2 店鋪的文案策劃應(yīng)用周次1時(shí)數(shù)4節(jié)授課班級(jí)教學(xué)目的及要求： 通過(guò)本次課程學(xué)習(xí)，應(yīng)達(dá)到以下目的和要求：知識(shí)目標(biāo)及要求： 1.熟悉并掌握視覺(jué)營(yíng)銷的基本概念、特點(diǎn)及作用。2. 了解不同類型文案所適用的不同應(yīng)用場(chǎng)景。3. 掌握店招文案、廣告文案和商品詳情頁(yè)文案的設(shè)計(jì)技巧和方法。4. 了解 7 秒定律、KISS 原則及 FAB 原則。 能力目標(biāo)及要求：1. 能夠厘清視覺(jué)營(yíng)銷的目的及重要性。2. 能夠結(jié)合不同的場(chǎng)景、運(yùn)用不同的手段合理應(yīng)用視覺(jué)營(yíng)銷。3. 能夠獨(dú)立完成店招文案、廣告文案和商品詳情

2、頁(yè)文案。4. 能夠運(yùn)用合理的營(yíng)銷法則優(yōu)化文案策劃效果。教學(xué)重點(diǎn)： 視覺(jué)營(yíng)銷的概念、特點(diǎn)、作用以及文案策劃的技巧和方法。教學(xué)難點(diǎn)：不同場(chǎng)景下如何合理應(yīng)用視覺(jué)營(yíng)銷。教 學(xué) 過(guò) 程備 注一、教學(xué)導(dǎo)入 提問(wèn)討論:請(qǐng)談?wù)勅粘３Ｓ玫囊曈X(jué)營(yíng)銷的方式都有哪些?通過(guò)提問(wèn)及討論引入視覺(jué)營(yíng)銷對(duì)商品推廣的影響，激發(fā)起學(xué)生對(duì)視覺(jué)營(yíng)銷的認(rèn)知興趣。二、理論內(nèi)容 項(xiàng)目一 視覺(jué)營(yíng)銷及文案策劃 任務(wù)1 3C商品視覺(jué)營(yíng)銷應(yīng)用 任務(wù)2 店鋪的文案策劃應(yīng)用通過(guò)講授、課件演示，告知本次課程內(nèi)容：了解視覺(jué)營(yíng)銷的作用，熟悉視覺(jué)營(yíng)銷的應(yīng)用，以及視覺(jué)營(yíng)銷文案的策劃和設(shè)計(jì)。1. 視覺(jué)營(yíng)銷的作用講解課本中視覺(jué)營(yíng)銷的作用，引導(dǎo)學(xué)生了解視覺(jué)營(yíng)銷對(duì)店鋪帶

3、來(lái)的好處。 2. 視覺(jué)營(yíng)銷的應(yīng)用如果要讓視覺(jué)營(yíng)銷的整體設(shè)計(jì)和布局轉(zhuǎn)化為成交率，需要通過(guò)具體的店鋪裝修和商品詳情 頁(yè)設(shè)計(jì)來(lái)實(shí)現(xiàn)。如果店鋪留給買家的“印象分”不達(dá)標(biāo)，即便商品質(zhì)優(yōu)價(jià)低，也難以留住他們。3. 店招文案的策劃在策劃店招和撰寫店招文案時(shí)，可以從以下幾方面來(lái)發(fā)揮。（1）店鋪和商品的定位（2）店鋪和商品的賣點(diǎn)（3）店鋪主推的營(yíng)銷、讓利活動(dòng)4. 廣告文案策劃（1）打造爆款單品（2）進(jìn)行品類引導(dǎo)（3）實(shí)行讓利促銷5. 商品詳情頁(yè)文案策劃（1）賣點(diǎn)提煉（2）細(xì)節(jié)展示（3）利益引誘（4）關(guān)聯(lián)營(yíng)銷6. 文案策劃的幾個(gè)注意事項(xiàng)（1）7 秒定律（2）KISS 原則（3）FAB 原則三、課堂討論與總結(jié) 在店

4、鋪的運(yùn)營(yíng)管理中，不能只有具體的營(yíng)銷行為和促銷手段，而要跳出營(yíng)銷看營(yíng)銷，從深層次分析消費(fèi)心理，進(jìn)而在營(yíng)銷實(shí)踐中有效引導(dǎo)消費(fèi)行為，掌控消費(fèi)者行為的規(guī)律，最終達(dá)到高轉(zhuǎn)換率的實(shí)現(xiàn)和積累。只有掌握了這些理論知識(shí)，對(duì)店鋪的經(jīng)營(yíng)和具體文案策劃水平的提高才大有裨益。 討論點(diǎn)評(píng)；課程總結(jié)；布置作業(yè)。課后作業(yè)：闡述你認(rèn)為視覺(jué)營(yíng)銷運(yùn)營(yíng)人員的工作內(nèi)容及其應(yīng)具備的技能條件。教學(xué)方法：講授法、案例分析法、課件演示法、討論法。學(xué)科跨境電商美工實(shí)務(wù)課題項(xiàng)目二 商品拍攝技巧及流程 任務(wù)1 認(rèn)識(shí)商品圖片的特征和要求 任務(wù)2 準(zhǔn)備攝影器材任務(wù)3 制定拍攝方案 任務(wù)4 環(huán)境與布光任務(wù)5 基本構(gòu)圖及商品擺放技巧周次2時(shí)數(shù)8節(jié)授課班級(jí)教

5、學(xué)目的及要求： 通過(guò)本次課程學(xué)習(xí)，應(yīng)達(dá)到以下目的和要求：知識(shí)目標(biāo)及要求：1. 熟悉并掌握攝影器材的功能和用法。2. 熟悉自然光的特點(diǎn)。3. 掌握室內(nèi)布光技巧。4. 了解不同光位的不同作用。能力目標(biāo)及要求：1. 熟悉商品拍攝圖片要求。2. 熟悉商品拍攝過(guò)程中所需要的器材。3. 能夠根據(jù)不同商品確定不同的拍攝風(fēng)格。4. 能夠正確地利用光線進(jìn)行拍攝。教學(xué)重點(diǎn)： 拍攝方案的制定。教學(xué)難點(diǎn)：環(huán)境與布光以及商品的擺放技巧。教 學(xué) 過(guò) 程備 注一、教學(xué)導(dǎo)入 提問(wèn)討論:在拍攝一張合格的圖片之前，必須掌握合格圖片具備的基本特征和要求都有哪些？通過(guò)提問(wèn)及討論符合條件的商品圖片的特征和要求。二、理論內(nèi)容 項(xiàng)目二 商

6、品拍攝技巧及流程 任務(wù)1 認(rèn)識(shí)商品圖片的特征和要求 任務(wù)2 準(zhǔn)備攝影器材任務(wù)3 制定拍攝方案 任務(wù)4 環(huán)境與布光任務(wù)5 基本構(gòu)圖及商品擺放技巧通過(guò)講授、課件演示，告知本章課程內(nèi)容：商品圖片的特征和要求，拍攝器材、拍攝方案的制定、環(huán)境與布光以及商品構(gòu)圖和擺放技巧。4. 常見(jiàn)的問(wèn)題通過(guò)實(shí)際圖片案例一一講解課本中商品圖片經(jīng)常遇到的問(wèn)題：畫面過(guò)暗或過(guò)亮；顏色實(shí)真或模糊；畫面主體大小失當(dāng)；商品擺放不當(dāng)?shù)谰叽钆洳缓侠?；展示不夠、角度不都、?xì)節(jié)不夠；拍攝背景不恰當(dāng)?shù)取?. 器材介紹通過(guò)圖片展示，依次給學(xué)生介紹燈光器材、輔助燈光器材、輔助拍攝器材，讓學(xué)生了解拍攝商品圖片會(huì)用到的相關(guān)專業(yè)器材。3.以“ARMAN

7、I 太陽(yáng)鏡”為例，制定拍攝方案。讓學(xué)生能從商品本身的特點(diǎn)出發(fā)去確定其適合的拍攝風(fēng)格。4.環(huán)境與布光在了解光位、光型的基礎(chǔ)上，講解正面均衡布光、頂部45度布光、單側(cè)布光、前后交叉布光、后方布光等5種布光技巧。交給學(xué)生如何控制好光源面積和擴(kuò)散程度以保證足夠的照明亮度，選擇合適的燈距，做好恰當(dāng)?shù)墓獗瓤刂啤Ｒ约皩?duì)于吸光、反光和透明的商品應(yīng)該如何布光。5. 通過(guò)課堂實(shí)際演示來(lái)給學(xué)生介紹商品拍攝的基本構(gòu)圖方法，如：橫式構(gòu)圖、豎式構(gòu)圖、斜線構(gòu)圖、黃金分割構(gòu)圖。6. 以皮帶為例，逐步展示商品拍攝的整個(gè)流程。 三、課堂討論與總結(jié) 在店鋪運(yùn)營(yíng)中，商品上新的工作依賴于商品拍攝，一般商品拍攝的工作要經(jīng)歷：確定拍攝風(fēng)格

8、、制定拍攝方案、進(jìn)行商品分類、確定拍攝順序、制定拍攝步驟、選擇拍攝器材、布光、擺放、最終拍攝等一系列流程。 討論點(diǎn)評(píng)；課程總結(jié)；布置作業(yè)。課后作業(yè)：完成書上58頁(yè)的實(shí)訓(xùn)作業(yè)。教學(xué)方法：講授法、案例分析法、課件演示法、討論法。學(xué)科跨境電商美工實(shí)務(wù)課題項(xiàng)目三 商品主圖的設(shè)計(jì)制作 任務(wù)1 商品圖片的基礎(chǔ)處理 任務(wù)2 商品圖片的裁剪及調(diào)色處理任務(wù)3 商品圖片的摳圖 任務(wù)4 商品主圖的設(shè)計(jì)制作要點(diǎn)及方法 周次3時(shí)數(shù)12節(jié)授課班級(jí)教學(xué)目的及要求： 通過(guò)本次課程學(xué)習(xí)，應(yīng)達(dá)到以下目的和要求：知識(shí)目標(biāo)及要求：1. 熟悉并掌握 Photoshop 的基礎(chǔ)操作。2. 掌握裁剪、調(diào)色、摳圖等常用的修圖方法。3. 了解

9、商品主圖的特點(diǎn)、性質(zhì)。3. 掌握商品主圖的設(shè)計(jì)要點(diǎn)及設(shè)計(jì)制作方法。能力目標(biāo)及要求：1. 能夠?qū)ΤＳ脠D片處理軟件進(jìn)行熟練操作。2. 能夠?qū)ι唐返乃夭膱D片進(jìn)行裁剪和調(diào)色方面的處理。3. 能夠根據(jù)素材圖片摳取所需要的主圖圖片。4. 能夠獨(dú)立設(shè)計(jì)并制作商品主圖。教學(xué)重點(diǎn)： Photoshop 的基礎(chǔ)操作及三大概念教學(xué)難點(diǎn)：商品主圖的設(shè)計(jì)要點(diǎn)及設(shè)計(jì)制作方法。教 學(xué) 過(guò) 程備 注一、教學(xué)導(dǎo)入 提問(wèn)討論:商品圖片在上架前是否需要合成處理？Photoshop 是一款用于圖像制作和圖像處理的專業(yè)軟件，具有強(qiáng)大的圖像修飾功能，利用這些功能不但可以更有效地進(jìn)行圖片的編輯工作，快速修復(fù)照片的拍攝缺陷，而且可以修復(fù)人物

10、照片上的斑點(diǎn)以及進(jìn)行皮膚的潤(rùn)色，是跨境電商賣家在修圖過(guò)程中必備的軟件工具。通過(guò)提問(wèn)及討論P(yáng)S對(duì)于商品圖片的重要性。二、理論內(nèi)容 項(xiàng)目三 商品主圖的設(shè)計(jì)制作 任務(wù)1 商品圖片的基礎(chǔ)處理 任務(wù)2 商品圖片的裁剪及調(diào)色處理任務(wù)3 商品圖片的摳圖 任務(wù)4 商品主圖的設(shè)計(jì)制作要點(diǎn)及方法 通過(guò)講授、課件演示，告知本章課程內(nèi)容：PS基本操作、商品主圖的設(shè)計(jì)與制作流程。1.Photoshop 軟件介紹通過(guò)實(shí)操來(lái)講授Photoshop 軟件。2.Photoshop 基礎(chǔ)操作通過(guò)課件及實(shí)操展示，依次給學(xué)生介紹Photoshop 的工作界面，具體操作，以及最重要的Photoshop 的三大該概念：圖層、選區(qū)和蒙版。

11、3. 圖片的裁剪及調(diào)色 調(diào)色工具：亮度對(duì)比度色階曲線色相飽和度偏色圖片的糾正在跨境平臺(tái)上，幾乎所有賣家的商品都會(huì)遇到圖片大小和色差的問(wèn)題。由于多數(shù)中小賣家不是專業(yè)攝影師，也沒(méi)辦法花高額的費(fèi)用去聘請(qǐng)專業(yè)攝影師對(duì)商品進(jìn)行專業(yè)拍攝，因此在拍照過(guò)程中總會(huì)遇到各種各樣的問(wèn)題。比如：布光不正確或者相機(jī)光圈、焦距、感光 度等參數(shù)設(shè)置不合理，這些都會(huì)導(dǎo)致圖片產(chǎn)生問(wèn)題。此外，白平衡沒(méi)設(shè)置好也會(huì)出現(xiàn)偏色 現(xiàn)象。因此，在對(duì)素材圖片進(jìn)行裁剪后進(jìn)行調(diào)色方面的美化處理，是很有必要的。4. 圖片瑕疵的處理污點(diǎn)修復(fù)、仿制圖章工具5. 摳圖技巧規(guī)則形狀的摳圖：矩形、橢圓選框工具直邊規(guī)則圖形的摳圖：多邊形套索工具簡(jiǎn)單背景摳圖：魔

12、棒工具、快速選擇工具、套索工具鋼筆摳圖：圓弧形及不規(guī)則物體通道摳圖：針對(duì)帶有毛發(fā)的物體 6.商品主圖的相關(guān)知識(shí) （1）認(rèn)識(shí)商品主圖（2）商品主圖的作用： 作用：展示商品的款式、顏色、品牌等。 特點(diǎn)：在跨境電商平臺(tái)首頁(yè)脫穎而出，迅速地刺激眼球，突出差異化，增加點(diǎn)擊率。（3）商品主圖的設(shè)計(jì)。 三、課堂討論與總結(jié) 在商品圖片的處理中，PS的基本操作是必不可少的，我們應(yīng)該加強(qiáng)對(duì)于基礎(chǔ)工具的練習(xí)。在對(duì)商品主圖進(jìn)行設(shè)計(jì)制作的過(guò)程中，也有一些地方值得注意：1）主體突出點(diǎn)擊率的第一標(biāo)準(zhǔn)。2）圖片清晰點(diǎn)擊率的基本前提。3）優(yōu)選素材點(diǎn)擊率的基本要素。4）視覺(jué)沖擊點(diǎn)擊率的必備條件。5）商品訴求點(diǎn)擊率的高效助推器。6

13、）賣點(diǎn)突出點(diǎn)擊率的有力保證。7）環(huán)境差異點(diǎn)擊率的強(qiáng)力催化劑。8）近景呈現(xiàn)點(diǎn)擊率的優(yōu)先手段。 討論點(diǎn)評(píng)；課程總結(jié)；布置作業(yè)。課后作業(yè)：完成書上123頁(yè)的實(shí)訓(xùn)作業(yè)。教學(xué)方法：講授法、案例分析法、課件演示法、討論法。學(xué)科跨境電商美工實(shí)務(wù)課題項(xiàng)目四 輪播海報(bào)及商品詳情頁(yè)的設(shè)計(jì)制作 任務(wù)1 輪播海報(bào)的設(shè)計(jì)制作 任務(wù)2 商品詳情頁(yè)的設(shè)計(jì)制作 周次2時(shí)數(shù)4節(jié)授課班級(jí)教學(xué)目的及要求： 通過(guò)本次課程學(xué)習(xí)，應(yīng)達(dá)到以下目的和要求：知識(shí)目標(biāo)及要求：1. 熟悉輪播海報(bào)的常用尺寸、特點(diǎn)及展現(xiàn)手法。2. 了解并掌握輪播海報(bào)的設(shè)計(jì)制作過(guò)程。3. 掌握商品詳情頁(yè)的設(shè)計(jì)要點(diǎn)及制作方法。能力目標(biāo)及要求：1. 能夠獨(dú)立設(shè)計(jì)制作跨境電

14、商平臺(tái)的輪播海報(bào)。2. 能夠獨(dú)立設(shè)計(jì)制作跨境電商平臺(tái)的商品詳情頁(yè)。教學(xué)重點(diǎn)： 輪播海報(bào)的設(shè)計(jì)制作教學(xué)難點(diǎn)：商品詳情頁(yè)的設(shè)計(jì)制作教 學(xué) 過(guò) 程備 注一、教學(xué)導(dǎo)入 不管是線下傳統(tǒng)的營(yíng)銷方式還是線上網(wǎng)絡(luò)銷售，都需要有漂亮而吸引人眼球的海報(bào)來(lái)招攬顧客。在網(wǎng)絡(luò)店鋪的運(yùn)營(yíng)中，除了利用促銷活動(dòng)或節(jié)日活動(dòng)來(lái)吸引顧客外，還可以通 過(guò)制作精美的海報(bào)促銷圖片來(lái)吸引買家的眼球。通過(guò)提問(wèn)及討論輪播圖片對(duì)于商品商品及店鋪的重要性。二、理論內(nèi)容 項(xiàng)目四 輪播海報(bào)及商品詳情頁(yè)的設(shè)計(jì)制作 任務(wù)1 輪播海報(bào)的設(shè)計(jì)制作 任務(wù)2 商品詳情頁(yè)的設(shè)計(jì)制作 通過(guò)講授、課件演示，告知本章課程內(nèi)容：輪播圖片的設(shè)計(jì)制作流程、商品詳情頁(yè)的設(shè)計(jì)與制

15、作流程。1.輪播海報(bào)的設(shè)計(jì)要點(diǎn)：主題、構(gòu)圖、配色2.輪播海報(bào)的設(shè)計(jì)流程：（1）目標(biāo)人群、商品分析和廣告目標(biāo)定位（2）溝通策劃3.輪播海報(bào)的設(shè)計(jì)實(shí)施 ： （1）尺寸（2）背景與色調(diào)（3）字體與排版（4）主題層次 4. 商品詳情頁(yè)的設(shè)計(jì)流程（1）確定風(fēng)格根據(jù)店鋪活動(dòng)、商品特色、節(jié)假日來(lái)確定。（2）收集素材平時(shí)養(yǎng)成收集素材的習(xí)慣，以免尋找時(shí)浪費(fèi)大量的時(shí)間和精力。平時(shí)遇到好的圖片就 保存，作為尋找靈感時(shí)的參考。（3）頁(yè)面布局合理地安排頁(yè)面布局。（4）確定配色選擇合適的配色方案，盡量避免深色系。（5）排版設(shè)計(jì)用 Photoshop 進(jìn)行排版。（6）上傳完成在商品發(fā)布頁(yè)面上傳。 3、 課堂討論與總結(jié) 一般

16、情況下，顧客從搜索頁(yè)進(jìn)入店鋪時(shí)打開的就是商品詳情頁(yè)，它是顧客購(gòu)買商品時(shí)必須打開的頁(yè)面?？梢哉f(shuō)，商品詳情頁(yè)的優(yōu)劣是決定顧客是否購(gòu)買的關(guān)鍵因素，因而商品詳情頁(yè)的設(shè)計(jì)是至關(guān)重要的，不能忽視。商品詳情頁(yè)通常擔(dān)負(fù)著比首頁(yè)更大的轉(zhuǎn)化率責(zé)任，它要經(jīng)受客戶的反復(fù)對(duì)比和推敲，是決定客戶能否對(duì)商品產(chǎn)生信任感的關(guān)鍵。 討論點(diǎn)評(píng)；課程總結(jié)；布置作業(yè)。課后作業(yè)：完成書上138頁(yè)的實(shí)訓(xùn)作業(yè)。教學(xué)方法：講授法、案例分析法、課件演示法、討論法。學(xué)科跨境電商美工實(shí)務(wù)課題項(xiàng)目五 速賣通旺鋪裝修指南任務(wù)1 了解速賣通店鋪裝修任務(wù)2 速賣通店鋪首頁(yè)裝修任務(wù)3 店鋪裝修第三方模板周次4時(shí)數(shù)16節(jié)授課班級(jí)教學(xué)目的及要求： 通過(guò)本次課程學(xué)

17、習(xí)，應(yīng)達(dá)到以下目的和要求：知識(shí)目標(biāo)及要求：1. 熟悉并掌握速賣通旺鋪裝修的一般流程。2. 掌握應(yīng)用系統(tǒng)模板、搭建首頁(yè)框架的方法。3. 掌握首頁(yè)模塊的制作與安裝方法。4. 了解店鋪裝修過(guò)程中需要注意的問(wèn)題。能力目標(biāo)及要求：1. 理解店鋪裝修對(duì)網(wǎng)店經(jīng)營(yíng)的重要性。2. 能夠采用有效的方法完成速賣通旺鋪的裝修。3. 掌握首頁(yè)模塊與框架設(shè)計(jì)要點(diǎn)。教學(xué)重點(diǎn)： 首頁(yè)模塊的制作與安裝方法教學(xué)難點(diǎn)：首頁(yè)模塊的制作與安裝方法教 學(xué) 過(guò) 程備 注一、教學(xué)導(dǎo)入 提問(wèn)討論:店鋪裝修對(duì)于一個(gè)店鋪重不重要？網(wǎng)店裝修與實(shí)體店裝修的目的都是讓店鋪?zhàn)兊酶?，更能吸引消費(fèi)者。對(duì)于網(wǎng)絡(luò)店鋪來(lái)說(shuō)，好的店鋪設(shè)計(jì)至關(guān)重要，因?yàn)榫W(wǎng)絡(luò)消費(fèi)者只

18、能通過(guò)圖文形式來(lái)了解商品、了解商家。通過(guò)提問(wèn)及討論店鋪裝修對(duì)于一個(gè)店鋪的重要性。二、理論內(nèi)容 項(xiàng)目五 速賣通旺鋪裝修指南任務(wù)1 了解速賣通店鋪裝修任務(wù)2 速賣通店鋪首頁(yè)裝修任務(wù)3 店鋪裝修第三方模板通過(guò)講授、課件演示，告知本章課程內(nèi)容：速賣通旺鋪裝修的一般流程、店鋪裝修過(guò)程中需要注意的問(wèn)題。（一）合理的店鋪裝修需要注意以下方面。1. 網(wǎng)店整體風(fēng)格的營(yíng)銷體現(xiàn)2. 網(wǎng)店商品圖片的使用3. 網(wǎng)店裝修注意用戶體驗(yàn)4. 用好預(yù)覽功能（二）店鋪裝修后臺(tái)操作速賣通系統(tǒng)配置了相應(yīng)的模板，掌握模板的作用和使用方法是店鋪裝修的前提。步驟 1進(jìn)入店鋪裝修頁(yè)面，在速賣通賣家中心，從菜單欄選擇“店鋪”，然后單 擊“店鋪

19、裝修及管理”，單擊“進(jìn)入裝修”按鍵，登錄后臺(tái)裝修界面步驟 2旺鋪裝修在左上角設(shè)有“頁(yè)面管理”“樣式編輯”“模板管理”三個(gè)（三）店招店招是網(wǎng)絡(luò)店鋪展示的窗口，代表了店鋪的品牌定位和商品定位。店招顯示在店 鋪首頁(yè)的頂部，當(dāng)消費(fèi)者進(jìn)入店鋪瀏覽時(shí)，首先看到的就是店招，店招的設(shè)計(jì)應(yīng)易于 傳播和便于記憶。步驟 1速賣通平臺(tái)對(duì)店招的尺寸有嚴(yán)格的規(guī)定，速賣通店招尺寸標(biāo)準(zhǔn)：寬度 為 1 200px、高度為 100px150px。這樣的尺寸感覺(jué)比較美觀、協(xié)調(diào)。步驟 2店招的設(shè)計(jì)要易于傳播和便于記憶，要有明確的品牌定位和商品定 位。店招的內(nèi)容元素一般包括店鋪名稱、店鋪標(biāo)識(shí)、商品圖片、廣告語(yǔ)、促銷活 動(dòng)介紹等，可以根

20、據(jù)店鋪實(shí)際情況選擇。步驟 3導(dǎo)航是展示店鋪分類的主要工具，顯示在店招的下方，好的導(dǎo)航設(shè) 計(jì)可以讓瀏覽者方便而快捷地找到所需要的商品。步驟 4在首頁(yè)裝修頁(yè)面中，將鼠標(biāo)放在店招模塊上，右上角就會(huì)出現(xiàn)“編 輯”“刪除”按鈕。步驟 5單擊“編輯”按鈕，進(jìn)入店招編輯狀態(tài)，可以看到模板規(guī)格參數(shù)要 求：高度為 100px150px，寬度為 1 200px，圖片大小不能超過(guò) 2MB，允許添加 一個(gè)鏈接。步驟 6進(jìn)入店招編輯模塊，設(shè)置店招高度、鏈接地址，通過(guò)“點(diǎn)擊添加圖片” 按鈕添加圖片。（四）圖片輪播圖片輪播模塊位于頁(yè)面導(dǎo)航的下方，它將多張圖片以滾動(dòng)輪播的方式進(jìn)行動(dòng)態(tài)展 示，可以用于主推商品展示、店鋪形象展示

21、、店鋪歡迎展示。步驟 1速賣通店鋪首頁(yè)裝修中圖片輪播模塊最多可以重復(fù)添加 6 個(gè)，位置 可以上下移動(dòng)，以方便與其他模塊互相搭配。步驟 2在首頁(yè)裝修頁(yè)面中，將鼠標(biāo)放在圖片輪播模塊上，右上角就會(huì)出現(xiàn) “編輯”“刪除”按鈕。步驟 3單擊“編輯”按鈕，進(jìn)入圖片輪播編輯狀態(tài)，可以看到輪播圖片的 規(guī)格參數(shù)要求：高度為 100px600px、寬度為 960px，圖片大小不能超過(guò) 2MB（四）商品推薦在線下市場(chǎng)，商品陳列展示是一個(gè)很重要的環(huán)節(jié)；在線上，商品陳列推薦同樣有 著重要作用。商品推薦模塊可通過(guò)手動(dòng)或自動(dòng)的方式挑選商品，并可設(shè)置商品展示的 樣式，使用頻率較高。步驟 1速賣通店鋪首頁(yè)裝修中商品推薦模塊最多

22、可以重復(fù)添加 6 個(gè)，主區(qū) 域設(shè)置 3 個(gè)、側(cè)邊欄設(shè)置 3 個(gè)，位置可以上下移動(dòng)。由于商品推薦模塊里的圖片會(huì)直接使用商品主圖的第一張，因此被選商品的首圖一 定要簡(jiǎn)潔，盡量和店鋪整體裝修風(fēng)格一致。大多數(shù)消費(fèi)者的瀏覽習(xí)慣都是從上往下、從 左往右，商品推薦也應(yīng)該遵循這個(gè)原則，做到簡(jiǎn)約大方、重點(diǎn)突出、整齊劃一、分類有序。步驟 2在首頁(yè)裝修頁(yè)面中，將鼠標(biāo)放在商品推薦模塊上，右上角就會(huì)出現(xiàn)“編輯”“刪除”按鈕，右下角會(huì)出現(xiàn)“添加模塊”按鈕。步驟 3進(jìn)入商品推薦編輯狀態(tài)，可以設(shè)置商品推薦的各項(xiàng)參數(shù)，模塊標(biāo)題、 展示方式、商品信息、推薦方式、排序方式、產(chǎn)品分組、商品數(shù)量等信息，設(shè)置完成后點(diǎn)擊“保存”。步驟 4

23、在店鋪首頁(yè)側(cè)邊欄同樣也有一個(gè)商品推薦模塊，設(shè)置方式與主區(qū)設(shè)置方式一樣。步驟 5完成后的商品推薦展示。（五）任務(wù)裝修第三方模板步驟 1首先進(jìn)入店鋪裝修頁(yè)面，選擇“模板管理”，然后進(jìn)入“模板市場(chǎng)” 。步驟 2選擇一個(gè)自己滿意的模板，首先點(diǎn)擊試用，當(dāng)各個(gè)板塊都符合自 己的要求時(shí)，再選擇購(gòu)買，并選擇購(gòu)買 1 個(gè)月、3 個(gè)月或者 6 個(gè)月。 三、課堂討論與總結(jié) 店鋪的首頁(yè)裝修并不是將所有裝修模塊直接放到店鋪中，而是在速賣通平臺(tái)允許的結(jié) 構(gòu)范圍內(nèi)，根據(jù)自己的店鋪風(fēng)格、活動(dòng)、商品、顧客等進(jìn)行合理組合與布局，讓顧客從設(shè) 計(jì)的網(wǎng)店中了解更多的商品信息和店鋪信息。（1）店鋪風(fēng)格是店鋪布局的前提，要充分考慮品牌、商

24、品信息、目標(biāo)消費(fèi)者、市場(chǎng)環(huán) 境和季節(jié)等因素的影響。（2）店鋪活動(dòng)和主推信息模塊要放在非常重要和顯眼的位置，讓人一目了然。（3）商品推薦模塊中所推薦的商品一定要經(jīng)過(guò)精心篩選，不宜過(guò)多。（4）模塊結(jié)構(gòu)和商品系列要清晰明了。店鋪?lái)?yè)面的布局內(nèi)容（1）店招包括店鋪名稱、搜索欄和商品推薦，其設(shè)計(jì)風(fēng)格和主題以自然為主。（2）導(dǎo)航主要用來(lái)介紹店鋪的商品種類和各項(xiàng)類目，便于買家選擇和篩選，用背景加 簡(jiǎn)單文字的方式以方便識(shí)別。（3）歡迎模塊的海報(bào)應(yīng)進(jìn)行整體風(fēng)格的固定和裝修， 用來(lái)展示店鋪整體形象。（4）商品推薦區(qū)展示分成主推商品、普通商品等幾個(gè) 部分，結(jié)構(gòu)明確。（5）首頁(yè)尾部結(jié)尾簡(jiǎn)單大方，與頁(yè)面整體風(fēng)格一致。 討

25、論點(diǎn)評(píng)；課程總結(jié)；布置作業(yè)。課后作業(yè)：完成書上117頁(yè)的實(shí)訓(xùn)作業(yè)。教學(xué)方法：項(xiàng)目教學(xué)法講授法、案例分析法、課件演示法、討論法。學(xué)科跨境電商美工實(shí)務(wù)課題項(xiàng)目六 移動(dòng)端視覺(jué)設(shè)計(jì)制作任務(wù)1 移動(dòng)端店招、焦點(diǎn)圖及Mini Banner的制作任務(wù)2 移動(dòng)端店鋪布局及商品詳情頁(yè)制作周次2時(shí)數(shù)8節(jié)授課班級(jí)教學(xué)目的及要求： 通過(guò)本次課程學(xué)習(xí)，應(yīng)達(dá)到以下目的和要求：知識(shí)目標(biāo)1. 移動(dòng)端店招的規(guī)格及設(shè)計(jì)要點(diǎn)。2. 移動(dòng)端焦點(diǎn)圖及 Mini Banner 單圖模式、單行多點(diǎn)擊模式、圖片輪播模式的圖片規(guī)格、設(shè)計(jì)要點(diǎn)和鏈接設(shè)置。3. 移動(dòng)端店招、焦點(diǎn)圖及 Mini Banner 的基本設(shè)置流程。4. 移動(dòng)端店鋪的布局原

26、則。5. 移動(dòng)端商品詳情頁(yè)的布局原則。能力目標(biāo)1. 能夠獨(dú)立完成移動(dòng)端店招、焦點(diǎn)圖及 Banner 的制作。2. 能夠獨(dú)立完成移動(dòng)端店鋪布局及商品詳情頁(yè)的制作。教學(xué)重點(diǎn)： 獨(dú)立完成移動(dòng)端店鋪布局及商品詳情頁(yè)的制作教學(xué)難點(diǎn)：獨(dú)立完成移動(dòng)端店鋪布局及商品詳情頁(yè)的制作教 學(xué) 過(guò) 程備 注一、教學(xué)導(dǎo)入 提問(wèn)討論:移動(dòng)端店鋪裝修對(duì)于一個(gè)店鋪重不重要？移動(dòng)端銷售已經(jīng)是電商的一個(gè)主流趨勢(shì)，對(duì)于產(chǎn)品轉(zhuǎn)化率的提升以及點(diǎn)擊率的提升，就需要依靠良好的移動(dòng)端店鋪裝修，店鋪裝修會(huì)讓我們的產(chǎn)品展示效果更好，而且也能夠讓我們的產(chǎn)品賣點(diǎn)更加的突出。二、理論內(nèi)容 項(xiàng)目六 移動(dòng)端視覺(jué)設(shè)計(jì)制作任務(wù)1 移動(dòng)端店招、焦點(diǎn)圖及Mini

27、Banner的制作任務(wù)2 移動(dòng)端店鋪布局及商品詳情頁(yè)制作通過(guò)講授、課件演示，告知本章課程內(nèi)容：移動(dòng)端店招的規(guī)格及設(shè)計(jì)要點(diǎn)，移動(dòng)端焦點(diǎn)圖及 Mini Banner 單圖模式、單行多點(diǎn)擊模式、圖片輪播模式的圖片規(guī)格、設(shè)計(jì)要點(diǎn)和鏈接設(shè)置，移動(dòng)端店招、焦點(diǎn)圖及 Mini Banner 的基本設(shè)置流程，移動(dòng)端店鋪和商品詳情頁(yè)的布局原則。 1. 了解不同類型的圖片要求移動(dòng)端店招的圖片規(guī)格為 720px×200px，圖片格式為 jpg 或 jpeg。移動(dòng)端焦點(diǎn)圖 及 Mini Banner 的圖片規(guī)格為 720px×200px 或 720px×360px。焦點(diǎn)圖及 Mini B

28、anner 的圖片模板中，單行多點(diǎn)擊的圖片總寬度必須在 720px 及以上。2店招、Mini Banner、焦點(diǎn)圖的基本設(shè)置流程（1）店招的基本設(shè)置流程（2）Mini Banner 及焦點(diǎn)圖的基本設(shè)置流程3.移動(dòng)端店鋪布局及商品詳情頁(yè)制作步驟 1店鋪的布局一定要基于簡(jiǎn)明清晰的擺放原則。常用的擺放原則為： 店招 +“焦點(diǎn)圖 + 商品推薦模塊”+“Mini Banner 設(shè)計(jì)模塊 + 商品推薦模塊”+ 系統(tǒng)推薦模塊。步驟 2開頭使用“店招 + 焦點(diǎn)圖”突出店鋪爆款信息和店鋪的促銷折扣信 息。步驟 3使用“焦點(diǎn)圖 + 商品推薦模板”，把相應(yīng)的折扣商品與焦點(diǎn)圖放到一 起，突出店鋪活動(dòng)。步驟 4最后將系

29、統(tǒng)推薦模塊 Top Selling 放在最下面，與上面的模塊形成對(duì) 應(yīng)，增加整個(gè)店鋪的完整性。步驟 5優(yōu)化完了店鋪的布局，下一步需要制作商品詳情頁(yè)。首先決定采用FAB 利益排序法。步驟 6制作商品詳情頁(yè)第一屏：商品賣點(diǎn)和優(yōu)勢(shì)。步驟 7制作商品詳情頁(yè)第二屏：商品細(xì)節(jié)展示，讓客戶更加直觀地了解商品。步驟 8制作商品詳情頁(yè)第三屏：商品屬性信息 + 尺碼說(shuō)明。步驟 9制作商品詳情頁(yè)第四六屏：商品模特圖片 + 實(shí)物圖片。步驟 10將整理好的圖片上傳。其中，應(yīng)該注意的是：圖片尺寸沒(méi)有限制，在保證清晰度的情況下，圖片像素小， 有助于提升在移動(dòng)端的打開速度?？梢試L試在 Photoshop 中將圖片存成 web

30、 格式，并 且通過(guò)調(diào)整品質(zhì)的數(shù)值達(dá)到這個(gè)效果。步驟 11點(diǎn)擊“產(chǎn)品管理”，然后點(diǎn)擊“發(fā)布產(chǎn)品”，選擇適合自己的類目進(jìn) 行發(fā)布。步驟 12移動(dòng)端商品詳情頁(yè)可獨(dú)立編輯。點(diǎn)擊“商品詳情頁(yè)” 下方的“無(wú)線描述”，展開后把排好序的圖片以及文字添加進(jìn)去。3、 課堂討論與總結(jié)1. 店鋪的布局原則以速賣通平臺(tái)為例，進(jìn)行移動(dòng)端店鋪首頁(yè)布局首先要了解移動(dòng)端店鋪包含的基礎(chǔ)模 塊。移動(dòng)端店鋪包含兩個(gè)頁(yè)面：第一個(gè)是移動(dòng)端店鋪首頁(yè)裝修，涉及以下功能模塊：店 招、6 個(gè)商品推薦模塊、3 個(gè)系統(tǒng)模塊、6 個(gè)圖片模塊；第二個(gè)是無(wú)線活動(dòng)頁(yè)面。一般店鋪模板的順序 為：1）店招設(shè) 計(jì)；2）焦點(diǎn)圖設(shè)計(jì)3）MiniBanner 設(shè)計(jì)（圖

31、片模板）；4）商品推薦模塊展示（系統(tǒng)模板 + 商品推薦模板）。 商品推薦模塊的分布和模塊擺放原則。（1）商品推薦模塊的布局商品主圖的布局前提是商品主圖要清晰干凈，像素要滿足平臺(tái)要求。設(shè)置商品標(biāo)題 時(shí)，應(yīng)盡量把主要關(guān)鍵詞放在最前面，其他的放在稍微靠后的位置來(lái)進(jìn)行視覺(jué)營(yíng)銷。同 時(shí)，可以根據(jù)自己的需求選擇不同的商品展現(xiàn)樣式。（2）模塊擺放原則賣家可以根據(jù)自己的要求調(diào)整商品的擺放，但是一定要基于簡(jiǎn)明清晰的擺放原則。這 里推薦一種最常見(jiàn)的擺放原則：店招 +“焦點(diǎn)圖 + 商品推薦模塊”+“Mini Banner 設(shè)計(jì)模 塊 + 商品推薦模塊”+ 系統(tǒng)推薦模塊。2. 商品詳情頁(yè)的布局原則商品詳情頁(yè)是店鋪中最

32、容易與顧客產(chǎn)生交集和共鳴的頁(yè)面，其設(shè)計(jì)對(duì)顧客購(gòu)買行為產(chǎn) 生直接影響。在進(jìn)行商品描述時(shí)，文字內(nèi)容要盡量簡(jiǎn)短，突出商品的賣點(diǎn)和特點(diǎn)。 討論點(diǎn)評(píng)；課程總結(jié)；布置作業(yè)。課后作業(yè)：完成書上130頁(yè)的實(shí)訓(xùn)作業(yè)。教學(xué)方法：項(xiàng)目教學(xué)法講授法、案例分析法、課件演示法、討論法。學(xué)科跨境電商美工實(shí)務(wù)課題項(xiàng)目七 視頻美工設(shè)計(jì)制作 商品視頻的基礎(chǔ)處理周次2時(shí)數(shù)8節(jié)授課班級(jí)教學(xué)目的及要求： 通過(guò)本次課程學(xué)習(xí)，應(yīng)達(dá)到以下目的和要求：知識(shí)目標(biāo)1. 熟悉并掌握會(huì)聲會(huì)影 X8 的基礎(chǔ)操作。2. 掌握剪輯、增加字母、配樂(lè)等常用的視頻制作方法。能力目標(biāo)1. 能夠?qū)ΤＳ靡曨l處理軟件進(jìn)行熟練操作。2. 能夠?qū)ι唐返乃夭囊曨l進(jìn)行剪輯等處理

33、。3. 能夠根據(jù)素材設(shè)計(jì)和制作所需要的視頻。教學(xué)重點(diǎn)： 根據(jù)素材設(shè)計(jì)和制作所需要的視頻教學(xué)難點(diǎn)：掌握會(huì)聲會(huì)影 X8 的基礎(chǔ)操作教 學(xué) 過(guò) 程備 注一、教學(xué)導(dǎo)入 提問(wèn)討論:視頻對(duì)于跨境店鋪重不重要？在跨境電商平臺(tái)上，視頻的應(yīng)用越來(lái)越受歡迎，它不僅能快速吸引消費(fèi)者的目光，還能在短時(shí)間內(nèi)展示商品的信息及使用方法等。各個(gè)跨境電商平臺(tái)對(duì)主圖、商品詳情頁(yè)視頻 的支持，使得賣家們開始把視頻的制作納入網(wǎng)店裝修的范疇。而數(shù)碼單反相機(jī)不僅能拍攝 照片，而且能拍攝視頻，它方便實(shí)用且性價(jià)比高，使得賣家們將其作為視頻拍攝的基礎(chǔ)工 具。視頻從拍攝到剪輯到輸出應(yīng)用，這一系列過(guò)程并不簡(jiǎn)單。如何使用數(shù)碼單反相機(jī)拍攝 視頻和如何

34、剪輯視頻成為賣家們共同關(guān)心的問(wèn)題。二、理論內(nèi)容 項(xiàng)目七 視頻美工設(shè)計(jì)制作 商品視頻的基礎(chǔ)處理通過(guò)講授、課件演示，告知本章課程內(nèi)容：熟悉并掌握會(huì)聲會(huì)影 X8 的基礎(chǔ)操作，掌握剪輯、增加字母、配樂(lè)等常用的視頻制作方法。1. 項(xiàng)目設(shè)置步驟 1啟動(dòng)會(huì)聲會(huì)影，設(shè)置項(xiàng)目屬性步驟 2在“項(xiàng)目格式”下拉列表中選擇“在線”選項(xiàng)步驟 3單擊下方的“新建”按鈕步驟 4在打開的對(duì)話框中配置文件名稱，如圖 7-5 所示，單擊“確定”按鈕關(guān)閉對(duì)話框。2. 導(dǎo)入素材步驟 1在會(huì)聲會(huì)影素材庫(kù)中單擊“添加”按鈕，如圖 7-6 所示。步驟 2為新建文件夾命名，然后在右側(cè)的素材庫(kù)中單擊鼠標(biāo)右鍵，執(zhí)行 “插入媒體文件”命令。步驟 3

35、在打開的對(duì)話框中選擇素材，單擊“打開”按鈕。步驟 4添加素材后，將素材拖入 時(shí)間軸中，時(shí)間軸最右側(cè)的項(xiàng)目區(qū)間顯 示了項(xiàng)目的總時(shí)間為 9s（默認(rèn)添加的單 個(gè)照片素材區(qū)間為 3s）。3. 編輯素材步驟 1在時(shí)間軸選擇第一張素材圖片，在預(yù)覽窗口中 預(yù)覽默認(rèn)效果。然后右擊素材 圖片，展開選項(xiàng)面板，在選項(xiàng) 中選擇基本動(dòng)作，然后單擊高 級(jí)選項(xiàng)的“自定義”按鈕，選 擇自定義動(dòng)作。步驟 2在打開的對(duì)話框 中調(diào)整左側(cè)原圖區(qū)域中的顯示框。步驟 3在第 1 幀上單擊鼠標(biāo)右鍵，復(fù)制，在最后一幀上單擊鼠標(biāo)右鍵，粘貼。步驟 4選擇好自定義動(dòng)作后單擊“確定”按鈕，在時(shí)間軸中選擇第 1 張素 材圖片，單擊鼠標(biāo)右鍵，執(zhí)行“復(fù)制屬性”命令，然后選擇素材 2，單擊鼠標(biāo)右 鍵，執(zhí)行“粘貼所有屬性”命令，接著選