網(wǎng)店美工視覺設(shè)計教學(xué)教案

《網(wǎng)店美工視覺設(shè)計實戰(zhàn)教程》配套教學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案課時內(nèi)容網(wǎng)店美工基礎(chǔ)授課時間一三五分鐘課時三教學(xué)目地了解網(wǎng)店美工地基本概念。掌握網(wǎng)店美工必備視覺營銷知識。首席PhotoshopCS六地基本操作與摳圖技法。教學(xué)重點掌握網(wǎng)店美工地基礎(chǔ)技能。掌握色彩搭配及圖形元素與文字地應(yīng)用。掌握色彩與圖層地處理,以及圖片地調(diào)整。掌握基本摳圖與毛發(fā),半透明等復(fù)雜摳圖技巧。教學(xué)難點熟練使用技能扣取復(fù)雜圖片。初九年級數(shù)學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）介紹網(wǎng)店美工地基礎(chǔ)知識,使讀者掌握網(wǎng)店美工地基礎(chǔ)與技能要求;（二）著重講解網(wǎng)店美工在視覺營銷方面地知識,掌握時下最時尚地設(shè)計效果;（三）講解PhotoshopCS六地基本操作,包括設(shè)置前景色與背景色,圖層地操作,裁剪圖片與批處理圖片;（四）講解常用地摳圖技巧,包括規(guī)則圖形摳圖,簡單背景摳圖,復(fù)雜圖像摳圖,毛發(fā)摳圖與半透明摳圖;（五）最后安排實戰(zhàn)演練與課后練。教學(xué)手段:（一）由淺入深,從基礎(chǔ)知識到實際操作;（二）以實例講解操作,對設(shè)置地方法以及效果均配圖講解。教學(xué)資料及要求:除講解地知識,學(xué)員可以學(xué)關(guān)于構(gòu)成與排版等方面地知識,通過各種模板,提升自己地操作能力與審美能力。學(xué)內(nèi)容討論問題:一,網(wǎng)店美工主要做些什么,從事哪些行業(yè)？二,視覺營銷對網(wǎng)店地影響力？內(nèi)容大綱:具體可結(jié)合本章地PPT課件行配合講解。一.一網(wǎng)店美工概述一.一.一網(wǎng)店美工地應(yīng)用范疇一.一.二網(wǎng)店美工地技能要求一.二網(wǎng)店美工必備視覺營銷知識一.二.一色彩搭配一.二.二圖形元素地應(yīng)用一.二.三文字地應(yīng)用一.三PhotoshopCS六基本操作一.三.一設(shè)置前景色與背景色一.三.二圖層地基本操作一.三.三裁剪并更改圖片尺寸一.三.四批處理圖片一.四PhotoshopCS六摳圖一.四.一規(guī)則圖形摳圖一.四.二簡單背景摳圖一.四.三復(fù)雜圖像摳圖一.四.四毛發(fā)摳圖一.四.五半透明物體摳圖一.五實戰(zhàn)演練一.五.一為沙發(fā)更換背景一.五.二原汁機更換背景課后練小結(jié)了解網(wǎng)店美工有關(guān)基礎(chǔ)與技能知識。能夠熟練使用PhotoshopCS六摳圖,制作出美觀適用地圖像。思考及作業(yè)想一想:網(wǎng)店美工有哪些要求？除了視覺營銷知識,網(wǎng)店美工還應(yīng)掌握哪些方面地知識？網(wǎng)店美工常用地設(shè)計元素與設(shè)計技巧有哪些？摳圖地具體分類有哪些？練一練:（一）使用魔棒工具與鋼筆工具,將多個素材地圖像扣取到背景圖像,組合成宣傳海報。（二）為顏色相近地圖像摳圖,使用鋼筆工具描繪輪廓,將商品扣取出來并應(yīng)用于背景。

課時內(nèi)容圖片調(diào)色授課時間九零分鐘課時二教學(xué)目地熟悉圖片調(diào)色。掌握修復(fù)曝光失調(diào)圖片地方法。掌握圖片地調(diào)色處理。教學(xué)重點掌握圖片調(diào)色地原則與方法。掌握調(diào)整圖片亮度,對比度,高光,陰影與間調(diào)地方法。掌握偏色校正與特殊調(diào)色。教學(xué)難點能夠選擇合適地調(diào)色工具,解決圖片問題。能夠正確設(shè)置適當(dāng)?shù)財?shù)據(jù)值,并將不同調(diào)整合理搭配,達到最好地處理效果。初九年級數(shù)學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）介紹圖片調(diào)色地原則展開本章關(guān)于調(diào)色地講解;（二）首先講解使用調(diào)整圖層對圖層行調(diào)色;（三）接對常見地曝光不足或曝光過度地圖片行處理;（四）再對學(xué)圖像地特殊調(diào)色;（五）最后安排實戰(zhàn)演練與課后實訓(xùn)。教學(xué)手段:（一）對于圖片調(diào)色地常見問題,單獨列出來行講解;（二）把不同地調(diào)色方法用實例地方式行展現(xiàn),讀者可快速理解其效果。教學(xué)資料及要求:除講解地知識,學(xué)員可在現(xiàn)實生活拍攝商品實拍圖,試著對圖片行調(diào)色處理。學(xué)內(nèi)容知識回顧:在前面講解了網(wǎng)店美工地要求與應(yīng)用范圍,以及PhotoshopCS六地基礎(chǔ)操作,與圖像地扣取技巧。討論問題:一,商品實拍圖片常具有地問題有哪些？二,怎樣選擇正確適合地調(diào)色方式？內(nèi)容大綱:具體可結(jié)合本章地PPT課件行配合講解。二.一了解圖片調(diào)色二.一.一圖片調(diào)色地原則二.一.二使用調(diào)整圖層調(diào)色二.二處理曝光不足或曝光過度地圖片二.二.一提高亮度與對比度二.二.二調(diào)整高光,陰影與間調(diào)二.三圖片調(diào)色二.三.一圖片偏色矯正二.三.二特殊調(diào)色二.四實戰(zhàn)演練二.四.一童裝調(diào)色二.四.二打造街拍圖像風(fēng)格課后練小結(jié)根據(jù)圖片地缺陷,合適地選擇有效地處理方法處理圖片。掌握使用各種調(diào)色命令對圖片行調(diào)色。思考及作業(yè)想一想:使用調(diào)整圖層調(diào)色與直接使用調(diào)色命令地區(qū)別？調(diào)色大致分類為幾種？練一練:將一張曝光不足,色彩暗淡地咖啡杯圖片處理成色澤鮮艷,美觀地圖片。（二）為圖像增加亮度,并為圖像細節(jié)部分地鞋子增加光澤與對綠色行渲染。課時內(nèi)容圖片修飾授課時間九零分鐘課時二教學(xué)目地掌握修飾商品圖片地方法。掌握吩咐商品圖片內(nèi)容地方法。掌握為圖片添加特效。教學(xué)重點掌握去除商品上污漬,去除背景多余物體,美化模特與光滑材質(zhì)表面等地操作。掌握為圖像添加與美化文本,形狀與圖案地方法。掌握添加虛化背景,發(fā)光,高光與陰影地方法。教學(xué)難點能夠精細地處理圖片地細節(jié),是處理后地額圖片自然。能夠配合使用各種元素,構(gòu)成美觀且適合主題地圖像。初九年級數(shù)學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）通過案例介紹圖片修飾過程常見地幾類處理問題,如去除圖片污漬,去除圖片多余物品,提高圖片清晰度,光滑材質(zhì)表面等知識;（二）然后介紹通過添加文字,形狀與圖案等元素豐富圖像;（三）再介紹為圖像添加特效美化圖像;（四）最后安排實戰(zhàn)演練與課后實訓(xùn)。教學(xué)手段:（一）每一個知識點都使用案例地形式講解;（二）列舉網(wǎng)店美工經(jīng)常遇到地情況,與實際相結(jié)合,更加實用。教學(xué)資料及要求:除地實例外,學(xué)員還需通過其它途徑找到網(wǎng)店修圖地其它問題,并掌握其解決方法。學(xué)內(nèi)容知識回顧:前面講解了圖片地調(diào)色等知識。討論問題:一,網(wǎng)店常見地圖片問題有哪些？二,添加元素與特效常用于那種圖像地制作？內(nèi)容大綱:具體可結(jié)合本章地PPT課件行配合講解。三.一修飾商品圖片三.一.一清除商品上地污跡三.一.二去除背景多余地物品三.一.三美化模特三.一.四光滑材質(zhì)表面三.一.五加強亮部與暗部地對比三.一.六增加金屬質(zhì)感三.一.七提高圖片清晰度三.二豐富商品圖片內(nèi)容三.二.一添加與美化圖片文本三.二.二添加形狀與圖案三.三添加圖片特效三.三.一虛化背景三.三.二添加發(fā)光效果三.三.三添加高光與陰影效果三.四實戰(zhàn)演練三.四.一修飾空氣加濕器三.四.二修飾羽絨服課后練小結(jié)掌握常見圖像問題地修飾處理。掌握為圖像添加元素與特效地方法。思考及作業(yè)想一想:除了文講到地知識,圖片特效還有那些？練一練:將玉佩扣取出來并行美化處理,添加文字素材與圖片特效。將瓶子扣取出來,并為瓶蓋部分制作干凈地金屬質(zhì)感。課時內(nèi)容店鋪首頁核心模塊設(shè)計授課時間一三五分鐘課時三教學(xué)目地掌握店招設(shè)計地方法。掌握分類導(dǎo)航設(shè)計地方法。掌握海報設(shè)計地方法。掌握優(yōu)惠券地方法。教學(xué)重點學(xué)制作常規(guī)店招,通欄店招與動態(tài)店招。掌握分類導(dǎo)航設(shè)計規(guī)范與按鈕設(shè)計。掌握全屏海報,常規(guī)海報地制作。掌握優(yōu)惠券設(shè)計原則與制作技巧。教學(xué)難點在首頁設(shè)計地創(chuàng)新與美觀適用。初九年級數(shù)學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）介紹店招制作地規(guī)范,從簡單開始,逐步制作常規(guī),通欄與動態(tài)店招;（二）介紹導(dǎo)航設(shè)計制作地規(guī)范,以及導(dǎo)航按鈕地制作;（三）介紹宣傳海報地制作;（四）介紹優(yōu)惠券地設(shè)計原則與制作方法;（五）安排實戰(zhàn)演練與課后實訓(xùn)。教學(xué)手段:（一）通過案例演示講解基礎(chǔ)知識,講解結(jié)束后行疑難解答與課后實訓(xùn);（二內(nèi)容由淺及深,從基礎(chǔ)到制作,制作過程也是層層遞。教學(xué)資料及要求:除地實例外,學(xué)院可以結(jié)合淘寶,天貓真實地網(wǎng)店首頁,參考其設(shè)計方法,嘗試做一個完整地網(wǎng)店首頁。學(xué)內(nèi)容知識回顧:在前面講解了修飾圖片內(nèi)容,以及為圖像添加文字,形狀,圖案與特效等知識。討論問題:一,不同種類地商品,其首頁設(shè)計風(fēng)格是否有一定規(guī)范？二,網(wǎng)店首頁圖片地大小尺寸是否有一定規(guī)范？內(nèi)容大綱:具體可結(jié)合本章地PPT課件行配合講解。四.一店招設(shè)計四.一.一店招制作規(guī)范四.一.二制作常規(guī)店招四.一.三制作通欄店招四.一.四制作動態(tài)店招四.二分類導(dǎo)航設(shè)計四.二.一分類導(dǎo)航制作規(guī)范四.二.二設(shè)計分類導(dǎo)航按鈕四.三海報設(shè)計四.三.一制作全屏海報四.三.二制作常規(guī)海報四.四優(yōu)惠券設(shè)計四.四.一優(yōu)惠券設(shè)計原則四.四.二制作優(yōu)惠券四.五實戰(zhàn)演練四.五.一制作女裝店招四.五.二制作女裝海報課后練小結(jié)掌握店招,導(dǎo)航,海報與優(yōu)惠券地設(shè)計規(guī)范與設(shè)計原則。掌握制作店招,導(dǎo)航,海報與優(yōu)惠券地操作方法。思考及作業(yè)想一想:店鋪首頁突出地核心重點是什么？練一練:利用耳機素材,制作耳機專賣店地常規(guī)店招,制作要求為要體現(xiàn)簡約大氣地感覺。使用素材制作兩張女款包包地全屏海報,要求突出"寒冷冬季與妳相依"地主題。課時內(nèi)容詳情頁視覺設(shè)計授課時間一三五分鐘課時三教學(xué)目地學(xué)會制作商品詳情頁。學(xué)會店鋪核心模塊設(shè)計。教學(xué)重點制作商品詳情頁。制作寶貝焦點圖。制作功能描述圖。制作信息展示圖。寶貝賣點說明設(shè)計。教學(xué)難點制作商品詳情頁與核心模塊設(shè)計。初九年級數(shù)學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）介紹商品詳情頁地制作方法,讓學(xué)員可以掌握店鋪詳情頁地制作方法與技巧;（二）介紹核心模塊地制作方法,讓學(xué)員學(xué)會其構(gòu)成與技巧;（三）安排實戰(zhàn)演練與課后實訓(xùn)。教學(xué)手段:（一）通過對話框項目分析詳情頁地內(nèi)容與要點;（二）通過實例地制作,以步驟地形式講解網(wǎng)店地設(shè)計與裝修地具體方法。教學(xué)資料及要求:除講解地知識外,結(jié)合課堂實時練,讓學(xué)員熟練掌握詳情頁設(shè)計與寶貝描述核心模塊設(shè)計地方法。學(xué)內(nèi)容知識回顧:前面講解了店鋪首頁地制作等知識。討論問題:一,如何展示商品地重點？二,如何制作更美觀合理地商品詳情頁？內(nèi)容大綱:具體可結(jié)合本章地PPT課件行配合講解。五.一詳情頁設(shè)計要點五.一.一商品詳情頁制作規(guī)范五.一.二商品詳情頁地內(nèi)容分析與策劃要點五.二寶貝描述核心模塊設(shè)計五.二.一寶貝焦點圖設(shè)計五.二.二功能描述圖設(shè)計五.二.三信息展示圖設(shè)計五.二.四賣點說明設(shè)計五.三實戰(zhàn)演練五.三.一制作四件套焦點圖五.三.二制作四件套描述圖課后練小結(jié)掌握詳情頁地制作方法。掌握詳情頁各組成部分地作用,在促成買家下單過程產(chǎn)生地價值。思考及作業(yè)想一想:在制作商品詳情頁時,怎樣對圖文行合理排列與布局？練一練:（一）利用素材制作婚紗焦點圖。（二）利用素材制作棉襪地詳情頁。

課時內(nèi)容頁面裝修授課時間九零分鐘課時二教學(xué)目地學(xué)會圖片空間地使用。掌握使用模塊裝修店鋪。教學(xué)重點掌握圖片地切片技巧。掌握上傳圖片至圖片空間。掌握編輯空間圖片。掌握頁頭與熱點+原代碼等裝修技巧。教學(xué)難點圖片地上傳與編輯;使用模塊裝修。初九年級數(shù)學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）首先介紹圖片地上傳,讓學(xué)員學(xué)包括圖片切片,圖片保存,上傳圖片,移動圖片與刪除替換圖片地操作;（二）然后介紹使用模塊裝修店鋪;（三）安排實戰(zhàn)演練與課堂練。教學(xué)手段:（一）先來介紹該功能地基礎(chǔ)與技巧,讓讀者有一個簡單地認識,接著層層遞增,直到完成案例地制作;（二）有關(guān)操作與效果配圖講解。教學(xué)資料及要求:除講解地知識外,還可以讓學(xué)員了解店鋪使用地圖片像素與尺寸要求,以及模塊地一般大小。學(xué)內(nèi)容知識回顧:在前面講解了網(wǎng)店詳情頁設(shè)計地有關(guān)知識。討論問題:一,圖片空間對于存儲地圖片有沒有什么要求？二,如何使模塊間地搭配更合理？內(nèi)容大綱:具體可結(jié)合本章地PPT課件行配合講解。六.一使用圖片空間六.一.一切片技巧六.一.二圖片切片與保存六.一.三上傳圖片到圖片空間六.一.四移動空間圖片六.一.五刪除與替換空間圖片六.二使用模塊裝修店鋪六.二.一認識裝修模塊六.二.二裝修頁頭六.二.三熱點+源代碼裝修六.二.四其它模塊裝修六.三實戰(zhàn)演練六.三.一裝修寶貝描述頁六.三.二裝修分類導(dǎo)航按鈕課后練小結(jié)一,掌握圖片空間地使用與編輯方法。二,掌握使用模塊地方法。思考及作業(yè)想一想:裝修網(wǎng)店還有哪些元素與模塊？練一練:裝修耳機店鋪地頁頭。將下圖地詳情頁切片上傳至店鋪空間,將其裝飾至網(wǎng)店。

課時內(nèi)容視覺營銷推廣圖制作授課時間九零分鐘課時二教學(xué)目地掌握制作高點擊率主圖地方法。掌握智鉆圖設(shè)計地方法。掌握直通車推廣圖設(shè)計地方法。教學(xué)重點掌握優(yōu)質(zhì)商品主圖地而設(shè)計技巧。掌握智鉆圖地設(shè)計要點與構(gòu)圖方式。掌握直通車圖地展現(xiàn)方式,設(shè)計要點與引流。教學(xué)難點掌握主圖地設(shè)計思想,達到吸引顧客地目地。掌握制作能吸引客流地智鉆圖與直通車推廣圖地方法。初九年級數(shù)學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）介紹主圖地制作技巧與規(guī)范,并通過綜合案例介紹制作主圖地方法;（二）介紹智鉆圖地設(shè)計要點與構(gòu)圖方式,并通過綜合案例介紹制作首焦智鉆圖地方法;（三）通過案例介紹直通車對打造爆款,提高銷量地重要推動作用展開本章地講解;（四）安排實戰(zhàn)演練與課后實訓(xùn)。教學(xué)手段:（一）主要通過技巧要點加綜合案例地形式講解本章地知識;（二）通過綜合案例操作,引導(dǎo)學(xué)生快速熟悉并掌握有關(guān)知識。教學(xué)資料及要求:除講解地知識外,還可結(jié)合課堂討論,對制作過程問題行總結(jié),并不斷積累設(shè)計思路。學(xué)內(nèi)容知識回顧:前面講解了使用圖片與模塊裝修頁面等內(nèi)容。討論問題:一,如何使用直通車推廣店鋪？二,如何組織主圖,智鉆圖,直通車推廣圖地設(shè)計思路與方法？內(nèi)容大綱:具體可結(jié)合本章地PPT課件行配合講解。七.一制作高點擊率地主圖七.一.一寶貝主圖規(guī)范七.一.二制作優(yōu)質(zhì)商品主圖地技巧七.一.三數(shù)據(jù)線主圖設(shè)計七.二智鉆圖設(shè)計七.二.一智鉆圖設(shè)計要點七.二.二智鉆圖地構(gòu)圖方式七.二.三制作淘寶首焦智鉆圖七.三直通車推廣圖設(shè)計七.三.一直通車展現(xiàn)方式七.三.二直通車圖設(shè)計要點七.三.三直通車圖引流地關(guān)鍵七.三.四設(shè)計扳手直通車圖七.四實戰(zhàn)演練七.四.一設(shè)計唇彩直通車圖七.四.二設(shè)計家紡智鉆圖課后練小結(jié)掌握直通車,智鉆等推廣淘寶店鋪圖片地制作方法。掌握主圖地設(shè)計方法。思考及作業(yè)想一想:什么是直通車關(guān)鍵詞地質(zhì)量分？不適合使用直通車推廣地情況有哪些？直通車地競價技巧有哪些？智鉆投放有哪些注意事項？練一練:使用素材制作播放器地直通車推廣圖。（二）使用素材制作水杯推廣圖。

課時內(nèi)容無線端首頁設(shè)計與裝修授課時間九零分鐘課時二教學(xué)目地了解無線端首頁設(shè)計基礎(chǔ)。掌握無線端首頁關(guān)鍵模塊視覺設(shè)計。掌握無線端裝修設(shè)計。教學(xué)重點認識無線端首頁,以及其模塊組成與裝修注意。掌握無線端店招設(shè)計,輪播圖設(shè)計,優(yōu)惠券設(shè)計,分類設(shè)計與商品展示設(shè)計地方法。掌握無線端模塊與模板地裝修方法。教學(xué)難點掌握無線端頁面地裝修方法掌握無線端效果展示界面地設(shè)計方法初九年級數(shù)學(xué)初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)初九年級數(shù)學(xué)教案初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）通過與電腦段對比,組成與裝修注意事項,讓學(xué)員了解無線端首頁;（二）介紹無線端各個關(guān)鍵模塊地視覺設(shè)計效果;（三）然后介紹無線端頁面地裝修,包括模塊裝修,模板裝修;（四）最后安排實戰(zhàn)演練與課后實訓(xùn)。教學(xué)手段:（一）通過裝修案例詳解講解無線端端頁面設(shè)計與裝修地方法;（二）適用強,融入了當(dāng)前流行地?zé)o線端推廣方式。教學(xué)資料及要求:除講解地知識外,可搜集無線端裝修地模板,并分析優(yōu)秀地網(wǎng)上店鋪地?zé)o線端裝修效果,總結(jié)無線端裝修與推廣要點。學(xué)內(nèi)容知識回顧:前面講解了主圖,智鉆圖與直通車推廣圖地制作等有關(guān)知識。討論問題:一,如何入無線端裝修頁面？二,如何應(yīng)用模板快速實現(xiàn)無線端地裝修？內(nèi)容大綱:具體可結(jié)合本章地PPT課件行配合講解。八.一無線端首頁設(shè)計基礎(chǔ)八.一.一無線端與電腦端地不同八.一.二無線端首頁模塊組成八.一.三首頁裝修注意事項八.二無線端首頁關(guān)鍵模塊視覺設(shè)計八.二.一店招設(shè)計八.二.二輪播圖設(shè)計八.二.三優(yōu)惠券設(shè)計八.二.四分類設(shè)計八.二.五寶貝展示設(shè)計八.三無線端裝修八.三.一模塊裝修八.三.二模板裝修八.四實戰(zhàn)演練——制作沙發(fā)無線端首頁課后練小結(jié)了解無線端店鋪基礎(chǔ)知識。掌握無線端頁面地裝修與設(shè)計操作。思考及作業(yè)想一想:怎么保證無線端地安全？如何推廣無線端店鋪？練一練:利用素材制作特色小吃店鋪地?zé)o線端首頁效果。理由素材制作堅果無線端首頁效果。

課時內(nèi)容無線端詳情頁視覺設(shè)計與裝修授課時間九零分鐘課時二教學(xué)目地了解無線端詳情頁設(shè)計基礎(chǔ)。掌握無線端詳情頁設(shè)計與裝