網(wǎng)店美工教案

1、精選優(yōu)質(zhì)文檔-傾情為你奉上精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)專心-專注-專業(yè)精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)網(wǎng)店美工與視覺設(shè)計(jì)教學(xué)教案第1章課時(shí)內(nèi)容網(wǎng)店美工和基本技能授課時(shí)間 課時(shí)8教學(xué)目標(biāo) 熟知網(wǎng)店美工的技能要求和了解常用美工軟件； 了解網(wǎng)店美工中需要注意的問題； 掌握電商視覺設(shè)計(jì)黃金構(gòu)圖法； 掌握適合自己網(wǎng)店美工風(fēng)格的確定方法； 理解網(wǎng)店美工的概念。教學(xué)重點(diǎn) 掌握適合自己網(wǎng)店美工風(fēng)格的確定方法。教學(xué)難點(diǎn) 掌握適合自己網(wǎng)店美工風(fēng)格的確定方法。教學(xué)設(shè)計(jì)1.教學(xué)思路：（1）網(wǎng)店美工的工作范疇與設(shè)計(jì)要求；（2）網(wǎng)店美工常用的圖像制作與處理軟件；（3）網(wǎng)店美工與店鋪裝修風(fēng)格。2.教

2、學(xué)手段：（1）通過現(xiàn)場演示引起學(xué)生們對設(shè)計(jì)的興趣，并帶動課堂氛圍；（2）通過大量優(yōu)秀案例欣賞，加強(qiáng)視覺沖擊，提高鑒賞辨別能力。 教學(xué)資料及要求： 教學(xué)過程中除了講解必備的理論知識外，還可列舉一些比較有代表性的案例，提高學(xué)生的學(xué)習(xí)興趣。教學(xué)內(nèi)容內(nèi)容大綱：1.1網(wǎng)店美工的工作范疇與設(shè)計(jì)要求1.1.1 網(wǎng)店美工概述1.1.2 網(wǎng)店美工人員的工作內(nèi)容與技能要求1.2網(wǎng)店美工常用的圖像制作與處理軟件1.2.1 Photoshop1.2.2 電商圖片助手1.2.3 Dreamweaver 1.2.4 Flash1.2.5 Illustrator1.2.6 Fireworks1.3網(wǎng)店美工與店鋪裝修風(fēng)格1.

3、3.1 確定店鋪裝修風(fēng)格的重要性1.3.2 確定店鋪裝修風(fēng)格的方法1.3.3 不同店鋪裝修風(fēng)格欣賞課后練習(xí)小結(jié)網(wǎng)店美工應(yīng)具備的基本技能要求；網(wǎng)店美工設(shè)計(jì)常用的幾種軟件；網(wǎng)店裝修風(fēng)格的確定與賞析。課后習(xí)題（1）請列舉網(wǎng)店美工常用的軟件及它們之間的區(qū)別。（2）請為一個(gè)商品確定店鋪裝修風(fēng)格。網(wǎng)店美工與視覺設(shè)計(jì)（視頻指導(dǎo)版）配套教學(xué)教案第2章課時(shí)內(nèi)容網(wǎng)店配色與圖片素材收集授課時(shí)間 課時(shí)6教學(xué)目標(biāo) 熟悉并掌握店鋪色彩搭配技巧方法； 了解網(wǎng)店美工色彩心理應(yīng)用； 掌握店鋪掌握網(wǎng)店圖片素材收集技巧 教學(xué)重點(diǎn) 能獨(dú)立設(shè)計(jì)制作出符合店鋪風(fēng)格的店鋪顏色搭配。教學(xué)難點(diǎn) 掌握色彩基礎(chǔ)知識原理。教學(xué)設(shè)計(jì)1.教學(xué)思路：（1

4、）講解色彩基礎(chǔ)知識原理以及設(shè)計(jì)要點(diǎn)；（2）講解店鋪店鋪色彩搭配技巧方法；（3）講解網(wǎng)店美工色彩心理應(yīng)用以及圖片素材收集技巧。2.教學(xué)手段：（1）通過更多實(shí)例引起學(xué)生們對設(shè)計(jì)的興趣；（2）任務(wù)式教學(xué)手段，增加師生互動。 教學(xué)資料及要求： 教學(xué)過程中除了講解必備的理論知識外，還可列舉一些比較有代表性的案例，提高學(xué)生的學(xué)習(xí)興趣。教學(xué)內(nèi)容內(nèi)容大綱：2.1 了解店鋪裝修必備的色彩知識2.1.1構(gòu)成色彩的三要素色相、明度、純度2.1.2店鋪色彩心理應(yīng)用2.2 店鋪色彩搭配技巧2.2.1色相對比與調(diào)和的搭配技巧2.2.2明度對比與調(diào)和的搭配技巧2.2.3純度對比與調(diào)和的搭配技巧2.3 挑選合適店鋪的色彩搭配

5、2.3.1 根據(jù)店鋪特點(diǎn)選擇主色2.3.2 店鋪的主色、輔助色、點(diǎn)綴色搭配2.4 圖片素材規(guī)劃與收集 2.4.1圖片色彩屬性概述2.4.2選擇圖片格式2.4.3選擇圖片篩選規(guī)劃技巧本章小結(jié)課后練習(xí)小結(jié)掌握店鋪色彩搭配技巧方法；掌握網(wǎng)店美工色彩心理應(yīng)用以及圖片素材收集技巧；課后習(xí)題請收集5組不同主色風(fēng)格的店鋪圖片。請分析兒童用品店鋪的用色規(guī)律。網(wǎng)店美工與視覺設(shè)計(jì)（視頻指導(dǎo)版）配套教學(xué)教案第3章課時(shí)內(nèi)容網(wǎng)店商品圖片美化授課時(shí)間 課時(shí)6教學(xué)目標(biāo) 能利用Photoshop CS6圖像處理軟件進(jìn)行基本的圖片處理。能利用Photoshop CS6圖像處理軟件進(jìn)行圖片的美化。教學(xué)重點(diǎn) 能掌握Photosho

6、p CS6圖像處理軟件各工具的基本操作以及快鍵鍵；掌握網(wǎng)店圖片裁剪、污點(diǎn)處理、摳圖、以及調(diào)色的基本操作。教學(xué)難點(diǎn) 掌握摳圖的基本操作教學(xué)設(shè)計(jì)1.教學(xué)思路：（1）講解工具的基本用法；（2）講解配合快捷鍵的使用方法；（3）講解店鋪圖片處理的基本思路。2.教學(xué)手段：（1）通過更多實(shí)例引起學(xué)生們對設(shè)計(jì)的興趣；（2）任務(wù)式教學(xué)手段，增加師生互動。 教學(xué)資料及要求： 教學(xué)過程中除了講解必備的理論知識外，還可列舉一些比較有代表性的案例，提高學(xué)生的學(xué)習(xí)興趣。教學(xué)內(nèi)容內(nèi)容大綱：3.1 Photoshop圖像處理軟件3.1.1 認(rèn)識Photoshop的界面3.1.2 Photoshop常用工具3.1.3 Phot

7、oshop圖層的基本操作3.2 網(wǎng)店圖片裁剪3.2.1 固定尺寸裁剪3.2.2 調(diào)整圖片大小3.3 網(wǎng)店圖片污點(diǎn)處理3.3.1 使用污點(diǎn)修復(fù)工具美化圖片3.3.2 使用圖章工具美化圖片3.4 摳圖技巧3.4.1 使用魔術(shù)棒工具摳圖3.4.2 使用快速選擇工具摳圖3.4.3 使用套索工具摳圖3.4.3 使用鋼筆工具摳圖3.5商品圖調(diào)色處理3.5.1 使用“色階”命令調(diào)整圖片3.5.2 使用“曲線”命令調(diào)整圖片3.5.3 調(diào)整圖片的亮度與對比度3.5.4 調(diào)整圖片的色相與飽和度3.5.5 使用“色彩平衡”命令調(diào)整圖片本章小結(jié)課后練習(xí)小結(jié)能利用Photoshop CS6圖像處理軟件進(jìn)行基本的圖片處理

8、。2、能利用Photoshop CS6圖像處理軟件進(jìn)行圖片的美化。課后習(xí)題對網(wǎng)店圖片進(jìn)行基本編輯處理；對素材圖片進(jìn)行裁剪、污點(diǎn)處理、摳圖、以及調(diào)色的基本操作網(wǎng)店美工與視覺設(shè)計(jì)（視頻指導(dǎo)版）配套教學(xué)教案第4章課時(shí)內(nèi)容店鋪LOGO與店招視覺設(shè)計(jì)授課時(shí)間 課時(shí)4教學(xué)目標(biāo) 熟悉并掌握店鋪LOGO的含義、常見類型、設(shè)計(jì)策略及設(shè)計(jì)步驟；了解導(dǎo)航欄的參數(shù)設(shè)置以及設(shè)計(jì)步驟； 掌握店招的設(shè)計(jì)要點(diǎn)及具體步驟。 教學(xué)重點(diǎn) 能獨(dú)立設(shè)計(jì)制作出符合店鋪風(fēng)格的店鋪LOGO、導(dǎo)航欄及店招。教學(xué)難點(diǎn) 能根據(jù)需要對店鋪進(jìn)行裝修。教學(xué)設(shè)計(jì)1.教學(xué)思路：（1）講解店鋪LOGO與店招視覺設(shè)計(jì)的設(shè)計(jì)要點(diǎn)及主要內(nèi)容；（2）講解店鋪LOGO

9、與店招視覺設(shè)計(jì)的常見布局；（3）具體演示店鋪LOGO與店招的設(shè)計(jì)制作的具體操作步驟。2.教學(xué)手段：（1）通過現(xiàn)場演示引起學(xué)生們對設(shè)計(jì)的興趣，并帶動課堂氛圍；（2）任務(wù)式教學(xué)手段，增加師生互動。 教學(xué)資料及要求： 教學(xué)過程中除了講解必備的理論知識外，還可列舉一些比較有代表性的案例，提高學(xué)生的學(xué)習(xí)興趣。教學(xué)內(nèi)容內(nèi)容大綱：4.1 店鋪LOGO視覺設(shè)計(jì)4.1.1 什么是店鋪LOGO4.1.2 店鋪LOGO的常用位置1店鋪?zhàn)笊辖?店鋪正中央 4.1.3 店鋪LOGO的主要類型 1中文文字型2英文文字型3中英文結(jié)合型4圖形型 5. 圖文結(jié)合型4.1.4 店鋪LOGO的設(shè)計(jì)策略4.1.5 店鋪LOGO的設(shè)計(jì)

10、制作4.2 店鋪導(dǎo)航欄視覺設(shè)計(jì) 4.2.1 認(rèn)識導(dǎo)航欄 4.2.2 導(dǎo)航欄的設(shè)計(jì)展示4.3 店招視覺設(shè)計(jì)4.3.1 店招的視覺設(shè)計(jì)要點(diǎn) 4.3.2 店招的設(shè)計(jì)展示本章小結(jié)課后練習(xí)小結(jié)掌握店鋪LOGO的設(shè)計(jì)要點(diǎn)；掌握店鋪導(dǎo)航欄及店招的設(shè)計(jì)流程；課后習(xí)題（1）請?jiān)O(shè)計(jì)并制作出一個(gè)食品店的店鋪LOGO.（2）請?jiān)O(shè)計(jì)制作出一個(gè)小清新風(fēng)格的女裝店店招。 網(wǎng)店美工與視覺設(shè)計(jì)（視頻指導(dǎo)版）配套教學(xué)教案第5章課時(shí)內(nèi)容店鋪首頁視覺設(shè)計(jì)授課時(shí)間 課時(shí)8教學(xué)目標(biāo) 熟悉并掌握店鋪首頁各個(gè)模塊的設(shè)計(jì)要點(diǎn)及主要內(nèi)容；了解店鋪首頁的頁面結(jié)構(gòu)及常見布局； 掌握店鋪首頁的設(shè)計(jì)制作流程。 教學(xué)重點(diǎn) 能獨(dú)立設(shè)計(jì)制作出符合店鋪風(fēng)格的店

11、鋪首頁。教學(xué)難點(diǎn) 能根據(jù)需要對店鋪首頁進(jìn)行裝修。教學(xué)設(shè)計(jì)1.教學(xué)思路：（1）講解店鋪首頁各個(gè)模塊的設(shè)計(jì)要點(diǎn)及主要內(nèi)容；（2）講解店鋪首頁的頁面結(jié)構(gòu)及常見布局；（3）具體演示店鋪首頁每一個(gè)模塊的設(shè)計(jì)制作的具體操作步驟。2.教學(xué)手段：（1）通過現(xiàn)場演示引起學(xué)生們對設(shè)計(jì)的興趣，并帶動課堂氛圍；（2）任務(wù)式教學(xué)手段，增加師生互動。 教學(xué)資料及要求： 教學(xué)過程中除了講解必備的理論知識外，還可列舉一些比較有代表性的案例，提高學(xué)生的學(xué)習(xí)興趣。教學(xué)內(nèi)容內(nèi)容大綱：5.1 店鋪首頁布局5.1.1 店鋪首頁制作規(guī)范5.1.2 店鋪首頁的常見布局1店鋪定位2用戶的瀏覽模式3了解客戶的需求及行為5.2 店鋪首頁海報(bào)的視

12、覺設(shè)計(jì)5.2.1 首頁海報(bào)的設(shè)計(jì)要點(diǎn)1主題2構(gòu)圖3配色4輪播海報(bào)的設(shè)計(jì)流程5.2.2 首頁海報(bào)的設(shè)計(jì)制作5.3.1 寶貝陳列區(qū)的設(shè)計(jì)要點(diǎn)1商品類別要明確2要突出商品的價(jià)格和購買按鈕 3要讓產(chǎn)品主次分明5.3.2 寶貝陳列區(qū)的設(shè)計(jì)制作5.4 收藏區(qū)及客服區(qū)的視覺設(shè)計(jì) 5.4.1 收藏區(qū)的設(shè)計(jì)制作 5.4.2 客服區(qū)的設(shè)計(jì)制作本章小結(jié)課后練習(xí)小結(jié)掌握店鋪首頁各個(gè)模塊的設(shè)計(jì)要點(diǎn)；掌握店鋪首頁各個(gè)模塊的設(shè)計(jì)流程；課后習(xí)題（1）現(xiàn)有一個(gè)經(jīng)營女性護(hù)膚品的網(wǎng)絡(luò)店鋪，請為其量身打造一個(gè)首頁海報(bào)。（2）現(xiàn)有一個(gè)經(jīng)營女鞋的店鋪，請按照平底鞋、高跟鞋和運(yùn)動鞋三個(gè)類別為其設(shè)計(jì)制作寶貝陳列區(qū)。（3）現(xiàn)有一個(gè)經(jīng)營兒童玩具

13、的店鋪，請為其設(shè)計(jì)制作適合其特點(diǎn)的收藏區(qū)及客服區(qū)。網(wǎng)店美工與視覺設(shè)計(jì)（視頻指導(dǎo)版）配套教學(xué)教案第6章課時(shí)內(nèi)容推廣圖片視覺設(shè)計(jì)授課時(shí)間 課時(shí)4教學(xué)目標(biāo) 熟悉并掌握直通車圖的設(shè)計(jì)要點(diǎn) 熟悉并掌握聚劃算主圖的設(shè)計(jì)要點(diǎn) 掌握鉆石展位圖的設(shè)計(jì)制作流程 教學(xué)重點(diǎn) 能獨(dú)立設(shè)計(jì)制作鉆石展位圖，能根據(jù)需要設(shè)計(jì)制作直通車圖及聚劃算主圖。教學(xué)難點(diǎn) 設(shè)計(jì)要點(diǎn)及制作流程的掌握教學(xué)設(shè)計(jì)教學(xué)思路：（1）講解直通車圖、聚劃算圖以及鉆石展位圖的設(shè)計(jì)要點(diǎn)；（2）講解直通車圖、聚劃算圖以及鉆石展位圖的制作流程；（3）具體演示操作步驟。教學(xué)手段：（1）通過現(xiàn)場演示引起學(xué)生們對設(shè)計(jì)的興趣，并帶動課堂氛圍；（2）任務(wù)式教學(xué)手段，增加師生

14、互動。 教學(xué)資料及要求： 教學(xué)過程中除了講解必備的理論知識外，還可列舉一些比較有代表性的案例，提高學(xué)生的學(xué)習(xí)興趣。教學(xué)內(nèi)容 6.1 直通車圖的視覺設(shè)計(jì) 6.1.1直通車圖的視覺設(shè)計(jì)要點(diǎn)1. 顏色差異化2.巧用卡通人物和形象3. 賣點(diǎn)深挖4腦洞大開6.2 聚劃算圖的視覺設(shè)計(jì)6.2.1 聚劃算主圖的制作規(guī)范6.2.2 聚劃算主圖的制作案例6.3 鉆石展位圖的視覺設(shè)計(jì)6.3.1 鉆石展位圖的設(shè)計(jì)要點(diǎn)1. 主題突出2. 目標(biāo)明確3. 形式美觀本章小結(jié)課后練習(xí)小結(jié)掌握直通車圖、聚劃算圖、鉆石展位的設(shè)計(jì)要點(diǎn)；掌握直通車圖、聚劃算圖、鉆石展位的設(shè)計(jì)制作流程。課后習(xí)題1.請?jiān)谔詫毶险页鲋蓖ㄜ囎龅煤玫牡赇?，并?/p>

15、析其直通車圖的優(yōu)勢。2.請列舉幾張你認(rèn)為有設(shè)計(jì)感的鉆展圖，并一一說明它們好在哪里。3.請根據(jù)本章所學(xué)知識設(shè)計(jì)一張家居類的聚劃算主圖。4.請根據(jù)本章所學(xué)知識設(shè)計(jì)一張女裝類的鉆石展位圖。 網(wǎng)店美工與視覺設(shè)計(jì)（視頻指導(dǎo)版）配套教學(xué)教案第7章課時(shí)內(nèi)容詳情頁視覺設(shè)計(jì)授課時(shí)間 課時(shí)8教學(xué)目標(biāo) 熟悉商品詳情頁常用尺寸，商品詳情頁的基本元素。 掌握詳情頁的參數(shù)設(shè)置以及設(shè)計(jì)步驟。 了解產(chǎn)品詳情頁制作的規(guī)律性問題。 教學(xué)重點(diǎn) 能獨(dú)立設(shè)計(jì)產(chǎn)品展示圖、產(chǎn)品尺寸圖、產(chǎn)品細(xì)節(jié)圖的制作。教學(xué)難點(diǎn) 設(shè)計(jì)要點(diǎn)及制作流程的掌握教學(xué)設(shè)計(jì)教學(xué)思路：講解商品詳情頁常用尺寸，商品詳情頁的基本元素；講解商品詳情頁設(shè)計(jì)要點(diǎn)；（3）講解商品詳

16、情頁的制作流程；（4）具體演示操作步驟。教學(xué)手段：（1）通過現(xiàn)場演示引起學(xué)生們對設(shè)計(jì)的興趣，并帶動課堂氛圍；（2）任務(wù)式教學(xué)手段，增加師生互動。 教學(xué)資料及要求： 教學(xué)過程中除了講解必備的理論知識外，還可列舉一些比較有代表性的案例，提高學(xué)生的學(xué)習(xí)興趣。教學(xué)內(nèi)容 內(nèi)容大綱：7.1 詳情頁設(shè)計(jì) 7.1.1 詳情頁概述 7.1.2 詳情頁設(shè)計(jì)思路 7.1.3 詳情頁排版 7.2 詳情頁模塊設(shè)計(jì)7.2.1 產(chǎn)品展示圖設(shè)計(jì)7.2.2 產(chǎn)品賣點(diǎn)模塊設(shè)計(jì)7.2.3 產(chǎn)品細(xì)節(jié)模塊設(shè)計(jì)7.2.4 產(chǎn)品售后服務(wù)模塊設(shè)計(jì)7.3 優(yōu)化產(chǎn)品詳情其他設(shè)計(jì)7.3.1 產(chǎn)品分類設(shè)計(jì)7.3.2 產(chǎn)品搭配區(qū)域設(shè)計(jì)7.3.3 使用

17、“切片”工具優(yōu)化展示本章小結(jié)課后練習(xí)小結(jié)掌握商品詳情頁的設(shè)計(jì)要點(diǎn)；掌握商品詳情頁的設(shè)計(jì)制作流程。課后習(xí)題1.請?jiān)O(shè)計(jì)并制作出一個(gè)女裝店鋪的詳情頁。2.請分析并總結(jié)詳情頁制作必要組成要素。 網(wǎng)店美工與視覺設(shè)計(jì)（視頻指導(dǎo)版）配套教學(xué)教案第8章課時(shí)內(nèi)容無線端店鋪視覺設(shè)計(jì)授課時(shí)間 課時(shí)8教學(xué)目標(biāo) 熟知網(wǎng)店美工的技能要求和了解常用美工軟件； 了解什么是無線端店鋪； 熟練掌握無線端店鋪的裝修風(fēng)格及頁面布局； 無線端店鋪商品首頁及詳情頁設(shè)計(jì)技巧； 掌握無線端店鋪的特征； 掌握無線端店鋪的導(dǎo)購思路； 掌握無線端店鋪模板的參數(shù)設(shè)置。教學(xué)重點(diǎn) 無線端店鋪裝修思路教學(xué)難點(diǎn) 無線端店鋪模板參數(shù)介紹教學(xué)設(shè)計(jì)1.教學(xué)思路：（1）無線端店鋪的設(shè)計(jì)特點(diǎn)；（2）無線端店鋪與PC端店鋪的區(qū)別；（3）無線端店鋪裝修要點(diǎn)；（4）無線端店鋪裝修思路；（5）無線端店鋪模板參數(shù)介紹。2.教學(xué)手段：