Photoshop-CC網(wǎng)店美工教學(xué)教案

1、Photoshop CC網(wǎng)店美工商品拍攝+店鋪裝修+視覺設(shè)計(jì)配套教學(xué)教案第1章課時(shí)內(nèi)容網(wǎng)店美工常識(shí)授課時(shí)間45分鐘課時(shí)1教學(xué)目標(biāo) 了解網(wǎng)店美工的基本概念。 掌握網(wǎng)店美工必備的設(shè)計(jì)要點(diǎn)。 掌握制作網(wǎng)店美工文案。教學(xué)重點(diǎn) 掌握網(wǎng)店美工點(diǎn)、線、面3大基本設(shè)計(jì)元素。 掌握色彩搭配、構(gòu)圖及文字的應(yīng)用。 掌握文案的策劃與編寫。教學(xué)難點(diǎn) 熟悉網(wǎng)店美工工作內(nèi)容以及其技能要求。教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹美工的基礎(chǔ)知識(shí)，使讀者掌握網(wǎng)店美工的基礎(chǔ)和技能要求；（2）著重講解網(wǎng)店美工必需學(xué)會(huì)的設(shè)計(jì)要點(diǎn)，掌握時(shí)下最時(shí)尚的設(shè)計(jì)效果；（3）講解文案在網(wǎng)店美工中的作用，以及制作文案的技巧與方法；（4）最后安排知識(shí)拓展和課堂實(shí)

2、訓(xùn)，討論和練習(xí)本章知識(shí)。教學(xué)手段：（1）由淺入深，從基礎(chǔ)知識(shí)到實(shí)際操作；（2）通過知識(shí)拓展探討問題，掌握網(wǎng)店設(shè)計(jì)裝修中應(yīng)注意的事項(xiàng)；（3）以實(shí)例講解操作，對(duì)設(shè)置的方法以及效果均配圖講解。教學(xué)資料及要求：除教材中講解的知識(shí)，學(xué)員可以學(xué)習(xí)關(guān)于設(shè)計(jì)和文案方面的知識(shí)，通過各種模板和資料，提升自己的操作能力、審美能力以及文字功底。教學(xué)內(nèi)容討論問題：1、網(wǎng)店美工主要做些什么，從事哪些行業(yè)？2、設(shè)計(jì)風(fēng)格和文案對(duì)網(wǎng)店的影響力？?jī)?nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。1.1 什么是網(wǎng)店美工1.1.1 網(wǎng)店美工要做些什么1.1.2 網(wǎng)店美工的技術(shù)要求1.1.3 網(wǎng)店美工須注意的問題1.1.4 網(wǎng)店美工工

3、作準(zhǔn)備1.2 網(wǎng)店美工必須掌握的設(shè)計(jì)要點(diǎn)1.2.1 認(rèn)識(shí)點(diǎn)、線、面3大基本設(shè)計(jì)元素1.2.2 怎么搭配色彩更出色1.2.3 怎么讓構(gòu)圖更加美觀1.2.4 怎么選擇字體提升圖片競(jìng)爭(zhēng)力1.3 網(wǎng)店美工文案策劃1.3.1 文案在美工中的重要性1.3.2 文案的策劃與編寫1.4 知識(shí)拓展1. 怎么定位網(wǎng)店的裝修風(fēng)格？2. 常見的配色方案有哪些？3. 在網(wǎng)店裝修設(shè)計(jì)中，字體有哪些布局技巧？1.5 課堂實(shí)訓(xùn)1.5.1 實(shí)訓(xùn)一：賞析三只松鼠旗艦店的顏色搭配和布局1.5.2 實(shí)訓(xùn)二：賞析TPIWR天貓旗艦店顏色搭配和字體搭配小結(jié)了解網(wǎng)店美工相關(guān)基礎(chǔ)和技能知識(shí)。能夠運(yùn)用網(wǎng)店美工的設(shè)計(jì)要點(diǎn)，結(jié)合突出重點(diǎn)的文案，制

4、作美觀的設(shè)計(jì)圖。思考及作業(yè)想一想：網(wǎng)店美工還應(yīng)掌握其他哪些知識(shí)和技能？網(wǎng)店設(shè)計(jì)風(fēng)格的確認(rèn)過程？討論不同的商品應(yīng)搭配哪些文字分隔？在網(wǎng)店裝修設(shè)計(jì)中，字體變形處理的優(yōu)勢(shì)？練一練：根據(jù)實(shí)訓(xùn)目標(biāo)，需要先了解首頁(yè)中包含的信息和內(nèi)容，在其中講解顏色搭配和布局方式。先分析頁(yè)面的設(shè)計(jì)元素，再對(duì)頁(yè)面的顏色搭配與字體搭配進(jìn)行依次分析。第2章課時(shí)內(nèi)容拍攝圖片與視頻授課時(shí)間90分鐘課時(shí)2教學(xué)目標(biāo) 熟悉圖片拍攝前的準(zhǔn)備。 掌握拍攝時(shí)的構(gòu)圖技巧。 掌握商品圖片和視頻的拍攝。教學(xué)重點(diǎn) 了解拍攝所需的儀器有哪些。 掌握九宮格構(gòu)圖、三分法構(gòu)圖和十字形構(gòu)圖等拍攝方法。 掌握拍攝圖片和視頻的流程與方法。教學(xué)難點(diǎn) 能夠?yàn)樘攸c(diǎn)的場(chǎng)景選

5、擇合適的拍攝方法。 拍攝器材功能的使用和環(huán)境的掌握，達(dá)到最好的拍攝效果。教學(xué)設(shè)計(jì)教學(xué)思路：（1）首先講解拍攝前器材的準(zhǔn)備工作；（2）接著對(duì)拍攝時(shí)的構(gòu)圖技巧進(jìn)行講解；（3）再講解應(yīng)對(duì)不同環(huán)境的拍攝圖片方法；（4）還有視屏拍攝的要求與流程；（5）最后安排知識(shí)拓展和課堂實(shí)訓(xùn)，討論和練習(xí)本章知識(shí)。教學(xué)手段：（1）逐一列出，詳解拍攝時(shí)的方法與技巧；（2）通過知識(shí)拓展探討問題，掌握網(wǎng)店設(shè)計(jì)裝修中應(yīng)注意的事項(xiàng)；（3）以實(shí)例講解操作，對(duì)設(shè)置的方法以及效果均配圖講解。教學(xué)資料及要求：除教材中講解的知識(shí)，學(xué)員可在現(xiàn)實(shí)生活中拍攝商品實(shí)拍圖，嘗試在不同環(huán)境下拍攝完美的效果圖。教學(xué)內(nèi)容知識(shí)回顧：在前面講解了網(wǎng)店美工的基

6、礎(chǔ)額其技能要點(diǎn)，以及文案在網(wǎng)店美工中的作用和編寫策劃。討論問題：1、商品實(shí)拍圖片常具有的常見問題有哪些？ 2、怎樣營(yíng)造良好的拍攝條件？?jī)?nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。2.1 拍攝前的準(zhǔn)備工作2.1.1 相機(jī)的選擇與使用2.1.2 拍攝所需的輔助器材2.1.3 商品的清潔與擺放2.2 拍攝時(shí)的構(gòu)圖技巧2.2.1 九宮格構(gòu)圖2.2.2 三分法構(gòu)圖2.2.3 十字形構(gòu)圖2.2.4 橫線構(gòu)圖2.2.5 豎線構(gòu)圖2.2.6 斜線構(gòu)圖2.2.7 疏密相間法構(gòu)圖2.2.8 遠(yuǎn)近結(jié)合、明暗相間法構(gòu)圖2.3 拍攝商品圖片2.3.1 構(gòu)建拍攝環(huán)境2.3.2 拍攝吸光類商品圖片2.3.3 拍攝反光

7、類商品圖片2.3.4 拍攝透明類商品圖片2.4 拍攝視頻2.4.1 視頻的基本術(shù)語(yǔ)2.4.2 視頻拍攝的要求2.4.3 拍攝視頻的流程2.4.4 拍攝寶貝視頻2.5 知識(shí)拓展1. 商品圖片的拍攝要求有哪些？2. 拍攝過程中常見布光方式有哪些呢？2.6 課堂實(shí)訓(xùn)2.6.1 實(shí)訓(xùn)一：拍攝不銹鋼鍋視頻2.6.2 實(shí)訓(xùn)二：拍攝洗面奶商品圖片小結(jié)根據(jù)不同的環(huán)境條件和器材功能，拍攝不同效果圖片。掌握使用各種調(diào)技巧命令對(duì)圖片進(jìn)行構(gòu)圖。掌握拍攝視頻的要點(diǎn)和流程。思考及作業(yè)想一想：環(huán)境差時(shí)，拍攝商品圖片的補(bǔ)救方法有哪些？拍攝時(shí)不同的效果各自的布景方式怎樣？練一練：（1）根據(jù)實(shí)訓(xùn)目標(biāo)，先拍攝不銹鋼鍋的整體效果，再

8、拍攝材質(zhì)和工藝。 （2）根據(jù)實(shí)訓(xùn)目標(biāo)，需要先將洗面奶放到固定位置，再根據(jù)需要整體和單個(gè)展現(xiàn)，并拍攝展現(xiàn)效果。 第3章課時(shí)內(nèi)容處理商品圖片授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo) 掌握調(diào)整商品圖片尺寸的方法。 掌握修飾商品圖片的方法。 掌握調(diào)整商品圖片色彩與質(zhì)感的方法。 掌握商品圖片的扣取和合成。 掌握文字和形狀在效果圖中的應(yīng)用。教學(xué)重點(diǎn) 掌握網(wǎng)店中常用的商品圖片尺寸，以及調(diào)整、裁剪、校正圖片的方法。 掌握處理圖片污點(diǎn)、修復(fù)瑕疵以及虛化背景的方法。 處理偏暗、偏亮和偏色的圖片。 掌握扣取不同類型的圖片以及合成的方法。 掌握添加形狀和文字的方法。教學(xué)難點(diǎn) 能夠精細(xì)地處理圖片的細(xì)節(jié)，使處理后的圖片自然。 能

9、夠配合使用各種元素，構(gòu)成美觀且適合主題的圖像。教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹制作正確規(guī)范的商品圖片尺寸和其處理方法；（2）通過案例介紹圖片修飾過程中常見的幾類處理問題，如去除圖片污漬、去除圖片瑕疵、虛化背景等知識(shí)；（3）再介紹處理常見的商品圖片色彩與質(zhì)感問題，以及圖片扣取與合成案例；（4）然后介紹通過添加文字、形狀等元素豐富圖像；（5）最后安排知識(shí)拓展和課堂實(shí)訓(xùn)，討論和練習(xí)本章知識(shí)。教學(xué)手段：（1）每一個(gè)知識(shí)點(diǎn)都使用案例的形式講解；（2）舉出網(wǎng)店美工中經(jīng)常遇到的情況，與實(shí)際相結(jié)合，更加實(shí)用。（3）問題探討的形式，交流并解決問題。教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)員還需通過其他途徑找到網(wǎng)店修圖中

10、的其他問題，并掌握其解決方法。教學(xué)內(nèi)容知識(shí)回顧：前面講解了商品圖片和視頻素材的拍攝流程和技巧。討論問題：1、網(wǎng)店常見的圖片問題有哪些？2、添加元素常用于那種圖像的制作？ 3、對(duì)于扣取的圖像需要進(jìn)行哪些處理？?jī)?nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。3.1 調(diào)整商品圖片尺寸3.1.1 網(wǎng)店圖片的常見尺寸3.1.2 調(diào)整商品圖片的尺寸3.1.3 裁剪商品圖片3.1.4 矯正傾斜圖片3.2 修飾商品圖片3.2.1 處理商品圖片中的污點(diǎn)3.2.2 修復(fù)商品中的瑕疵3.2.3 虛化商品背景3.3 調(diào)整商品圖片的色彩與質(zhì)感3.3.1 處理偏暗的圖片3.3.2 處理偏亮的圖片3.3.3 處理偏色的圖

11、片3.4 商品圖片的摳取與合成3.4.1 摳取單色背景的商品圖片3.4.2 摳取精細(xì)的商品圖片3.4.3 摳取半透明的商品圖片3.4.4 合成完整商品圖片效果3.5 文字與形狀的輸入與編輯3.5.1 為商品添加說明性文字3.5.2 為圖片添加文字水印3.5.3 為商品圖片添加形狀3.6 知識(shí)拓展1. 怎么判斷商品圖片需要調(diào)色？2. 怎么保證處理商品圖片后照片不失真？3. 怎樣讓圖片表達(dá)的信息更加完整？4. 商品圖片處理時(shí)需要注意的問題有哪些？3.7 課堂實(shí)訓(xùn)3.7.1 實(shí)訓(xùn)一：摳取人物并制作洗發(fā)水效果圖3.7.2 實(shí)訓(xùn)二：處理商品圖片顏色3.7.3 實(shí)訓(xùn)三：去除美食中的污漬小結(jié)學(xué)會(huì)圖片裁剪技巧

12、。掌握常見圖像問題的修飾處理。對(duì)圖片色彩和質(zhì)感進(jìn)行賞析并學(xué)會(huì)處理。掌握單色、精細(xì)、半透明圖片的扣取和合成圖片掌握為圖像添加元素的方法。思考及作業(yè)想一想：怎么保證處理不清晰的商品圖片？怎樣使插入的元素更加合理美觀？商品圖片扣取時(shí)需要注意的細(xì)節(jié)問題有哪些？練一練：根據(jù)實(shí)訓(xùn)目標(biāo)，需要先將美女摳取出來，再應(yīng)用到背景中并進(jìn)行不透明度的處理。 使用“亮度/對(duì)比度”命令處理圖片，調(diào)整其亮度和對(duì)比度，使其更加美觀。 使用“亮度/對(duì)比度”命令處理圖片，調(diào)整其亮度和對(duì)比度，使其更加美觀。 第4章課時(shí)內(nèi)容制作轉(zhuǎn)化流量的視覺圖授課時(shí)間90分鐘課時(shí)2教學(xué)目標(biāo) 掌握高點(diǎn)擊率主圖的制作方法。 掌握具有創(chuàng)意的直通車推廣圖設(shè)計(jì)

13、的方法。 掌握吸引人的智鉆圖制作的方法。教學(xué)重點(diǎn) 掌握主圖的設(shè)計(jì)規(guī)范和制作要點(diǎn)與技巧。 了解直通車的含義和設(shè)計(jì)原則，掌握其投放策略和技巧。 掌握知智鉆圖設(shè)計(jì)與排版技巧，以及其定義和位置。教學(xué)難點(diǎn)在視覺圖設(shè)計(jì)中使用制作技巧與方法制作具有創(chuàng)新性和美觀適用性的視覺圖。教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹主圖制作的要求、要點(diǎn)與技巧；（2）介紹推廣圖的含義、設(shè)計(jì)原則和其投放的策略與位置；（3）介紹智鉆圖的定義與位置，以及設(shè)計(jì)和排版方法；（4）最后安排知識(shí)拓展和課堂實(shí)訓(xùn)，討論和練習(xí)本章知識(shí)。教學(xué)手段：（1）通過知識(shí)拓展講解設(shè)局惡徒設(shè)計(jì)中的要點(diǎn)，講解結(jié)束后用案例訓(xùn)練和制作；（2）內(nèi)容由淺及深，從基礎(chǔ)到制作，用實(shí)例對(duì)

14、每個(gè)知識(shí)點(diǎn)進(jìn)行訓(xùn)練。教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)院可以結(jié)合淘寶、天貓中真實(shí)的、高客流量的網(wǎng)店視覺圖，參考其設(shè)計(jì)方法，學(xué)習(xí)他們吸引流量的方法。教學(xué)內(nèi)容知識(shí)回顧：在前面講解了修飾圖片內(nèi)容、調(diào)整圖片色彩和質(zhì)感和扣取合成圖像，以及為圖像添加文字、形狀等知識(shí)。討論問題：1、不同種類的商品，其視覺圖設(shè)計(jì)風(fēng)格是否有一定規(guī)范？ 2、網(wǎng)店常用的宣傳、擴(kuò)大流量的方法有哪些？?jī)?nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。4.1 制作高點(diǎn)擊率主圖4.1.1 主圖的尺寸要求4.1.2 商品主圖設(shè)計(jì)的要點(diǎn)4.1.3 商品主圖的制作技巧4.1.4 制作主圖圖片4.1.5 制作主圖視頻4.2 制作具有創(chuàng)意的直通車

15、推廣圖4.2.1 什么是直通車推廣4.2.2 直通車投放的策略4.2.3 直通車的展現(xiàn)位置4.2.4 直通車的設(shè)計(jì)原則4.2.5 制作直通車圖4.3 制作具有吸引力的智鉆圖4.3.1 智鉆的定義和位置4.3.2 智鉆圖的設(shè)計(jì)標(biāo)準(zhǔn)4.3.3 智鉆圖的排版方式4.3.4 制作智鉆圖4.4 知識(shí)拓展1. 常用的視頻格式有哪些特點(diǎn)？2. 怎樣通過不同的主圖來表達(dá)產(chǎn)品？3. 怎樣在宣傳圖中體現(xiàn)消費(fèi)者最在意的問題？4. 智鉆投放的目的和策略主要有哪些？4.5 課堂實(shí)訓(xùn)4.5.1 實(shí)訓(xùn)一：制作燈具主圖4.5.2 實(shí)訓(xùn)二：制作直通車推廣圖小結(jié)掌握主圖、直通車推廣圖、智鉆圖的設(shè)計(jì)規(guī)范與設(shè)計(jì)原則。思考及作業(yè)想一想

16、：影響流量的主要因素有哪些？提高流量的常用方法有哪些？主圖、推廣圖和智鉆圖各自的作用，以及其側(cè)重展示商品的什么地方？練一練：制作時(shí)先制作主圖背景，突出創(chuàng)意感，再輸入文字并添加素材。 制作一個(gè)以“促銷活動(dòng)”為主的直通車推廣圖，注重的是對(duì)促銷信息的描述，要在圖片中盡量表現(xiàn)促銷的吸引力（即各種促銷手段）、體現(xiàn)促銷的主題（這里為雙11）、促銷活動(dòng)的時(shí)間等信息。 第5章課時(shí)內(nèi)容首頁(yè)的設(shè)計(jì)與制作授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo) 認(rèn)識(shí)店鋪首頁(yè)。 掌握店招設(shè)計(jì)的方法。 掌握全屏輪播圖制作的方法。 掌握優(yōu)惠券的方法。 掌握分類模塊制作的方法。教學(xué)重點(diǎn) 首頁(yè)設(shè)計(jì)的注意事項(xiàng)與要點(diǎn)。 不同風(fēng)格店招的設(shè)計(jì)與制作。 全屏

17、輪播圖設(shè)計(jì)要點(diǎn)與制作。 優(yōu)惠券設(shè)計(jì)要點(diǎn)與制作。 分類模塊設(shè)計(jì)要點(diǎn)與制作。 促銷展示模塊和首頁(yè)尾頁(yè)的制作。教學(xué)難點(diǎn)首頁(yè)核心模塊的設(shè)計(jì)與制作。教學(xué)設(shè)計(jì)教學(xué)思路：（1）首先對(duì)首頁(yè)進(jìn)行的認(rèn)識(shí)；（2）逐步介紹店鋪店招、全屏輪播圖、優(yōu)惠券、分類模塊和其他模塊的制作方法；（3）最后安排知識(shí)拓展和課堂實(shí)訓(xùn)，討論和練習(xí)本章知識(shí)。教學(xué)手段：（1）通過對(duì)話框項(xiàng)目分析詳情頁(yè)的內(nèi)容與要點(diǎn)；（2）通過實(shí)例的制作，以步驟的形式講解網(wǎng)店的設(shè)計(jì)與裝修的具體方法。教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)院可以結(jié)合淘寶、天貓中真實(shí)的網(wǎng)店首頁(yè)，參考其設(shè)計(jì)方法，嘗試做一個(gè)完整的網(wǎng)店首頁(yè)。教學(xué)內(nèi)容知識(shí)回顧：在前面講解了制作高流量的視覺圖等知

18、識(shí)。討論問題：1、不同種類商品的首頁(yè)設(shè)計(jì)風(fēng)格？ 2、網(wǎng)店首頁(yè)圖片的大小尺寸是否有一定規(guī)范？?jī)?nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。5.1 認(rèn)識(shí)店鋪首頁(yè)5.1.1 首頁(yè)設(shè)計(jì)的注意事項(xiàng)5.1.2 店鋪首頁(yè)布局的要點(diǎn)5.2 制作店鋪店招5.2.1 店招的設(shè)計(jì)原則5.2.2 確定店招與眾不同的風(fēng)格5.2.3 制作店鋪Logo5.2.4 制作通欄店招5.3 制作全屏輪播圖5.3.1 全屏輪播圖的設(shè)計(jì)要點(diǎn)5.3.2 制作首張全屏海報(bào)圖5.3.3 制作第2張全屏海報(bào)圖5.4 制作優(yōu)惠券5.4.1 優(yōu)惠券的設(shè)計(jì)要點(diǎn)5.4.2 制作店鋪優(yōu)惠券5.5 制作分類模塊5.5.1 分類模塊的設(shè)計(jì)要點(diǎn)5.5.2

19、 分類模塊的制作5.6 制作其他模塊5.6.1 制作寶貝促銷展示模塊5.6.2 制作首頁(yè)頁(yè)尾5.7 知識(shí)拓展1. 怎么選擇Logo素材？2. 怎么應(yīng)用淘寶自帶的模板？3. 淘寶首頁(yè)的設(shè)計(jì)技巧有哪些？5.8 課堂實(shí)訓(xùn)制作婚紗首頁(yè)小結(jié)認(rèn)識(shí)首頁(yè)首頁(yè)設(shè)計(jì)的注意事項(xiàng)和要點(diǎn)。掌握店鋪店招、全屏輪播圖、優(yōu)惠券分類模塊等的制作。思考及作業(yè)想一想：可以將自己制作的首頁(yè)設(shè)計(jì)文模板嗎？首頁(yè)各版塊的設(shè)計(jì)風(fēng)格和設(shè)計(jì)語(yǔ)言與主題的結(jié)合？首頁(yè)各版塊的銜接方法？練一練：首先制作店招、海報(bào)、促銷模塊、產(chǎn)品展示區(qū)等內(nèi)容，最后制作尾頁(yè)使畫面更加完整。 第6章課時(shí)內(nèi)容詳情頁(yè)的設(shè)計(jì)與制作授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo) 認(rèn)識(shí)商品詳情頁(yè)基

20、礎(chǔ)。 掌握詳情頁(yè)各版塊的制作方法。教學(xué)重點(diǎn) 制作寶貝焦點(diǎn)圖的方法。 制作商品賣點(diǎn)圖的方法。 制作信息展示圖的方法。 制作商品細(xì)節(jié)圖的方法。 制作商品快遞與售后圖的方法。教學(xué)難點(diǎn)商品詳情頁(yè)設(shè)計(jì)與各模塊的制作。教學(xué)設(shè)計(jì)教學(xué)思路：（1）首先介紹詳情頁(yè)制作的各種要點(diǎn)，包括尺寸規(guī)范、設(shè)計(jì)要點(diǎn)、設(shè)計(jì)思路、準(zhǔn)備工作和制作原則；（2）然后介紹詳情頁(yè)各版塊的設(shè)計(jì)與制作；（3）最后安排知識(shí)拓展和課堂實(shí)訓(xùn)，討論和練習(xí)本章知識(shí)。教學(xué)手段：（1）通過對(duì)話框項(xiàng)目分析詳情頁(yè)的內(nèi)容與要點(diǎn)；（2）通過實(shí)例的制作，以基礎(chǔ)描述加實(shí)例的方法快速掌握詳情頁(yè)制作要點(diǎn)。教學(xué)資料及要求：除講解教材中的知識(shí)外，結(jié)合課堂實(shí)時(shí)練習(xí)，讓學(xué)員熟練掌握

21、詳情頁(yè)設(shè)計(jì)方法。教學(xué)內(nèi)容知識(shí)回顧：在前面講解了網(wǎng)店首頁(yè)制作的相關(guān)知識(shí)。討論問題：1、如何在詳情頁(yè)中講到顧客關(guān)注的重點(diǎn)？ 2、如何制作更美觀合理的商品詳情頁(yè)？?jī)?nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。6.1 認(rèn)識(shí)商品詳情頁(yè)6.1.1 商品詳情頁(yè)的尺寸規(guī)范6.1.2 商品詳情頁(yè)的設(shè)計(jì)要點(diǎn)6.1.3 商品詳情頁(yè)的設(shè)計(jì)思路與準(zhǔn)備工作6.1.4 商品詳情頁(yè)應(yīng)遵循的原則6.2 制作焦點(diǎn)圖6.2.1 焦點(diǎn)圖的設(shè)計(jì)要點(diǎn)6.2.2 焦點(diǎn)圖的制作6.3 制作商品賣點(diǎn)圖6.3.1 賣點(diǎn)的特征6.3.2 賣點(diǎn)提煉的原則與方法6.3.3 制作賣點(diǎn)圖6.4 制作商品信息展示圖6.4.1 商品參數(shù)的常用表達(dá)方式6.

22、4.2 制作信息展示圖6.5 制作商品細(xì)節(jié)圖6.5.1 細(xì)節(jié)圖的展示方法6.5.2 制作細(xì)節(jié)圖6.6 制作商品快遞與售后圖6.6.1 快遞與售后圖的設(shè)計(jì)要點(diǎn)6.6.2 制作快遞與售后圖6.7 知識(shí)拓展1. 淘寶詳情頁(yè)的設(shè)計(jì)技巧有哪些？2. 如何抓住詳情頁(yè)設(shè)計(jì)的重點(diǎn)？3. 詳情頁(yè)中顧客流失的原因是什么？6.8 課堂實(shí)訓(xùn)制作女包詳情頁(yè)小結(jié)1、認(rèn)識(shí)詳情頁(yè)及掌握其制作方法。2、掌握店鋪主要模塊的設(shè)置和編輯方法。思考及作業(yè)想一想：1.商品詳情頁(yè)主要描述的商品的什么內(nèi)容？2.在制作商品詳情頁(yè)時(shí)，怎樣對(duì)圖文進(jìn)行合理排列和布局？練一練：先制作焦點(diǎn)圖、商品參數(shù)、色彩選擇、商品亮點(diǎn)以及細(xì)節(jié)展示等內(nèi)容，最后制作尾頁(yè)

23、使畫面更加完整。 第7章課時(shí)內(nèi)容裝修店鋪授課時(shí)間90分鐘課時(shí)2教學(xué)目標(biāo) 掌握切片功能的使用。 掌握?qǐng)D片空間的方法。 掌握使用模塊裝修店鋪的方法。教學(xué)重點(diǎn) 掌握?qǐng)D片的切片技巧與保存方法。 掌握上傳切片至圖片空間并管理的方法。 掌握使用系統(tǒng)模塊、源代碼等模塊裝修店鋪。教學(xué)難點(diǎn) 掌握切片的應(yīng)用流程和技巧。 掌握裝修為顧客感興趣的店鋪界面。教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹切片的使用技巧，并通過案例介紹切片的方法；（2）介紹使用與管理圖片空間，并結(jié)合案例介紹上傳切片和刪除替換空間圖片的方法；（3）最后安排知識(shí)拓展和課堂實(shí)訓(xùn)，討論和練習(xí)本章知識(shí)。教學(xué)手段：（1）主要通過技巧要點(diǎn)加綜合案例的形式講解本章的知識(shí)；

24、（2）通過課堂實(shí)訓(xùn)操作，引導(dǎo)學(xué)生快速熟悉并掌握相關(guān)知識(shí)。教學(xué)資料及要求：除講解教材中的知識(shí)外，還可結(jié)合課堂討論，對(duì)制作過程中問題進(jìn)行總結(jié)，并不斷積累設(shè)計(jì)思路。教學(xué)內(nèi)容知識(shí)回顧：前面講解了商品詳情頁(yè)的設(shè)計(jì)與制作等內(nèi)容。討論問題：1、圖片空間存儲(chǔ)圖片有限制嗎？ 2、店鋪裝修模塊具體有哪些？?jī)?nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。7.1 使用Photoshop切片7.1.1 淘寶美工必知的切片技巧7.1.2 切片與保存圖片7.2 使用圖片空間7.2.1 圖片空間的進(jìn)入方法7.2.2 上傳圖片到圖片空間7.2.3 管理空間圖片7.2.4 刪除與替換空間圖片7.3 裝修店鋪7.3.1 認(rèn)識(shí)裝修

25、模塊7.3.2 使用系統(tǒng)模塊裝修店鋪7.3.3 使用源代碼裝修7.3.4 使用其他模塊裝修7.4 知識(shí)拓展1. 什么是HTML 標(biāo)簽？2. 店鋪中常見的鏈接代碼有哪些？7.5 課堂實(shí)訓(xùn)對(duì)料理機(jī)切片小結(jié)學(xué)會(huì)使用切片功能將圖片上傳至圖片空間。掌握使用各裝修模塊裝修店鋪。思考及作業(yè)想一想：還有哪些素材可以用于裝修店鋪？切片的圖片有連續(xù)性嗎？可否改變順序？圖片素材的鏈接制作方法？練一練：在制作時(shí)先打開料理機(jī)海報(bào)，并添加輔助線，再進(jìn)行切片和保存。 第8章課時(shí)內(nèi)容無線端店鋪的設(shè)計(jì)授課時(shí)間90分鐘課時(shí)2教學(xué)目標(biāo) 了解無線端首頁(yè)設(shè)計(jì)基礎(chǔ)。 掌握無線端首頁(yè)設(shè)計(jì)與制作。 掌握無線端詳情頁(yè)設(shè)計(jì)與制作。教學(xué)重點(diǎn) 認(rèn)識(shí)

26、無線端首頁(yè)，以及其裝修要點(diǎn)，與電腦端的區(qū)別。 認(rèn)識(shí)無線端首頁(yè)組成，掌握其店招、焦點(diǎn)圖、優(yōu)惠券、促銷區(qū)展示圖和列表頁(yè)面的制作。 掌握無線端詳情頁(yè)的特征和設(shè)計(jì)要點(diǎn)與方法。教學(xué)難點(diǎn) 掌握無線端頁(yè)面的裝修方法 掌握無線端效果展示界面的設(shè)計(jì)方法教學(xué)設(shè)計(jì)教學(xué)思路：（1）通過對(duì)無線端基礎(chǔ)的介紹，并與電腦端對(duì)比，讓學(xué)員了解無線端；（2）介紹無線端首頁(yè)的組成和裝修要點(diǎn)，以及各模塊的制作；（3）介紹無線端詳情頁(yè)的制作；（4）最后安排知識(shí)拓展和課堂實(shí)訓(xùn)，討論和練習(xí)本章知識(shí)。教學(xué)手段：（1）通過裝修案例詳解講解無線端端頁(yè)面設(shè)計(jì)與裝修的方法；（2）適用性強(qiáng)，融入了當(dāng)前流行的無線端推廣方式。教學(xué)資料及要求：除講解教材中的

27、知識(shí)外，可搜集無線端裝修的模板，并分析優(yōu)秀的網(wǎng)上店鋪的無線端裝修效果，總結(jié)無線端裝修與推廣要點(diǎn)。教學(xué)內(nèi)容知識(shí)回顧：前面講解了使用切片和模塊裝修店鋪等相關(guān)知識(shí)。討論問題：1、如何進(jìn)入無線端裝修頁(yè)面？ 2、如何應(yīng)用模板快速實(shí)現(xiàn)無線端的裝修？?jī)?nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。8.1 無線端店鋪裝修的基礎(chǔ)知識(shí)8.1.1 無線端裝修的必要性8.1.2 無線端店鋪的裝修要點(diǎn)8.1.3 無線端店鋪與電腦端店鋪大比拼8.2 無線端首頁(yè)設(shè)計(jì)與制作8.2.1 無線端首頁(yè)模塊組成和裝修要點(diǎn)8.2.2 制作無線端店招8.2.3 制作無線端焦點(diǎn)圖8.2.4 制作無線端優(yōu)惠券8.2.5 制作無線端促銷區(qū)展示圖8.2.6 制作無線端列表頁(yè)面8.3 無線端詳情頁(yè)