《網(wǎng)店視覺營銷設(shè)計》教案 模塊4 商品詳情頁視覺設(shè)計

《網(wǎng)店視覺營銷設(shè)計》教案4-1教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 授課章節(jié)名 稱4.1分析商品詳情頁設(shè)計使用教具網(wǎng)店運(yùn)營推廣實(shí)訓(xùn)室標(biāo)準(zhǔn)機(jī)房一個教學(xué)目標(biāo)（含思政目標(biāo)）知識目標(biāo)：學(xué)習(xí)運(yùn)用商品詳情頁的主體風(fēng)格、色彩搭配、字體選用、文案內(nèi)容、版塊組成。能力目標(biāo)：能利用圖形圖像處理軟件，綜合各種視覺元素，經(jīng)過精心的圖文搭配、文案構(gòu)思，設(shè)計出定位準(zhǔn)確、素材元素運(yùn)用合理、具有美感和創(chuàng)意的商品詳情頁面。思政目標(biāo)：隨著世界經(jīng)濟(jì)一體化的發(fā)展，國外品牌大舉進(jìn)入國內(nèi)市場，國產(chǎn)品牌崛起困難，消費(fèi)者應(yīng)樹立民族品牌自信心，支持國產(chǎn)，為中國經(jīng)濟(jì)發(fā)展獻(xiàn)力。教學(xué)重點(diǎn)商品詳情頁設(shè)計的排版布局、圖文搭配、色彩運(yùn)用教學(xué)難點(diǎn)商品詳情頁設(shè)計的完整性、規(guī)范性、標(biāo)準(zhǔn)性和創(chuàng)意性更新、補(bǔ)充、刪節(jié)內(nèi) 容無課外作業(yè)補(bǔ)充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書?！毒W(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實(shí)一體教學(xué)任務(wù)導(dǎo)入：教學(xué)實(shí)施：一、任務(wù)解析可以先學(xué)習(xí)同類目產(chǎn)品中銷量較好產(chǎn)品的商品詳情頁設(shè)計，再做模仿，這樣能有效得降低試錯成本。根據(jù)提供的某款登山鞋商品詳情頁，分析商品詳情頁設(shè)計應(yīng)包含的內(nèi)容版塊及考慮要素。二、知識準(zhǔn)備（一）商品詳情頁的價值是提高轉(zhuǎn)化率的入口，能激發(fā)顧客的消費(fèi)欲望，樹立信任（二）商品詳情頁的組成部分如下圖所示，一般包含三大組成部分：1.分析任務(wù)分析任務(wù)目標(biāo)概念理解支持國貨、助力國朝崛起的愛國情懷2.商品輔圖：主圖后的其余四張圖片。3.（三）商品詳情頁設(shè)計前的準(zhǔn)備工作要足夠了解以下內(nèi)容：1.商品的目標(biāo)客戶：產(chǎn)品賣給誰及目標(biāo)客戶的所屬地域、年齡、性別、職業(yè)屬性等。2.商品的品牌標(biāo)識：品牌定位是什么？是什么讓其與競爭對手不同？3.商品的基本屬性：商品具有哪些特點(diǎn)和賣點(diǎn)？這款商品適合怎樣的頁面風(fēng)格？4.客戶的購買心理：客戶對商品的第一印象如何？商品質(zhì)量如何？是否適合客戶？實(shí)際情況與賣家介紹是否相符？（四）商品詳情頁的設(shè)計制作要點(diǎn)1.全面貫徹FBAE原則。商品的“F” 商品“A” 商品“B” 品“E”2.簡潔明快，邏輯清晰。3.真實(shí)客觀，角度全面。4.親切貼近，便于理解。（如下圖所示）圖片分析歸納思考回答舉例理解感受中華漢字的形體之美換位思考，理解客戶的服務(wù)理念5.保持更新優(yōu)化。三、任務(wù)實(shí)施以極步牌登山鞋為例，分析該商品詳情頁的設(shè)計思路。（一）根據(jù)目標(biāo)人群和產(chǎn)品特征確認(rèn)主體風(fēng)格極步牌登山鞋的主要市場人群為一二線核心城市中熱愛戶外運(yùn)動的年輕人，其核心競爭力是具備自然舒適的穿著體驗(yàn)，可輕松馳騁于各種戶外場景，并參考學(xué)習(xí)網(wǎng)絡(luò)上如下圖的同類優(yōu)質(zhì)產(chǎn)品，可以將頁面風(fēng)格統(tǒng)一確定為戶外風(fēng)。（二）確認(rèn)詳情頁的配色設(shè)計和字體類型根據(jù)店鋪配色和文字選用要求，并結(jié)合產(chǎn)品屬性，可以將詳情頁配色確定為黑灰色為主、白色為輔的搭配，并采用華康黑體和微軟雅黑這樣無裝飾風(fēng)格的字體。（三）進(jìn)行商品圖片和視頻的全方位收集利用網(wǎng)絡(luò)平臺收集或自行拍攝產(chǎn)品各個角度的圖片和視頻，還要根據(jù)頁面風(fēng)格，收集相關(guān)的背景裝飾圖片以突出產(chǎn)品屬性，如山地、草原、湖邊、石頭等戶外場景圖。（四）構(gòu)思商品主圖和輔圖的布局設(shè)計通過分析目標(biāo)客戶的心理進(jìn)行設(shè)計布局，商品主圖可以選擇正面整體圖，并以文字清晰突出性能賣點(diǎn)和價格優(yōu)惠。商品輔圖可以選用側(cè)面圖、細(xì)節(jié)圖等來體現(xiàn)屬性信息。（五）構(gòu)思寶貝詳情頁的框架設(shè)計根據(jù)詳情頁框架設(shè)計的基本規(guī)律和創(chuàng)意構(gòu)思，并參考優(yōu)質(zhì)競品的商品詳情頁，可以依次設(shè)計首屏海報、活動優(yōu)惠、套餐搭配、細(xì)節(jié)賣點(diǎn)展示、商品信息展示、售后服務(wù)和實(shí)力展示等版塊內(nèi)容。網(wǎng)絡(luò)搜索同類優(yōu)質(zhì)競品觀察常用字體特征思考選用圖片特征學(xué)習(xí)遷移模仿切片操作練習(xí)小結(jié)（六）修正完善定稿并切片保存上傳商品詳情頁的各部分制作完成后，美工團(tuán)隊?wèi)?yīng)閱稿審閱、四、任務(wù)拓展某牛乳奶茶品牌積極利用淘寶線上平臺進(jìn)行營銷推廣，請利用提供的素材設(shè)計該產(chǎn)品商品詳情頁的主體風(fēng)格、色彩搭配、字體選用、文案內(nèi)容、版塊組成等，可以用畫筆在Photoshop課堂小結(jié)：12課后作業(yè)練習(xí)回顧小結(jié)《網(wǎng)店視覺營銷設(shè)計》教案4-2教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 授課章節(jié)名 稱4.2設(shè)計與制作商品主圖視頻使用教具網(wǎng)店運(yùn)營推廣實(shí)訓(xùn)室標(biāo)準(zhǔn)機(jī)房一個教學(xué)目標(biāo)（含思政目標(biāo)）知識目標(biāo)：理解商品主圖對商品營銷和推廣的意義；掌握商品主圖視頻的設(shè)計制作要點(diǎn)。能力目標(biāo)：能利用圖形圖像處理軟件，綜合運(yùn)用Photoshop軟件和剪映軟件設(shè)計出吸引買家的商品主圖視頻。思政目標(biāo)：淘寶和剪映軟件等可以免費(fèi)使用的素材有限，如隨意進(jìn)行商教學(xué)重點(diǎn)商品主圖設(shè)計的設(shè)計制作規(guī)范教學(xué)難點(diǎn)主圖視頻制作中，Photoshop和剪映軟件的有效結(jié)合運(yùn)用更新、補(bǔ)充、刪節(jié)內(nèi) 容無課外作業(yè)補(bǔ)充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書。《網(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實(shí)一體教學(xué)任務(wù)導(dǎo)入：愛尚服飾網(wǎng)店美工人員初步擬定了商品詳情頁的主體風(fēng)格、色彩搭配、字體選用、文案內(nèi)容、版塊組成的設(shè)計思路，明確了要點(diǎn)，首先需要制作的就是商品主圖。教學(xué)實(shí)施：一、任務(wù)解析根據(jù)提供的素材，制作淘寶商品主圖，添加契合產(chǎn)品的文案、創(chuàng)意設(shè)計的視頻，突出該款產(chǎn)品的最大賣點(diǎn)，抓住客戶眼球。最終制作完成的商品主圖視頻的封面如圖所示。二、知識準(zhǔn)備（一）商品主圖的含義和作用含義：在淘寶或天貓的搜索框中輸入產(chǎn)品關(guān)鍵詞后，出現(xiàn)的每個店鋪的商品圖片就是商品主圖。淘寶PC端品圖 淘寶動商主圖作用：①抓住眼球。讓店鋪的產(chǎn)品與競品區(qū)分明顯，既醒目又美觀，吸引消費(fèi)者的關(guān)注。②激發(fā)興趣。以創(chuàng)意的配色或突出產(chǎn)品賣點(diǎn)的文字信息激發(fā)顧客瀏覽詳情的興趣。③促成點(diǎn)擊。增加店鋪的點(diǎn)擊率，促成轉(zhuǎn)化率的提高，有分析任務(wù)分析任務(wù)目標(biāo)觀看示例圖片并做思考?xì)w納思考舉例分析效提升商品的銷售額。（二）商品主圖的尺寸要求淘寶和天貓的商品主圖尺寸建議為長和寬比例是1:1的正3:4形。每張圖片的大小不能超過3M，建議不超過500K。主700×700（三）商品主圖的設(shè)計制作要點(diǎn)1.尺寸大小合理：如果圖片太小會導(dǎo)致商品失真，如果圖3品的相近色或?qū)Ρ壬?。如圖1選擇相近色的冷色調(diào)藍(lán)色烘2的兒童玩具選擇暖色調(diào)紅色表達(dá)活潑快樂。 3.123。此外，選用的圖片必須清晰，且能較好地反映商品的功能4.文案設(shè)計合理：①文案簡潔有力，力求做出差異化的表達(dá)。②文案排版不應(yīng)影響圖片的整體美觀，不遮擋主商品，要以文案輔助產(chǎn)品。③文案的字體、顏色和大小，方便用戶理解。顏色建議與產(chǎn)品主體顏色搭配，盡量不超過3種。網(wǎng)絡(luò)搜索圖片進(jìn)行思考回答網(wǎng)絡(luò)查閱總結(jié)歸納舉例學(xué)習(xí)5.720P120Mmp4、movflvf4v。②視頻時長必須小于一分鐘，建議時長為30秒左右。③視頻要突出產(chǎn)品少而精的核心賣點(diǎn)，同時可以進(jìn)行模特展示、品牌文化介紹。④視頻畫質(zhì)高清，無水印，鏡頭角度多，內(nèi)容不抖動，不建議采用電子相冊的形式。三、任務(wù)實(shí)施（一）制作主圖背景效果①在Photoshop中新建相應(yīng)規(guī)格參數(shù)的空白文件。②使用“圓角矩形工具”繪制填充黑色、無描邊、參數(shù)如1③新建空白圖層，添加炸裂腳印圖案，并添加圖層樣式的觀看視頻總結(jié)歸納實(shí)踐操作觀察制作要點(diǎn)尊重知識產(chǎn)權(quán)，爭做守法④繪制三個形狀。（二）添加圖片和文字②添加“愛尚服飾店標(biāo).psd”店鋪logo，為配合商品主體風(fēng)格，可以適當(dāng)修改logo字體和配色。④添加其它文字，修改顏色、字體、加粗放大。（三）制作視頻內(nèi)容①在剪映軟件左側(cè)的“素材庫”中選擇開場視頻，點(diǎn)擊視頻右下方“＋”添加到軌道，將比例調(diào)整為1:1。掌握各項(xiàng)參數(shù)含義學(xué)習(xí)熟悉操作技能細(xì)節(jié)調(diào)整小結(jié)②新建“花字”文本內(nèi)容，修改文本字體，將視頻時長調(diào)2③按照序號依次添加視頻素材，使用軌道上方的裁剪工具將原視頻裁剪至上下貼邊。并導(dǎo)入步驟二中制作好的商品主圖。④為每段視頻添加較為時尚潮流的轉(zhuǎn)場效果，并為最后一張主圖添加“輕微放大”出場動畫。微調(diào)相關(guān)參數(shù)。⑤為整段視頻添加運(yùn)動風(fēng)格的背景音樂，設(shè)置淡入淡出，完成效果如圖。800*800課堂小結(jié)：1、主要學(xué)習(xí)內(nèi)容：商品細(xì)節(jié)點(diǎn)的提煉和設(shè)計制作規(guī)范。2、任務(wù)完成情況：總體情況，存在的問題點(diǎn)評。完成任務(wù)理解任務(wù)內(nèi)容回顧小結(jié)《網(wǎng)店視覺營銷設(shè)計》教案4-3教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 授課章節(jié)名 稱4.3設(shè)計與制作商品輔圖使用教具網(wǎng)店運(yùn)營推廣實(shí)訓(xùn)室標(biāo)準(zhǔn)機(jī)房一個教學(xué)目標(biāo)（含思政目標(biāo)）知識目標(biāo)：理解商品輔圖對商品營銷和推廣的作用；掌握商品輔圖的設(shè)計和制作規(guī)范。能力目標(biāo)：能利用圖形圖像處理軟件，設(shè)計制作出色彩運(yùn)用合理、商品角度全面、文案設(shè)計準(zhǔn)確、排序嚴(yán)謹(jǐn)有效的商品輔圖。思政目標(biāo)：商品主圖和輔圖的設(shè)計需保持風(fēng)格、配色、字體、內(nèi)容等的一致性，它們相互配合，才能共同提高商品銷量，正如人與人的相互協(xié)作，團(tuán)結(jié)才有力量。教學(xué)重點(diǎn)輔圖設(shè)計制作的要點(diǎn)規(guī)范教學(xué)難點(diǎn)輔圖制作與主圖制作的差異性設(shè)計和相似性保持更新、補(bǔ)充、刪節(jié)內(nèi) 容無課外作業(yè)補(bǔ)充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書?！毒W(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實(shí)一體教學(xué)任務(wù)導(dǎo)入：愛尚服飾網(wǎng)店的美工人員制作完商品主圖后，便要繼續(xù)下一步工作任務(wù)，著手制作商品的一系列輔圖，輔圖有什么作用？又該如何制作呢？教學(xué)實(shí)施：一、任務(wù)解析根據(jù)提供的4張商品素材圖，制作淘寶商品輔圖，要求輔2二、知識準(zhǔn)備（一）商品輔圖的含義和作用含義：商品主圖后的圖片就是商品輔圖。作用：①展示商品的側(cè)面細(xì)節(jié)屬性信息，在不同情況下的使用效果。②展現(xiàn)商品的應(yīng)用場景圖，讓客戶更有代入感。③展示商品的活動優(yōu)惠信息，進(jìn)一步爭取客戶下單。分析任務(wù)分析任務(wù)目標(biāo)觀看示例圖片并做思考?xì)w納思考 （二）商品主圖和輔圖的相同點(diǎn)及區(qū)別相同點(diǎn)：如尺寸大小要都相同、圖文搭配都要合理、文案內(nèi)容都要準(zhǔn)確簡潔有力、風(fēng)格色調(diào)要都保持一致等。不同點(diǎn)：①主圖一般展示商品的整體圖，輔圖則更多展示商品的細(xì)節(jié)圖，如側(cè)面、背面、細(xì)節(jié)放大圖。②主圖要列出商品最大的核心賣點(diǎn)，而輔圖則是將產(chǎn)品的其它賣點(diǎn)依次做補(bǔ)充說明，讓買家可以了解得更透徹，每一個賣點(diǎn)都可以成為一張輔圖。（三）商品輔圖的設(shè)計制作要點(diǎn)①每張輔圖的主要內(nèi)容有所區(qū)分，體現(xiàn)產(chǎn)品不同角度的特質(zhì)，在和主圖風(fēng)格與形式的統(tǒng)一中尋求變化。②要突出主次，切忌將各種圖片、文字、顏色隨意結(jié)合，弱化商品存在。③第一張輔圖的標(biāo)品可以描述產(chǎn)品功能、核心賣點(diǎn)，非標(biāo)品可以是場景展示、買家向往的畫面。④第二張輔圖的標(biāo)品可以站在競品的角度找不同點(diǎn)，或者⑤第三張輔圖的標(biāo)品可以展示服務(wù)保障、售后、鑒定證書等，非標(biāo)品可以是買家秀、搭配等。⑥第五張輔圖一般為無邊框、無水印、補(bǔ)充商品其它賣點(diǎn)網(wǎng)絡(luò)搜索思考比較樹立集培養(yǎng)合抓住重點(diǎn)，分清主次，合的白底圖。 設(shè)計較好的商品輔圖設(shè)計欠佳的上輔圖三、任務(wù)實(shí)施（一）制作第一張輔圖①新建空白文件，新建空白圖層，將該圖層填充黑色，并疊加圖案。2搜索網(wǎng)絡(luò)確認(rèn)內(nèi)容強(qiáng)化細(xì)小結(jié)③在右上角添加店鋪logo，加入摳圖后的商品圖片。④添加文字，根據(jù)參數(shù)修改文字格式和效果。⑤利用參考線，調(diào)整各圖層的位置，保證用戶視覺效果。（二）制作第二張輔圖12“#576b#656f（三）制作第三張和第四張輔圖在完成制作的前兩張輔圖基礎(chǔ)上進(jìn)行修改完善。四、任務(wù)拓展某美妝店鋪新到一款水潤保濕、潔凈護(hù)膚的卸妝水，店鋪美工決定為該款產(chǎn)品制作商品輔圖，以清新的水藍(lán)色為主色，突出商品賣點(diǎn)。請利用提供的素材設(shè)計該產(chǎn)品的兩張輔圖，要求尺寸為800*800像素，效果可以參考下圖。 課堂小結(jié)：12、任務(wù)完成情況：總體情況，存在的問題點(diǎn)評。實(shí)踐操作觀察制作要點(diǎn)進(jìn)行細(xì)節(jié)調(diào)整分析圖文布局完成任務(wù)回顧小結(jié)《網(wǎng)店視覺營銷設(shè)計》教案4-4教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 授課章節(jié)名 稱4.4設(shè)計與制作商品細(xì)節(jié)圖使用教具網(wǎng)店運(yùn)營推廣實(shí)訓(xùn)室標(biāo)準(zhǔn)機(jī)房一個教學(xué)目標(biāo)（含思政目標(biāo)）思政目標(biāo)：在篇幅較長的商品細(xì)節(jié)圖中適當(dāng)留白可以給買家?guī)砀孢m的閱讀體驗(yàn)，在生活中適當(dāng)留有余地也是獲得良好人際關(guān)系和個人心態(tài)的好方法。教學(xué)重點(diǎn)商品細(xì)節(jié)圖設(shè)計制作的要點(diǎn)規(guī)范教學(xué)難點(diǎn)商品細(xì)節(jié)賣點(diǎn)的提煉更新、補(bǔ)充、刪節(jié)內(nèi) 容無課外作業(yè)補(bǔ)充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書?！毒W(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實(shí)一體教學(xué)任務(wù)導(dǎo)入：愛尚服飾網(wǎng)店的美工人員制作完商品輔圖后，便要進(jìn)入寶貝詳情的制作。在寶貝詳情頁中，除了首屏海報外，其中最重要的、最受消費(fèi)者關(guān)注的圖文詳情版塊就是商品細(xì)節(jié)展示部分。那么商品細(xì)節(jié)圖要怎么做？教學(xué)實(shí)施：一、任務(wù)解析23二、知識準(zhǔn)備（一）商品細(xì)節(jié)圖的含義和作用含義：在寶貝詳情頁的首屏海報下，針對商品的賣點(diǎn)和特點(diǎn)做更加深入解釋說明的圖文詳情板塊就是商品細(xì)節(jié)圖。作用：展示商品的細(xì)節(jié)屬性和場景應(yīng)用信息，解決買家最關(guān)心的問題，提高買家的購物體驗(yàn)。分析任務(wù)分析任務(wù)目標(biāo)觀看示例圖片并做思考?xì)w納思考（二）商品細(xì)節(jié)圖的尺寸要求PC750PC790像素，總高度不限，但高度也要適宜，因太高會導(dǎo)致頁面4801242750（三）商品細(xì)節(jié)點(diǎn)的提煉商品的細(xì)節(jié)點(diǎn)就是商品的特點(diǎn)、賣點(diǎn)，也就是消費(fèi)者的購買理由。細(xì)節(jié)點(diǎn)提煉的關(guān)鍵，就是尋找產(chǎn)品和消費(fèi)者痛點(diǎn)的交集?？梢蕴釤挼募?xì)節(jié)點(diǎn)有價格、功能、外觀、技術(shù)、材料、生產(chǎn)、情感、產(chǎn)地、品牌、包裝、參數(shù)等。（四）商品細(xì)節(jié)圖的制作要點(diǎn)1.條理清晰、邏輯分明。采用相同的圖文排版布局、相同顏色大小的文字、標(biāo)注序號等方式形成清晰的邏輯。下載平臺圖片查看尺寸進(jìn)行確認(rèn)舉例分析思考網(wǎng)絡(luò)查閱對照學(xué)習(xí)加深印象做人做事學(xué)會把握分寸，留有余地強(qiáng)化細(xì) 2.圖文混排，遵循黃金分割原理。文字和圖形以黃金分割比例組合，圖片占比相對多，文字占比相對少。3.畫面虛實(shí)結(jié)合或虛實(shí)對比。畫面視覺元素多且相近時，可以利用色彩對比將產(chǎn)品部分和背景結(jié)合在一起成為“底”，或部分背景處理為產(chǎn)品的一個“零件”。4.畫面適當(dāng)留白。使買家閱讀時感到舒適，同時也給畫面增加了空間感和品質(zhì)感。5.356.三、任務(wù)實(shí)施（一）制作標(biāo)題文字及背景①新建相應(yīng)尺寸和標(biāo)題名的空白文件。②將圖層填充為黑色，并疊加“礫石”圖案效果，設(shè)置不透明度為20%，角度為0度，縮放67%?！癘UDO④添加文字“ProductDetails”和“-商品細(xì)節(jié)-”，按照參數(shù)修改其格式。（二）制作商品細(xì)節(jié)1①新建空白圖層，添加矩形，修改矩形格式。④添加文字“營造舒適回彈腳感，立體按摩顆粒，腳感軟彈解壓?！毙薷钠漕伾⑽淖指袷?，并右對齊文本。實(shí)踐操作觀察制作要點(diǎn)掌握各項(xiàng)參數(shù)含義進(jìn)行細(xì)節(jié)調(diào)整⑤添加摳圖后的登山鞋商品圖。（三）制作商品細(xì)節(jié)2、3、4①與第一個商品細(xì)節(jié)的制作過程基本相似。②制作細(xì)節(jié)2時，用“模糊工具”輕微模糊描述文字下方的水花圖案。③制作細(xì)節(jié)3時，給商品圖疊加投影效果。④利用素材在灰色背景圖層上添加如圖的“光影”效果。⑤全部制作完成后，進(jìn)行完整的閱覽，運(yùn)用參考線、對齊效果等將文字和圖片位置擺放適合、美觀。四、任務(wù)拓展天貓某五金旗艦店新到一款電鉆產(chǎn)品，利用提供的電鉆素材設(shè)計該產(chǎn)品的細(xì)節(jié)圖，要求尺寸寬度為790像素，高度適宜，頁面風(fēng)格為工業(yè)機(jī)械風(fēng)，制作效果可以參考下圖。分析圖文布局完成任務(wù)理解任務(wù)內(nèi)容小結(jié) 課堂小結(jié)：1、主要學(xué)習(xí)內(nèi)容：商品細(xì)節(jié)點(diǎn)的提煉和設(shè)計制作規(guī)范。2、任務(wù)完成情況：總體情況，存在的問題點(diǎn)評?；仡櫺〗Y(jié)《網(wǎng)店視覺營銷設(shè)計》教案4-5教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 授課章節(jié)名 稱4.5設(shè)計與制作商品信息展示圖使用教具網(wǎng)店運(yùn)營推廣實(shí)訓(xùn)室標(biāo)準(zhǔn)機(jī)房一個教學(xué)目標(biāo)（含思政目標(biāo)）思政目標(biāo)：越來越多的中國品牌從傳統(tǒng)文化中汲取靈感，以中國美學(xué)為基礎(chǔ)教學(xué)重點(diǎn)商品信息展示圖設(shè)計制作的要點(diǎn)規(guī)范教學(xué)難點(diǎn)商品信息展示圖的美感設(shè)計和創(chuàng)意設(shè)計更新、補(bǔ)充、刪節(jié)內(nèi) 容無課外作業(yè)補(bǔ)充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書。《網(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實(shí)一體教學(xué)任務(wù)導(dǎo)入：愛尚服飾網(wǎng)店的美工人員制作完成了寶貝詳情中的重要組成部分——商品細(xì)節(jié)圖，接下來，要繼續(xù)其它版塊內(nèi)容的制作。通過學(xué)習(xí)同類優(yōu)質(zhì)競品的寶貝詳情頁，美工人員發(fā)教學(xué)實(shí)施：一、任務(wù)解析根據(jù)提供的商品素材圖和文檔，制作商品信息展示圖，要求其與完成制作的主輔圖、細(xì)節(jié)圖的風(fēng)格、配色、賣點(diǎn)保持一致，并對商品規(guī)格做詳細(xì)說明，解決客戶常見問題。制作完成的商品信息展示圖，如圖所示。二、知識準(zhǔn)備（一）商品信息展示圖的含義和作用含義：商品信息展示圖是集中為用戶答疑解惑的區(qū)域，一（二）商品信息展示圖的設(shè)計制作要點(diǎn)①全面詳細(xì)：利用碎片時間網(wǎng)購的顧客常直接瀏覽信息展示圖來決定是否購買，只有通過有限的文字盡可能多得表現(xiàn)產(chǎn)品的特征及性能，才能為顧客做選擇提供借鑒意義。②真實(shí)可靠：規(guī)格、參數(shù)等應(yīng)客觀公正，和商品吻合，經(jīng)分析任務(wù)分析任務(wù)目標(biāo)觀看示例圖片并做思考?xì)w納思考舉例分析網(wǎng)絡(luò)搜索圖片進(jìn)行誠實(shí)守信意識的培養(yǎng)得起買家檢驗(yàn)考證。③美觀好看：可以通過插入繪制圖形、商品圖片、背景圖片等方式提升頁面美觀度，吸引客戶。 思考回答創(chuàng)意設(shè)計 三、任務(wù)實(shí)施（一）制作標(biāo)題文字及背景①新建相應(yīng)尺寸和標(biāo)題名的空白文件。②新建空白圖層，將該圖層填充為黑色，并疊加“礫石”圖案效果，不透明度為20%，角度為0度，縮放67%。③添加文字“ProuctInormaton4（二）添加商品圖片及制作投影②使用“橢圓工具”繪制一個純黑色填充、無描邊的橢圓形，將該形狀圖層移至商品圖片圖層下方。（三）制作信息文字①使用直線工具，按住“Shift”鍵，繪制填充色為“#cdcc22cdcccc”edf0實(shí)踐操作觀察制作要點(diǎn)掌握各項(xiàng)參數(shù)含義對中華文化的強(qiáng)烈自信感和高度認(rèn)同感④繪制和步驟三①同樣的短豎直線。⑥“可選顏色”部分的顏色利用純色正方形圖案來展示，三種顏色可以從素材包中的登山鞋圖片上吸取。（三）制作尺碼信息①添加純黑色文字“國際尺碼對照表”并修改字符格式。②復(fù)制步驟三中繪制的直線，點(diǎn)擊直線圖層，同時按住“Ctrl3“Shift”1 ③采用同樣的方式快速繪制豎條直線。④添加文字并修改字符格式。 ⑤全部制作完成后，進(jìn)行完整的閱覽，適當(dāng)調(diào)整各圖層的某美妝店鋪需要為一款補(bǔ)水精華液制作商品信息展示圖，該款精華液具有強(qiáng)烈的中國元素。利用提供的補(bǔ)水精華液素材設(shè)計該產(chǎn)品的商品信息展示圖，要求頁面符合商品特征，體現(xiàn)國風(fēng)之美。效果可以參考下圖。學(xué)習(xí)熟悉操作技能進(jìn)行細(xì)節(jié)調(diào)整分析圖文布局小結(jié)課堂小結(jié)：1、主要學(xué)習(xí)內(nèi)容：商品細(xì)節(jié)點(diǎn)的提煉和設(shè)計制作規(guī)范。2、任務(wù)完成情況：總體情況，存在的問題點(diǎn)評。完成任務(wù)回顧小結(jié)《網(wǎng)店視覺營銷設(shè)計》教案4-6教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 授課章節(jié)名 稱4.6設(shè)計與制作商品售后服務(wù)圖使用教具網(wǎng)店運(yùn)營推廣實(shí)訓(xùn)室標(biāo)準(zhǔn)機(jī)房一個教學(xué)目標(biāo)（含思政目標(biāo)）思政目標(biāo)：靡不有初，鮮克有終。當(dāng)今企業(yè)不僅注重產(chǎn)品質(zhì)量，更重視售后教學(xué)重點(diǎn)商品售后服務(wù)圖設(shè)計制作的要點(diǎn)規(guī)范、必備內(nèi)容教學(xué)難點(diǎn)商品售后服務(wù)圖的美感設(shè)計和創(chuàng)意設(shè)計更新、補(bǔ)充、刪節(jié)內(nèi) 容無課外作業(yè)補(bǔ)充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書?！毒W(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實(shí)一體教學(xué)任務(wù)導(dǎo)入：5教學(xué)實(shí)施：一、任務(wù)解析25二、知識準(zhǔn)備（一）商品售后服務(wù)圖的含義和作用含義：優(yōu)質(zhì)的店鋪會為消費(fèi)者提供整套完善的售前、售中②解答客戶對于商品發(fā)貨時間、質(zhì)量保障、支付方式、物流運(yùn)輸、退換貨物等存在的疑惑，定下雙邊協(xié)議，有效降低售后糾紛的頻率。③給與顧客更多的安全感和信任感，減輕買家在購物過程中的顧慮，讓買家真正做到無后顧之憂，放心下單購買。（二）商品售后服務(wù)圖的制作內(nèi)容如圖，商品售后服務(wù)圖可以為買家清晰地梳理以下內(nèi)容：①退貨換貨政策：如是否支持七天無理由退換貨、是否含運(yùn)費(fèi)險等退換貨適用情況。②物流配送政策：如支持的物流方式、不同物流的收費(fèi)標(biāo)準(zhǔn)、商品到貨周期等。分析任務(wù)分析任務(wù)目標(biāo)觀看示例圖片并做思考?xì)w納思考舉例分析網(wǎng)絡(luò)搜索圖片進(jìn)行思考回答善始善終、精益求精的做人做事理念③交易支付政策：如是否支持銀行卡、信用卡、花唄、支付寶等不同的支付方式。④質(zhì)量保障政策：如商品質(zhì)量承諾、售后維修服務(wù)、商品保修期限等。（三）商品信息展示圖的設(shè)計制作要點(diǎn)三、任務(wù)實(shí)施（一）制作標(biāo)題文字及背景①新建相應(yīng)尺寸和標(biāo)題名的空白文件。②新建空白圖層，如任務(wù)4，將該圖層填充成色號為“#e0e0e0”的灰色，并疊加“礫石”圖案效果，不透明度為10%，角度為0度，縮放70%。5（二）添加第一條售后服務(wù)內(nèi)容①新建空白圖層，繪制填充顏色為“#7a7c7c”、無描邊、粗細(xì)2像素的圓角矩形?！?網(wǎng)絡(luò)查閱總結(jié)歸納實(shí)踐操作觀察制作要點(diǎn)掌握各項(xiàng)參數(shù)含義小結(jié)③繪制填充顏色為純白色、無描邊、粗細(xì)2像素的圓角矩形，疊加如圖2所示的投影效果，將該圓角矩形置于步驟二①的灰色圓角矩形下。④添加郵費(fèi)相關(guān)的詳細(xì)描述性文字，修改字符格式。（三）添加其它售后服務(wù)內(nèi)容①其它商品售后服務(wù)內(nèi)容的制作與第一個內(nèi)容的制作過程基本相似。②全部制作完成后，進(jìn)行完整的閱覽，利用參考線、對齊工具等適當(dāng)調(diào)整各圖層的位置、大小，做到頁面既適度留白，又飽滿完整、工整對