視覺(jué)設(shè)計(jì)教學(xué)教案

第1章緒論知識(shí)目標(biāo)：1.了解視覺(jué)設(shè)計(jì)的內(nèi)容2.掌握電商網(wǎng)店的視覺(jué)定位3.了解視覺(jué)營(yíng)銷(xiāo)的內(nèi)容技能目標(biāo)：1.能夠掌握商品文案的策劃2.能夠拍攝產(chǎn)品3.能夠處理圖片重點(diǎn):電商網(wǎng)店視覺(jué)圖像的色彩調(diào)整；電商網(wǎng)店的字體設(shè)計(jì)。難點(diǎn)：電商網(wǎng)店視覺(jué)設(shè)計(jì)創(chuàng)意及構(gòu)圖方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商視覺(jué)設(shè)計(jì)概述創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：視覺(jué)設(shè)計(jì)視覺(jué)設(shè)計(jì)是針對(duì)眼睛功能的表現(xiàn)手段，通俗地說(shuō)，就是指通過(guò)一些設(shè)計(jì)讓產(chǎn)品的視覺(jué)效果更加出彩。因?yàn)檫@些設(shè)計(jì)是針對(duì)我們眼睛的特點(diǎn)進(jìn)行的，所以又被稱(chēng)為視覺(jué)設(shè)計(jì)。視覺(jué)設(shè)計(jì)大體上可分為視覺(jué)識(shí)別設(shè)計(jì)和視覺(jué)傳達(dá)設(shè)計(jì)。三、新課教學(xué)二：視覺(jué)識(shí)別設(shè)計(jì)和視覺(jué)傳達(dá)設(shè)計(jì)四、新課教學(xué)三：視覺(jué)營(yíng)銷(xiāo)電商視覺(jué)設(shè)計(jì)的目的是為了塑造良好的店鋪形象，引起消費(fèi)者的購(gòu)買(mǎi)欲望，提升店鋪形象，達(dá)到視覺(jué)營(yíng)銷(xiāo)。視覺(jué)營(yíng)銷(xiāo)是一個(gè)外來(lái)詞，英文為VisualMerchandising，簡(jiǎn)寫(xiě)為VM或VMD。視覺(jué)營(yíng)銷(xiāo)也稱(chēng)商品計(jì)劃視覺(jué)化，即在市場(chǎng)銷(xiāo)售中管理并展現(xiàn)以商品為主的所有視覺(jué)要素的活動(dòng)，從而達(dá)到表現(xiàn)品牌或商品的特性及與其他品牌或商品的差異化的目的。這項(xiàng)活動(dòng)的核心是商品計(jì)劃，同時(shí)必須要依據(jù)企業(yè)的品牌理念來(lái)做決定。這項(xiàng)活動(dòng)實(shí)現(xiàn)的過(guò)程就是利用色彩、圖像、文字等方式充分展現(xiàn)品牌或商品，從而吸引消費(fèi)者的關(guān)注，由此增加人們對(duì)品牌或商品的認(rèn)可度。同時(shí)產(chǎn)品描述的視覺(jué)展示就是用視覺(jué)來(lái)傳達(dá)產(chǎn)品的性能與優(yōu)勢(shì)，最終達(dá)到營(yíng)銷(xiāo)制勝的效果，即視覺(jué)是手段，營(yíng)銷(xiāo)是目的，營(yíng)銷(xiāo)通過(guò)視覺(jué)來(lái)呈現(xiàn)。五、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，分組討論對(duì)視覺(jué)設(shè)計(jì)等概念的理解六、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。新課導(dǎo)入新課講授學(xué)生練習(xí)教師總結(jié)第1章緒論知識(shí)目標(biāo)：1.了解視覺(jué)設(shè)計(jì)的內(nèi)容2.掌握電商網(wǎng)店的視覺(jué)定位3.了解視覺(jué)營(yíng)銷(xiāo)的內(nèi)容技能目標(biāo)：1.能夠掌握商品文案的策劃2.能夠拍攝產(chǎn)品3.能夠處理圖片重點(diǎn):電商網(wǎng)店視覺(jué)圖像的色彩調(diào)整；電商網(wǎng)店的字體設(shè)計(jì)。難點(diǎn)：電商網(wǎng)店視覺(jué)設(shè)計(jì)創(chuàng)意及構(gòu)圖方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商視覺(jué)設(shè)計(jì)前的準(zhǔn)備一、創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：電商網(wǎng)店的視覺(jué)定位（一）電商網(wǎng)店的視覺(jué)定位原則營(yíng)銷(xiāo)型網(wǎng)店的視覺(jué)定位原則；品牌型網(wǎng)店的視覺(jué)定位原則；服務(wù)關(guān)系型網(wǎng)店的視覺(jué)定位原則。（二）制訂視覺(jué)規(guī)范的意義統(tǒng)一識(shí)別；節(jié)約資源；重復(fù)利用三、新課教學(xué)二：文案策劃單品推薦類(lèi)文案；品類(lèi)推薦類(lèi)文案；活動(dòng)廣告類(lèi)文案。四、新課教學(xué)三：產(chǎn)品拍攝五、新課教學(xué)四：圖片處理六、新課教學(xué)五：詳情頁(yè)設(shè)計(jì)七、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，分組討論對(duì)電商視覺(jué)定位原則、意義等概念的理解八、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。復(fù)習(xí)、新課導(dǎo)入新課講授學(xué)生練習(xí)教師總結(jié)第1章緒論知識(shí)目標(biāo)：1.了解視覺(jué)設(shè)計(jì)的內(nèi)容2.掌握電商網(wǎng)店的視覺(jué)定位3.了解視覺(jué)營(yíng)銷(xiāo)的內(nèi)容技能目標(biāo)：1.能夠掌握商品文案的策劃2.能夠拍攝產(chǎn)品3.能夠處理圖片重點(diǎn):電商網(wǎng)店視覺(jué)圖像的色彩調(diào)整；電商網(wǎng)店的字體設(shè)計(jì)。難點(diǎn)：電商網(wǎng)店視覺(jué)設(shè)計(jì)創(chuàng)意及構(gòu)圖方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商視覺(jué)設(shè)計(jì)色彩應(yīng)用一、創(chuàng)設(shè)意境，導(dǎo)入新課新課教學(xué)一：色彩基本知識(shí)（一）色彩原理色彩的形成；色彩的分類(lèi)；色彩的特性（二）色彩視覺(jué)心理白色；黑色；灰色;紅色;黃色;藍(lán)色;橙色;綠色;紫色三、新課教學(xué)二：電商網(wǎng)店視覺(jué)圖像的色彩調(diào)整（一）網(wǎng)店視覺(jué)圖像的色彩調(diào)整技術(shù)關(guān)于圖像的色彩;色彩模式的轉(zhuǎn)換;圖像的色調(diào)調(diào)整;圖像的色彩調(diào)整（二）電商網(wǎng)店視覺(jué)圖像的亮度與對(duì)比度調(diào)整（三）網(wǎng)店視覺(jué)圖像的偏色調(diào)整四、新課教學(xué)三電商網(wǎng)店的配色（一）電商網(wǎng)店頁(yè)面的配色方案(1)色彩搭配原則漸進(jìn)配色;對(duì)比配色;色調(diào)配色;近似配色;單重點(diǎn)配色;分隔式配色(2)電商網(wǎng)店風(fēng)格的形成要素店鋪的主要風(fēng)格;產(chǎn)品的情緒;活動(dòng)的主題氣氛;店鋪的包裝色彩;VI配色（二）電商網(wǎng)店頁(yè)面的配色誤區(qū)色彩過(guò)多;背景和文字對(duì)比不強(qiáng)烈;過(guò)分強(qiáng)調(diào)色彩的刺激度五、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，闡述色彩視覺(jué)心理對(duì)電商視覺(jué)設(shè)計(jì)的影響六、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第1章緒論知識(shí)目標(biāo)：1.了解視覺(jué)設(shè)計(jì)的內(nèi)容2.掌握電商網(wǎng)店的視覺(jué)定位3.了解視覺(jué)營(yíng)銷(xiāo)的內(nèi)容技能目標(biāo)：1.能夠掌握商品文案的策劃2.能夠拍攝產(chǎn)品3.能夠處理圖片重點(diǎn):電商網(wǎng)店視覺(jué)圖像的色彩調(diào)整；電商網(wǎng)店的字體設(shè)計(jì)。難點(diǎn)：電商網(wǎng)店視覺(jué)設(shè)計(jì)創(chuàng)意及構(gòu)圖方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商視覺(jué)文字應(yīng)用一、創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：電商視覺(jué)設(shè)計(jì)中的字體（一）字體字體（文字）作為一種視覺(jué)符號(hào)，與色彩、形狀共同構(gòu)成了視覺(jué)傳達(dá)的“鐵三角”。。（二）字體設(shè)計(jì)字體設(shè)計(jì)是視覺(jué)傳達(dá)設(shè)計(jì)的一個(gè)重要的組成部分，按照視覺(jué)設(shè)計(jì)規(guī)律，遵循一定的字體塑造規(guī)格和設(shè)計(jì)原則對(duì)文字加以整體的精心安排。創(chuàng)造性地塑造具有清晰、完美的視覺(jué)形象的文字，使之既能傳情達(dá)意，又能表現(xiàn)出使人賞心悅目的美感。也就是運(yùn)用視覺(jué)美學(xué)規(guī)律，配合文字本身的含義和所要傳達(dá)的目的，對(duì)文字的形象、大小、排列、筆畫(huà)結(jié)構(gòu)乃至色彩等方面加以研究、設(shè)計(jì)和藝術(shù)處理，使其具有適合傳達(dá)內(nèi)容的感性或理性表現(xiàn)和優(yōu)美的造型，能有效地傳達(dá)文字深層次的意味和內(nèi)涵，發(fā)揮更佳的信息傳達(dá)效果。它與色彩、形狀共同構(gòu)成了視覺(jué)傳達(dá)設(shè)計(jì)的組成部分。字體的視覺(jué)效果及設(shè)計(jì)風(fēng)格1．襯線(xiàn)字體與無(wú)襯線(xiàn)字體1）襯線(xiàn)字體2）無(wú)襯線(xiàn)字體襯線(xiàn)字體與無(wú)襯線(xiàn)字體的視覺(jué)效果2．字體的設(shè)計(jì)風(fēng)格1）端莊秀麗的風(fēng)格2）堅(jiān)固挺拔的風(fēng)格3）深沉厚重的風(fēng)格4）歡快輕盈的風(fēng)格三、新課教學(xué)二：電商網(wǎng)店的字體設(shè)計(jì)（一）電商網(wǎng)店字體設(shè)計(jì)的表現(xiàn)形式字體設(shè)計(jì)作為一種元素，在電商視覺(jué)設(shè)計(jì)中存在著各種變化形式，起到輔助并完善視覺(jué)設(shè)計(jì)的作用。當(dāng)字體設(shè)計(jì)與廣告畫(huà)面進(jìn)行良好的結(jié)合時(shí)，可以使消費(fèi)者對(duì)產(chǎn)品信息的接收更快速、更深刻，從而記住并購(gòu)買(mǎi)產(chǎn)品。電商網(wǎng)店字體設(shè)計(jì)的表現(xiàn)形式主要有以下幾種。1．筆形創(chuàng)新2．化繁就簡(jiǎn)3．移花接4．三維空間5．裝飾美化（二）網(wǎng)店字體設(shè)計(jì)的原則字體設(shè)計(jì)是視覺(jué)傳達(dá)設(shè)計(jì)的重要手段，主要任務(wù)就是對(duì)文字的形象進(jìn)行符合設(shè)計(jì)對(duì)象特性要求的藝術(shù)處理，以增強(qiáng)文字的視覺(jué)效果。同時(shí)，信息傳播也是字體設(shè)計(jì)最基本的功能，將正確無(wú)誤的信息傳達(dá)給受眾，是字體設(shè)計(jì)的目的，否則將失去了它的基本功能。實(shí)用2.可辨3．統(tǒng)一4．美感5．創(chuàng)意四、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，學(xué)生自定義設(shè)計(jì)5種不同文字的表現(xiàn)形式。五、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第1章緒論知識(shí)目標(biāo)：1.了解視覺(jué)設(shè)計(jì)的內(nèi)容2.掌握電商網(wǎng)店的視覺(jué)定位3.了解視覺(jué)營(yíng)銷(xiāo)的內(nèi)容技能目標(biāo)：1.能夠掌握商品文案的策劃2.能夠拍攝產(chǎn)品3.能夠處理圖片重點(diǎn):電商網(wǎng)店視覺(jué)圖像的色彩調(diào)整；電商網(wǎng)店的字體設(shè)計(jì)。難點(diǎn)：電商網(wǎng)店視覺(jué)設(shè)計(jì)創(chuàng)意及構(gòu)圖方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商視覺(jué)設(shè)計(jì)創(chuàng)意一、創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：電商網(wǎng)店視覺(jué)設(shè)計(jì)中的形狀（一）視覺(jué)中的點(diǎn)：點(diǎn)看起來(lái)是個(gè)簡(jiǎn)單的圖形，可以作為其他所有圖形的構(gòu)成基礎(chǔ)。人們的注意力很容易被點(diǎn)所吸引，而且點(diǎn)又很容易和周邊圖形形成明顯的對(duì)比，如方形、三角形、圓形，甚至不規(guī)則圖形或是某種平面圖形。但是，對(duì)比其周邊的空間來(lái)說(shuō)，該形狀在電商視覺(jué)設(shè)計(jì)中即為點(diǎn)。（二）視覺(jué)中的線(xiàn)：線(xiàn)的性質(zhì)是運(yùn)動(dòng)的，代表著一個(gè)方向或一種引導(dǎo)。點(diǎn)具有聚焦的功能，而線(xiàn)則具有分隔空間、連接物體的功能，同時(shí)具有一種韻律的跳躍感。線(xiàn)的粗細(xì)、疏密的不同組合，都將產(chǎn)生不同的韻律。波形的曲線(xiàn)更是讓畫(huà)面具有流動(dòng)感。（三）視覺(jué)中的面：當(dāng)點(diǎn)大到一定程度時(shí)，其輪廓就可以形成一個(gè)面。面越大，點(diǎn)的特性越不明顯。面可以是圓形、方形、三角形等規(guī)則形狀，也可以是外形不規(guī)則的異形輪廓。三、新課教學(xué)二：形狀的創(chuàng)意處理（一）形狀的分析（二）形狀的打散（三）形狀的提煉（四）形狀的輪廓（五）形狀的協(xié)調(diào)四、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，分組討論對(duì)視覺(jué)設(shè)計(jì)等概念的理解五、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第2章電商視覺(jué)設(shè)計(jì)體現(xiàn)知識(shí)目標(biāo)：1.了解電商網(wǎng)店視覺(jué)體現(xiàn)的內(nèi)容2.掌握電商網(wǎng)店視覺(jué)風(fēng)格的概念3.了解廣告視覺(jué)傳達(dá)的概念及意義技能目標(biāo)：1.能夠掌握商品視覺(jué)體現(xiàn)的主要內(nèi)容2.能夠根據(jù)商品確定電商網(wǎng)店的風(fēng)格重點(diǎn):商品視覺(jué)體現(xiàn)難點(diǎn)：電商視覺(jué)營(yíng)銷(xiāo)策略方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)體現(xiàn)創(chuàng)設(shè)意境，導(dǎo)入新課新課教學(xué)一：電商網(wǎng)店視覺(jué)體現(xiàn)電商網(wǎng)店視覺(jué)設(shè)計(jì)主要通過(guò)首頁(yè)、活動(dòng)頁(yè)和詳情頁(yè)等內(nèi)容來(lái)體現(xiàn)？以速賣(mài)通為例，首頁(yè)是店鋪的基礎(chǔ)，可展現(xiàn)店鋪的整體視覺(jué)效果；活動(dòng)頁(yè)是指促銷(xiāo)活動(dòng)頁(yè)面，它能展現(xiàn)店鋪相應(yīng)促銷(xiāo)活動(dòng)的信息；詳情頁(yè)是某個(gè)產(chǎn)品的重點(diǎn)、特點(diǎn)及賣(mài)點(diǎn)的全面表現(xiàn)，是將流量轉(zhuǎn)換為成交量的最重要頁(yè)面，下面分別對(duì)三者進(jìn)行介紹。首頁(yè)體現(xiàn)活動(dòng)頁(yè)體現(xiàn)（三）詳情頁(yè)體現(xiàn)三、新課教學(xué)二：廣告視覺(jué)體現(xiàn)（一）海報(bào)：海報(bào)一般位于首頁(yè)的第一個(gè)板塊，主要用于展示商品信息、店鋪信息和推廣內(nèi)容。該板塊不但是廣告的重要位置，還是營(yíng)銷(xiāo)的重點(diǎn)，通過(guò)圖像的設(shè)計(jì)和廣告文案的體現(xiàn)，傳達(dá)商品信息。（二）焦點(diǎn)圖：焦點(diǎn)圖一般位于詳情頁(yè)的第一個(gè)板塊，在該板塊中可放置店鋪和商品廣告，從而進(jìn)行店鋪品牌形象的宣傳和商品的促銷(xiāo)。該板塊是詳情頁(yè)廣告視覺(jué)體現(xiàn)的重點(diǎn)板塊，也是營(yíng)銷(xiāo)的重點(diǎn)四、新課教學(xué)三：商品視覺(jué)體現(xiàn)（一）主圖的營(yíng)銷(xiāo)體現(xiàn)好。1．賣(mài)點(diǎn)清晰有創(chuàng)意2．商品的大小適中3．宜簡(jiǎn)不宜繁4．豐富細(xì)節(jié)（二）首頁(yè)商品視覺(jué)體現(xiàn)（三）詳情頁(yè)商品視覺(jué)體現(xiàn)五、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，分組討論主圖營(yíng)銷(xiāo)的4個(gè)著手點(diǎn)。六、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。新課導(dǎo)入新課講授學(xué)生練習(xí)教師總結(jié)第2章電商視覺(jué)設(shè)計(jì)體現(xiàn)知識(shí)目標(biāo)：1.了解電商網(wǎng)店視覺(jué)體現(xiàn)的內(nèi)容2.掌握電商網(wǎng)店視覺(jué)風(fēng)格的概念3.了解廣告視覺(jué)傳達(dá)的概念及意義技能目標(biāo)：1.能夠掌握商品視覺(jué)體現(xiàn)的主要內(nèi)容2.能夠根據(jù)商品確定電商網(wǎng)店的風(fēng)格重點(diǎn):商品視覺(jué)體現(xiàn)難點(diǎn)：電商視覺(jué)營(yíng)銷(xiāo)策略方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商視覺(jué)風(fēng)格創(chuàng)設(shè)意境，導(dǎo)入新課新課教學(xué)一：電商網(wǎng)店視覺(jué)風(fēng)格的概念電商網(wǎng)店的視覺(jué)風(fēng)格是指電商網(wǎng)店的整體形象給瀏覽者、消費(fèi)者的綜合感受。也就是說(shuō)，電商網(wǎng)店的視覺(jué)風(fēng)格是通過(guò)網(wǎng)店首頁(yè)、分類(lèi)頁(yè)與商品詳情頁(yè)上的視覺(jué)元素體現(xiàn)出來(lái)的。這種形式的體現(xiàn)來(lái)自于電商網(wǎng)店整體的色彩、圖形、文字、視頻、聲音等元素，這種形式的體現(xiàn)來(lái)自于電商網(wǎng)店整體的色彩、圖形、文字、視頻、聲音等元素，依靠電商網(wǎng)店的布局、導(dǎo)航、交互方式等。三、新課教學(xué)二：確定電商網(wǎng)店視覺(jué)風(fēng)格色彩是定位店鋪裝修風(fēng)格的重要因素，可以說(shuō)，風(fēng)格承載著色彩，而色彩也成就著風(fēng)格。在店鋪的裝修過(guò)程中，店鋪的色彩風(fēng)格定位很重要，這是店鋪視覺(jué)營(yíng)銷(xiāo)的基礎(chǔ)。許多商家在裝修店鋪的過(guò)程中，喜歡堆砌一些炫酷的色塊，讓整個(gè)頁(yè)面色彩雜亂無(wú)章。其實(shí)一個(gè)優(yōu)秀頁(yè)面應(yīng)該有主色調(diào)，再搭配一些輔助顏色，使整個(gè)畫(huà)面顯得干凈、美觀(guān)。（一）店鋪色彩與風(fēng)格的完美搭配確定品牌主色調(diào)2．合理搭配輔助色店鋪商品圖片的視覺(jué)統(tǒng)一化處理店鋪要形成自己的風(fēng)格，除了要在視覺(jué)識(shí)別或色彩搭配上下功夫，還要注重商品圖片風(fēng)格和視覺(jué)的統(tǒng)一。商品圖片風(fēng)格的統(tǒng)一并不單單指在后期設(shè)計(jì)過(guò)程中將商品圖片處理成一致的視覺(jué)效果，還包括在拍攝商品時(shí)就把握好照片的構(gòu)圖、修飾元素、光影等方面的統(tǒng)一。四、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，分組討論如何確定電商視覺(jué)營(yíng)銷(xiāo)風(fēng)格。五、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。復(fù)習(xí)、新課導(dǎo)入新課講授學(xué)生練習(xí)教師總結(jié)第2章電商視覺(jué)設(shè)計(jì)體現(xiàn)知識(shí)目標(biāo)：1.了解電商網(wǎng)店視覺(jué)體現(xiàn)的內(nèi)容2.掌握電商網(wǎng)店視覺(jué)風(fēng)格的概念3.了解廣告視覺(jué)傳達(dá)的概念及意義技能目標(biāo)：1.能夠掌握商品視覺(jué)體現(xiàn)的主要內(nèi)容2.能夠根據(jù)商品確定電商網(wǎng)店的風(fēng)格重點(diǎn):商品視覺(jué)體現(xiàn)難點(diǎn)：電商視覺(jué)營(yíng)銷(xiāo)策略方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商廣告的視覺(jué)傳達(dá)一、創(chuàng)設(shè)意境，導(dǎo)入新課新課教學(xué)一：電商廣告視覺(jué)傳達(dá)的概念及意義（一）電商廣告視覺(jué)傳達(dá)的概念電商廣告視覺(jué)傳達(dá)是在廣告創(chuàng)意過(guò)程中，將各種表現(xiàn)手段、表現(xiàn)形式、表現(xiàn)符號(hào)與商品信息相融合而轉(zhuǎn)化成視覺(jué)化廣告。（二）電商廣告視覺(jué)傳達(dá)的意義1．傳遞價(jià)值理念2．傳遞情感因素3．引領(lǐng)生活時(shí)尚潮流三、新課教學(xué)二：電商廣告視覺(jué)傳達(dá)的要求視覺(jué)文化背景下的廣告文化傳播更強(qiáng)調(diào)其視覺(jué)性。廣告信息主要依靠文字和視覺(jué)符號(hào)來(lái)傳播。視覺(jué)符號(hào)由圖形、文字、色彩、構(gòu)圖等元素組合而成。廣告主題信息通過(guò)圖形、文案的創(chuàng)意，色彩的選擇，構(gòu)圖的選擇等各種視覺(jué)元素來(lái)共同傳達(dá)。因此強(qiáng)調(diào)廣告視覺(jué)性更有利于廣告信息的傳播。主要表現(xiàn)在以下幾個(gè)方面：首先，擴(kuò)大圖形的版面，以盡可能大的版面來(lái)吸引客戶(hù)注意力，從而達(dá)到強(qiáng)調(diào)視覺(jué)的目的。其次，明星代言的廣告可帶來(lái)視覺(jué)快感，產(chǎn)生巨大的經(jīng)濟(jì)效應(yīng)。以“明星效應(yīng)”引起關(guān)注，再以廣告?zhèn)鬟f消費(fèi)理念，讓商品在市場(chǎng)中得以傳播。廣告中的“明星效應(yīng)”可拉動(dòng)店鋪中商品的銷(xiāo)量，提升商品的定位和檔次。在選擇明星時(shí)要根據(jù)商品的特點(diǎn)和定位進(jìn)行選擇，不要只關(guān)注明星的名氣。最后，廣告最吸引人的是創(chuàng)意，好的創(chuàng)意不但能吸引客戶(hù)還能提升店鋪品牌和形象，為下次的客戶(hù)回訪(fǎng)帶來(lái)?xiàng)l件。四、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，闡述電商視覺(jué)廣告?zhèn)鬟_(dá)的要求五、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第2章電商視覺(jué)設(shè)計(jì)體現(xiàn)知識(shí)目標(biāo)：1.了解電商網(wǎng)店視覺(jué)體現(xiàn)的內(nèi)容2.掌握電商網(wǎng)店視覺(jué)風(fēng)格的概念3.了解廣告視覺(jué)傳達(dá)的概念及意義技能目標(biāo)：1.能夠掌握商品視覺(jué)體現(xiàn)的主要內(nèi)容2.能夠根據(jù)商品確定電商網(wǎng)店的風(fēng)格重點(diǎn):商品視覺(jué)體現(xiàn)難點(diǎn)：電商視覺(jué)營(yíng)銷(xiāo)策略方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商視覺(jué)營(yíng)銷(xiāo)創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：視覺(jué)營(yíng)銷(xiāo)的概念視覺(jué)營(yíng)銷(xiāo)，顧名思義就是在消費(fèi)者的視覺(jué)上下功夫，通過(guò)刺激感官引起消費(fèi)者的興趣，使其對(duì)產(chǎn)品產(chǎn)生深刻的認(rèn)同感和購(gòu)買(mǎi)欲望，從而達(dá)到營(yíng)銷(xiāo)的目的。視覺(jué)是手段，營(yíng)銷(xiāo)是目的。視覺(jué)營(yíng)銷(xiāo)的目的是最大限度地促進(jìn)產(chǎn)品（或服務(wù)）與消費(fèi)者之間的聯(lián)系，最終實(shí)現(xiàn)銷(xiāo)售，同時(shí)提升視覺(jué)沖擊和品牌的文化影響。三、新課教學(xué)二：電商視覺(jué)營(yíng)銷(xiāo)策略（一）產(chǎn)品策略1．產(chǎn)品造型應(yīng)用及其視覺(jué)效果2．產(chǎn)品質(zhì)感的視覺(jué)效果（二）品牌策略1．品牌形象視覺(jué)識(shí)別2.品牌標(biāo)志的功能、視覺(jué)識(shí)別原則、字體和色彩1）識(shí)別功能及視覺(jué)識(shí)別原則：識(shí)別功能是品牌標(biāo)志最突出的特點(diǎn)，也是品牌標(biāo)志的重要功能之一。品牌標(biāo)志要求必須容易識(shí)別、容易讀懂、容易記憶，只有這樣才能實(shí)現(xiàn)其基本的目的。品牌標(biāo)志要做到容易識(shí)別、容易讀懂、容易記憶，必須符合以下幾點(diǎn)原則。（1）品牌標(biāo)志必須簡(jiǎn)潔品牌標(biāo)志必須準(zhǔn)確品牌標(biāo)志必須獨(dú)特品牌標(biāo)志必須好看2）實(shí)用功能及視覺(jué)識(shí)別原則：實(shí)用功能是品牌標(biāo)志又一突出的特點(diǎn)，是品牌標(biāo)志的本質(zhì)功能。雖然品牌標(biāo)志要做到獨(dú)特、好看、具有觀(guān)賞價(jià)值，但品牌標(biāo)志的主要用途不是為了供人觀(guān)賞，而是為了更快、更準(zhǔn)確地向消費(fèi)者傳達(dá)品牌或企業(yè)的信息。品牌標(biāo)志要做到實(shí)用，必須符合以下幾點(diǎn)原則。（1）品牌標(biāo)志必須表達(dá)品牌特征（2）品牌標(biāo)志應(yīng)該具有行業(yè)特征（3）品牌標(biāo)志必須便于實(shí)際運(yùn)用3）品牌標(biāo)志中字體的要求與色彩的視覺(jué)效果：品牌標(biāo)志既可以是圖形，也可以是文字。文字標(biāo)志以視覺(jué)創(chuàng)意為核心，應(yīng)該具有獨(dú)到的風(fēng)格特征。這種風(fēng)格特征體現(xiàn)在文字的筆畫(huà)形態(tài)和結(jié)構(gòu)上，這就是字體設(shè)計(jì)。字體的美感特質(zhì)和易讀性都與風(fēng)格特征相關(guān)。不同的品牌標(biāo)志，必須與字體的風(fēng)格特征結(jié)合起來(lái)，體現(xiàn)出品牌的內(nèi)涵，才能將品牌的信息和特征、更有效更準(zhǔn)確地傳達(dá)給消費(fèi)者。因此，品牌標(biāo)志的字體設(shè)計(jì)理念是把文字的寓意壓縮到少量便于識(shí)別和記憶的符號(hào)中，它不僅要體現(xiàn)創(chuàng)意和美感，更要體現(xiàn)品牌的精神和內(nèi)涵，確保傳達(dá)給消費(fèi)者品牌形象準(zhǔn)確明了。（1）品牌標(biāo)志中字體的要求（2）品牌標(biāo)志中色彩的視覺(jué)效果4）品牌標(biāo)志的色彩選擇：不同的色彩具有不同的象征意義，能使人產(chǎn)生不同的感情共鳴，大多是由于不同的聯(lián)想形成的。色彩通過(guò)人自身的經(jīng)驗(yàn)，產(chǎn)生心理聯(lián)想和感情，使色彩的表現(xiàn)性大大增強(qiáng)。有關(guān)色彩使人產(chǎn)生的心境、色彩與情感的聯(lián)系、色彩所具有的象征意義等，在第四章中將進(jìn)行較為詳細(xì)的討論。下面僅圍繞品牌標(biāo)志色彩設(shè)計(jì)的基本類(lèi)型進(jìn)行討論，以便企業(yè)在視覺(jué)營(yíng)銷(xiāo)活動(dòng)中，能夠有效地利用色彩感情規(guī)律，更好地表達(dá)品牌標(biāo)志的視覺(jué)效果，從而喚起消費(fèi)者的情感，引起他們對(duì)企業(yè)及商品的興趣，最終影響他們的選擇。（1）單色類(lèi)品牌標(biāo)志（2）雙色類(lèi)品牌標(biāo)志（3）多色類(lèi)品牌標(biāo)志四、新課教學(xué)三：包裝策略市場(chǎng)營(yíng)銷(xiāo)原理將包裝視為產(chǎn)品整體概念的一個(gè)組成部分，在商品經(jīng)濟(jì)高速發(fā)展的今天，包裝與商品已融為一體。包裝作為實(shí)現(xiàn)商品價(jià)值和使用價(jià)值的手段，在生產(chǎn)、流通、銷(xiāo)售和消費(fèi)領(lǐng)域中，發(fā)揮著極其重要的作用。因此，包裝與產(chǎn)品相同，是視覺(jué)營(yíng)銷(xiāo)策略的重要組成部分。人們透過(guò)視覺(jué)認(rèn)識(shí)事物，一般要經(jīng)歷三個(gè)過(guò)程：光學(xué)反應(yīng)→生理反應(yīng)→心理反應(yīng)。物體透過(guò)反射在人的視網(wǎng)膜上成像，經(jīng)眼部肌肉的擴(kuò)張與收縮來(lái)獲取信息，并經(jīng)視覺(jué)神經(jīng)系統(tǒng)傳達(dá)至大腦，進(jìn)而有意識(shí)地將到達(dá)大腦皮質(zhì)的刺激信息進(jìn)行分析并做出判斷。了解人們對(duì)事物的視覺(jué)印象形成過(guò)程有利于包裝的設(shè)計(jì)。在包裝的設(shè)計(jì)過(guò)程中，要靈活運(yùn)用包裝的形態(tài)、色彩、質(zhì)感、文字等來(lái)傳達(dá)不同的視覺(jué)感受，使包裝符合、滿(mǎn)足消費(fèi)者的心理，從而促進(jìn)商品的銷(xiāo)售。1．包裝的基本概念1）包裝包裝不僅有產(chǎn)品“容器”的物質(zhì)和功能上的意義，還有外觀(guān)裝飾的意義。包裝是品牌理念、產(chǎn)品特性、消費(fèi)心理的綜合反映，直接影響到消費(fèi)者的購(gòu)買(mǎi)欲，是包裝設(shè)計(jì)是建立產(chǎn)品與消費(fèi)者親和力的有力手段。2）包裝設(shè)計(jì)包裝設(shè)計(jì)是指選用合適的包裝材料，運(yùn)用巧妙的工藝手段，為包裝商品進(jìn)行的容器結(jié)構(gòu)造型和美化裝飾設(shè)計(jì)。包裝設(shè)計(jì)透過(guò)視覺(jué)把感受傳遞出來(lái)，即通過(guò)視覺(jué)刺激給人帶來(lái)不同的心理感受。包裝直接面對(duì)消費(fèi)者，消費(fèi)者首先接觸的就是產(chǎn)品的包裝，包裝對(duì)消費(fèi)者的影響常常比產(chǎn)品來(lái)得直接和快捷。包裝設(shè)計(jì)的構(gòu)成要素主要包括三個(gè)方面：一是外形要素，又稱(chēng)形態(tài)要素，即包裝的形態(tài)構(gòu)成，也就是以一定的方法、法則構(gòu)成的各種千變?nèi)f化的形態(tài)。二是色彩要素，它在包裝設(shè)計(jì)中占據(jù)重要的位置，是美化和突出產(chǎn)品的重要因素，包裝色彩的運(yùn)用與整個(gè)畫(huà)面設(shè)計(jì)的構(gòu)思、構(gòu)圖緊密聯(lián)系。三是構(gòu)圖要素，即將商品包裝展示面的商標(biāo)、圖形、文字和組合排列在一起形成的完整的畫(huà)面。2.包裝外部造型法則及視覺(jué)效果1）線(xiàn)型法及視覺(jué)效果2）面、體構(gòu)成法及視覺(jué)效果3）仿生法及視覺(jué)效果4）節(jié)奏與韻律法及視覺(jué)效果5）肌理法及視覺(jué)效果6）對(duì)稱(chēng)與平衡法及視覺(jué)效果包裝外部造型除以上6種外，還有對(duì)比與調(diào)和法、虛實(shí)空間法、表面裝飾法、比擬與聯(lián)想法、重復(fù)與呼應(yīng)法等。無(wú)論運(yùn)用哪一種法則或?qū)⒛膸追N法則組合運(yùn)用，都應(yīng)在滿(mǎn)足包裝基本功能的基礎(chǔ)之上，依照被包裝產(chǎn)品的特征、物理性質(zhì)和化學(xué)性質(zhì)挑選合適的材料，運(yùn)用美學(xué)原則，以視覺(jué)形式表現(xiàn)出結(jié)構(gòu)合理、外部造型美觀(guān)，從而對(duì)消費(fèi)者形成強(qiáng)有力的視覺(jué)刺激、良好的視覺(jué)享受，促使消費(fèi)者達(dá)成購(gòu)買(mǎi)行為。五、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，分組討論做好包裝設(shè)計(jì)需要注意哪些問(wèn)題。六、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第3章電商視覺(jué)影像傳達(dá)知識(shí)目標(biāo)：1.了解拍攝常用的器材2.掌握構(gòu)圖的含義與目的3.了解開(kāi)播前必不可少的準(zhǔn)備工作技能目標(biāo)：1.能夠掌握電商商品拍攝基本的構(gòu)圖方法2.能夠正確選擇電商商品拍攝的背景重點(diǎn)：電商商品拍攝中商品的陳列與擺設(shè)。難點(diǎn)：電商商品視頻拍攝的流程。方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商商品拍攝基礎(chǔ)知識(shí)創(chuàng)設(shè)意境，導(dǎo)入新課新課教學(xué)一：認(rèn)識(shí)拍攝器材（一）數(shù)碼相機(jī)1．?dāng)?shù)碼相機(jī)的類(lèi)型1）按光/電轉(zhuǎn)換器件分2）按使用獨(dú)立性分3）按結(jié)構(gòu)分4）按感光譜分5）按存儲(chǔ)媒體分6）按消費(fèi)市場(chǎng)分又包含如圖所示（1）卡片相機(jī)（2）長(zhǎng)焦相機(jī)（3）數(shù)碼單反相機(jī)三種類(lèi)型。2．?dāng)?shù)碼相機(jī)的選擇1）相機(jī)的圖像感應(yīng)器至少為1500萬(wàn)像素以上。2）選用光學(xué)變焦的鏡頭，避免購(gòu)買(mǎi)數(shù)碼變焦的相機(jī)。因?yàn)樗^數(shù)碼變焦其實(shí)就是截取感應(yīng)器上的局部放大。3）鏡頭最好可更換，以適應(yīng)不同商品類(lèi)型的拍攝。若只拍攝單一類(lèi)型的商品則不必考慮。4）相機(jī)應(yīng)具備手動(dòng)擋，最好可以手動(dòng)對(duì)焦，以便準(zhǔn)確曝光和對(duì)焦。5）必須有閃光燈熱靴。有閃光燈熱靴才可以安裝引閃器，從而實(shí)現(xiàn)離機(jī)引閃，達(dá)到控制閃光燈進(jìn)行拍攝的目的。6）最好有快門(mén)線(xiàn)接口。使用快門(mén)線(xiàn)可有效防止相機(jī)震動(dòng)，避免因相機(jī)震動(dòng)導(dǎo)致的畫(huà)質(zhì)降低。7）支持RAW格式的圖片輸出。絕大部分商品圖片均需要通過(guò)后期調(diào)整，而RAW格式擁有所有圖片格式中最高的寬容度，非常適合進(jìn)行后期處理。（二）其他拍攝器材1．?dāng)z影棚要拍攝出好的圖片除了上述描述的數(shù)碼相機(jī)、鏡頭等設(shè)備，還需要一批專(zhuān)業(yè)的輔助設(shè)備，構(gòu)建一個(gè)合理的攝影棚。2．電商商品拍攝常用的燈光器材1）小型攜帶式閃光燈2）石英燈3）鎢絲燈4）鹵素太陽(yáng)燈5）高頻冷光燈6）大型電子閃光燈3．電商商品拍攝常用的輔助器材1）反光傘2）柔光箱3）尖嘴罩4）四葉遮板5）反光板6）其他配件，又包含色片、漫射箱、閃光燈測(cè)光表。三、新課教學(xué)二：電商商品拍攝中的用光與布光（一）布光的基本知識(shí)1．布光的相關(guān)概念2．布光的方法1）單光源照明2）主輔光照明（1）主光即照明中最明亮的、起主要作用的光源，用于顯示拍攝對(duì)象的基本形態(tài)，表現(xiàn)畫(huà)面的立體空間和物體的表面結(jié)構(gòu)。（2）輔助光用于減弱主光造成的明顯陰影，增加主光照不到的那一部分的畫(huà)面層次與細(xì)節(jié)，減少陰影的密度。燈具常選用柔和的、無(wú)明顯方向的散射光或反射光。3）三點(diǎn)布光三點(diǎn)布光也稱(chēng)三光照明或三角形布光，是最常用的布光方法，由主光、輔助光、背光組成。（二）商品拍攝中光與影的基本屬性1．亮度：簡(jiǎn)單來(lái)說(shuō)，光線(xiàn)的亮度高于拍攝需要的最低水平，就可以拍攝出好的照片。2．色溫：光線(xiàn)的色彩又稱(chēng)色溫，以絕對(duì)溫度（單位K）表示。色溫的預(yù)設(shè)根據(jù)實(shí)驗(yàn)室中黑鐵加熱后放射出的顏色而定，加熱到多少K時(shí)黑鐵發(fā)出什么色的光，就定該色光的色溫為多少K。3．用光：用光是攝影中最核心、最基本的一種技巧。實(shí)際上很多攝影作品都是通過(guò)光影來(lái)表現(xiàn)或烘托作品的主題，可以說(shuō)光是攝影中作品的靈魂。用光通常有順光、側(cè)光、漫射光、逆光、逆射光。4．光質(zhì)：光線(xiàn)的硬、柔程度稱(chēng)為光質(zhì)。光質(zhì)會(huì)影響畫(huà)面的風(fēng)格及立體感的個(gè)性，正確應(yīng)用光質(zhì)對(duì)圖像的質(zhì)感有較大的影響。光質(zhì)有硬光與柔光兩類(lèi)。5．光比：光比是攝影中重要的參數(shù)之一，指被拍攝物體受光面亮度與陰影面亮度的比值，常用“受光面亮度陰影面亮度”的比例形式來(lái)表示。6．影調(diào)：影調(diào)就是光影的基調(diào)。在素描中，物體在受光情況下會(huì)表現(xiàn)出三大面、五大調(diào)子。三大面指亮面、灰面、暗面；五大調(diào)子指高光、中間調(diào)、明暗交界線(xiàn)、反光、投影。攝影中的影調(diào)一般指硬調(diào)、柔調(diào)、中間調(diào)等。（三）電商商品拍攝中布光的方式1．光的運(yùn)用1）室外自然光的運(yùn)用2）室內(nèi)自然光的運(yùn)用3）人造光的運(yùn)用2．?dāng)z影棚拍攝的布光方式在攝影棚拍攝靜止的商品時(shí)通常有正面兩側(cè)布光、兩側(cè)45°角布光、單側(cè)45°角不均衡布光、前后交叉布光、后方布光等方式。（四）電商商品拍攝中調(diào)節(jié)光線(xiàn)的注意事項(xiàng)要拍攝出“形、色、質(zhì)”俱佳且具有視覺(jué)沖擊力的商品圖像，用光與光線(xiàn)的調(diào)節(jié)非常重要。對(duì)柔光與硬光的取舍、光源的位置、光線(xiàn)的強(qiáng)度、光線(xiàn)的方向、色溫、光質(zhì)、影調(diào)等要運(yùn)用自如，所以光線(xiàn)的調(diào)節(jié)是商品圖像拍攝過(guò)程中難度最大的技術(shù)。除上述知識(shí)與技術(shù)之外，光線(xiàn)的調(diào)節(jié)通常要注意以下幾點(diǎn)，同時(shí)要不斷地摸索與實(shí)踐，不斷地積累經(jīng)驗(yàn)。1．光源越闊，光線(xiàn)越柔和2．光源越近，光線(xiàn)越柔和3．柔光箱能令光線(xiàn)變得更闊、更柔和4．用反射來(lái)柔化光線(xiàn)5．光源越遠(yuǎn)，被攝主體越暗6．利用光線(xiàn)的強(qiáng)弱令被攝主體更突出于背景7．正面光可以減弱被攝主體的紋理，側(cè)光、頂光和底光可以強(qiáng)化被拍攝物體的紋理8．陰影可以令被拍攝物體更有立體感9．背光可以作為柔光的光源10．光線(xiàn)是有色彩的四、新課教學(xué)三：開(kāi)拍前必不可少的工作（一）了解拍攝對(duì)象在準(zhǔn)備拍攝一個(gè)商品之前，首先要做的是找到這件商品最美的地方，對(duì)商品進(jìn)行360°的觀(guān)察，必要的話(huà)還需要了解商品的制作工藝及相關(guān)文化背景。當(dāng)我們把商品最美的一面展示出來(lái)時(shí)，一張好的照片就已經(jīng)成功了一半。（二）確定商品適合的表現(xiàn)方式（1）數(shù)量。首先需要確定畫(huà)面中需要表現(xiàn)的商品數(shù)量。（2）擺放方式。擺放方式分為直擺、平鋪和懸掛。（3）圖片功能。根據(jù)圖片功能不同來(lái)決定是拍攝商品的整體、局部還是細(xì)節(jié)。一般來(lái)講，在全面表現(xiàn)一件商品時(shí)，商品的整體、局部、細(xì)節(jié)均需要有圖片來(lái)進(jìn)行展示。（三）選擇合適的影調(diào)攝影中有5種影調(diào)，分別為高調(diào)、中高調(diào)、中調(diào)、中低調(diào)、低調(diào)。在拍攝商品前要根據(jù)商品的特性確定合適的影調(diào)去表現(xiàn)。例如，高跟鞋就適合用高調(diào)去表現(xiàn)其高雅、簡(jiǎn)潔的一面，；毛巾、床上用品就適合用中高調(diào)去表現(xiàn)其干凈、舒適的一面；一些珠寶就適合用中低調(diào)去表現(xiàn)其色彩及質(zhì)感；牛仔帽就適合用低調(diào)去表現(xiàn)其神秘感。（四）設(shè)定布景布景分為兩種情況：一種是僅考慮照片的背景，另一種是布置一個(gè)場(chǎng)景。（五）布光攝影是光的藝術(shù)，對(duì)光線(xiàn)的處理和運(yùn)用是創(chuàng)作的重要環(huán)節(jié)，尤其是在商品拍攝中。下圖為逆光效果。（六）準(zhǔn)備道具在拍攝過(guò)程中，需要用到背景布、襯托物和輔助拍攝的道具，要提前做好準(zhǔn)備。用來(lái)給實(shí)物做大小參照物的可以是手機(jī)、雜志等人們熟悉的物品，白紙、鋁箔紙等可用來(lái)做輔助拍攝反光板。一條白線(xiàn)、一根曲別針、一朵花甚至一臺(tái)跑車(chē)等都可以用來(lái)做道具。總之，道具就是為了輔助拍攝，襯托商品氣質(zhì)。五、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，學(xué)生分組討論網(wǎng)店圖片開(kāi)拍前需要做哪些準(zhǔn)備工作。六、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。新課導(dǎo)入新課講授學(xué)生練習(xí)教師總結(jié)第3章電商視覺(jué)影像傳達(dá)知識(shí)目標(biāo)：1.了解拍攝常用的器材2.掌握構(gòu)圖的含義與目的3.了解開(kāi)播前必不可少的準(zhǔn)備工作技能目標(biāo)：1.能夠掌握電商商品拍攝基本的構(gòu)圖方法2.能夠正確選擇電商商品拍攝的背景重點(diǎn)：電商商品拍攝中商品的陳列與擺設(shè)。難點(diǎn)：電商商品視頻拍攝的流程。方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商商品拍攝構(gòu)圖一、創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：構(gòu)圖的含義構(gòu)圖是英語(yǔ)Composition的譯音，為造型藝術(shù)的術(shù)語(yǔ)。它的含義是：把各部分組成、結(jié)合、配置并加以整理出一個(gè)藝術(shù)性較高的畫(huà)面。構(gòu)圖是藝術(shù)家為了表現(xiàn)作品的主題思想和美感效果，在一定的空間內(nèi)，安排和處理人、景、物的關(guān)系和位置，把個(gè)別或局部的形象組成藝術(shù)的整體。構(gòu)圖是把人、景、物安排在畫(huà)面當(dāng)中以獲得最佳布局的方法，是把形象結(jié)合起來(lái)的方法，是揭示形象的全部手段的總和，是藝術(shù)家利用視覺(jué)要素在畫(huà)面上按照空間把形象組織起來(lái)的構(gòu)成，是在形式美方面訴諸于視覺(jué)的點(diǎn)、線(xiàn)、形態(tài)、用光、明暗、色彩的配合。構(gòu)圖是表現(xiàn)攝影作品內(nèi)容的重要因素，是作品中全部攝影視覺(jué)藝術(shù)語(yǔ)言的組織方式它使攝影作品的部分內(nèi)部結(jié)構(gòu)得到恰當(dāng)?shù)谋憩F(xiàn)，只有內(nèi)部結(jié)構(gòu)和外部結(jié)構(gòu)得到和諧統(tǒng)一，才能產(chǎn)生完美的構(gòu)圖。構(gòu)圖的目的是把構(gòu)思中典型化的人、景、物加以強(qiáng)調(diào)、突出，從而舍棄那些一般的、表面的、煩瑣的、次要的東西，并恰當(dāng)?shù)匕才排泱w，選擇環(huán)境，使作品比現(xiàn)實(shí)生活更高級(jí)、更強(qiáng)烈、更完善、更集中、更典型、更理想，以增強(qiáng)藝術(shù)效果?？偟膩?lái)說(shuō)，構(gòu)圖就是把一個(gè)人的思想情感傳遞給別人的藝術(shù)。新課教學(xué)二：構(gòu)圖的畫(huà)幅（一）橫畫(huà)幅橫畫(huà)幅是一種將商品橫向放置或橫向排列的構(gòu)圖方式。這種構(gòu)圖方式能夠給人一種穩(wěn)定、安靜、可靠的感覺(jué)，多用來(lái)表現(xiàn)商品的穩(wěn)固，并給人安全感，是一種常用的圖方式。（二）豎畫(huà)幅豎畫(huà)幅是一種將商品豎向放置或豎向排列的構(gòu)圖方式。這種構(gòu)圖方式可以表現(xiàn)出商品的高挑、秀朗，常用來(lái)拍攝長(zhǎng)條或豎立的商品。豎畫(huà)幅構(gòu)圖在商品的拍攝中也是經(jīng)常使用的。新課教學(xué)三：基本構(gòu)圖方法中心構(gòu)圖九宮格構(gòu)圖對(duì)角線(xiàn)構(gòu)圖三角形構(gòu)圖黃金分割構(gòu)圖三分法構(gòu)圖對(duì)稱(chēng)式構(gòu)圖（八）S形曲線(xiàn)構(gòu)圖新課教學(xué)三：基本構(gòu)圖技巧（一）主體突出的技巧（二）商標(biāo)的表現(xiàn)（三）利用構(gòu)圖表現(xiàn)商品的局部細(xì)節(jié)（四）利用道具修飾畫(huà)面（五）融入場(chǎng)景營(yíng)造氣氛六、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，學(xué)生分析討論用常構(gòu)圖優(yōu)劣和適用情況。七、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第3章電商視覺(jué)影像傳達(dá)知識(shí)目標(biāo)：1.了解拍攝常用的器材2.掌握構(gòu)圖的含義與目的3.了解開(kāi)播前必不可少的準(zhǔn)備工作技能目標(biāo)：1.能夠掌握電商商品拍攝基本的構(gòu)圖方法2.能夠正確選擇電商商品拍攝的背景重點(diǎn)：電商商品拍攝中商品的陳列與擺設(shè)。難點(diǎn)：電商商品視頻拍攝的流程。方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商商品圖片拍攝一、創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：電商商品拍攝中背景的選擇在商品拍攝中，背景在表現(xiàn)主體所處的環(huán)境、氣氛和空間方面，具有無(wú)可替代的作用；在表現(xiàn)整個(gè)畫(huà)面的色調(diào)及線(xiàn)條結(jié)構(gòu)方面，有著極其重要的作用。由于背景的面積比較大，能夠直接影響畫(huà)面內(nèi)容的表現(xiàn)，因此背景處理得好壞，在某種程度上決定了靜物拍攝的成敗。背景使用的材料主要有專(zhuān)用的背景布、呢絨、絲絨、布料、紙張和墻壁等。（一）背景燈光的運(yùn)用（二）背景色彩的處理（三）背景的虛化處理三、新課教學(xué)二：電商商品拍攝中商品的陳列與擺放（一）商品擺放的角度（二）商品外形的二次設(shè)計(jì)（三）商品外觀(guān)的襯托設(shè)計(jì)（四）商品的排列組合（五）商品擺放的疏密和序列感四、新課教學(xué)三：電商商品圖片拍攝案例以不銹鋼水杯為例，來(lái)展現(xiàn)商品圖品的拍攝。不銹鋼水杯的效果圖展示如下步驟1：在靜物臺(tái)上鋪上白色背景紙，放上不銹鋼水杯，使用兩盞帶有柔光箱的攝影燈從其左右兩側(cè)進(jìn)行打光。步驟2：拍攝商品的整體圖片，反光部分均勻分布表現(xiàn)出簡(jiǎn)約又不失沉穩(wěn)的效果，使消費(fèi)者感受到自然大方、成熟穩(wěn)重的感覺(jué)。步驟3：為了突出不銹鋼水杯的實(shí)用性，符合飲用人體工程學(xué)，進(jìn)行全景正面拍攝。將不銹鋼水杯的杯蓋放于杯側(cè)，展示杯口外觀(guān)的設(shè)計(jì)，如圖3-50所示。步驟4：局部細(xì)節(jié)圖可以全方位、多角度地展示商品，突出商品的細(xì)節(jié)和工藝。將杯蓋放于一側(cè)，杯身45°平躺斜放，展示其雙層真空設(shè)計(jì)。步驟5：將杯口靠在杯蓋上進(jìn)行拍攝，如圖3-52所示。步驟6：拍攝杯蓋細(xì)節(jié)，突出杯蓋的智能控溫設(shè)計(jì)理念，主要表現(xiàn)在水溫可在杯蓋上精準(zhǔn)顯示。五、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，進(jìn)行水杯拍攝實(shí)操。六、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第3章電商視覺(jué)影像傳達(dá)知識(shí)目標(biāo)：1.了解拍攝常用的器材2.掌握構(gòu)圖的含義與目的3.了解開(kāi)播前必不可少的準(zhǔn)備工作技能目標(biāo)：1.能夠掌握電商商品拍攝基本的構(gòu)圖方法2.能夠正確選擇電商商品拍攝的背景重點(diǎn)：電商商品拍攝中商品的陳列與擺設(shè)。難點(diǎn)：電商商品視頻拍攝的流程。方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商商品視頻拍攝一、創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：視頻拍攝的要求在拍攝視頻時(shí)，可能出現(xiàn)一些問(wèn)題，例如，攝影機(jī)過(guò)分移動(dòng)，拍攝進(jìn)程不穩(wěn)定，拍攝的整體畫(huà)面出現(xiàn)傾斜，不平衡；在逆光的情況下進(jìn)行拍攝，畫(huà)面主體不清晰；固定畫(huà)面太少，后期編輯沒(méi)有過(guò)渡的鏡頭；聲音不清楚等。為了避免出現(xiàn)這些問(wèn)題，需要掌握技巧進(jìn)行拍攝，拍攝的總體要求包括平、準(zhǔn)、穩(wěn)、勻。保持畫(huà)面穩(wěn)定保持畫(huà)面水平（三）控制拍攝時(shí)間三、新課教學(xué)二:電商商品視頻拍攝的流程(一）了解商品的特點(diǎn):在拍攝視頻前需要對(duì)拍攝的商品有一定的認(rèn)識(shí)，需要了解商品的特點(diǎn)、使用方法和使用后的效果等。只有對(duì)商品有所了解后，才能選擇合適的模特兒、拍攝環(huán)境、拍攝時(shí)間，然后根據(jù)商品的大小和材質(zhì)來(lái)選擇拍攝的器材和布光方式等。在拍攝時(shí)，重點(diǎn)表現(xiàn)商品的特色，可以幫助消費(fèi)者更好地了解商品，提高其購(gòu)買(mǎi)率（二）準(zhǔn)備道具、模特兒與布置場(chǎng)景:在了解商品的特點(diǎn)后，就可以準(zhǔn)備道具、模特兒及布置場(chǎng)景，為拍攝視頻做好前期準(zhǔn)備工作。（三）拍攝視頻：一切準(zhǔn)備就緒后，便可進(jìn)行視頻拍攝。在拍攝過(guò)程中為了保持畫(huà)面的平衡，需要使用E腳架。（四）后期合成在視頻拍攝完成后，需要將多余的部分剪切掉，進(jìn)行多場(chǎng)景的組合，還需要添加字幕、轉(zhuǎn)場(chǎng)和特效等操作，這些操作需要通過(guò)視頻編輯軟件完成。常用的視頻編輯軟件有會(huì)聲會(huì)影和Premiere等。對(duì)新手來(lái)說(shuō)，會(huì)聲會(huì)影的操作更簡(jiǎn)單、更易掌握。四、電商商品視頻拍攝案例以護(hù)膚霜為例，來(lái)展示商品視頻的拍攝。在拍攝時(shí)，首先拍攝護(hù)膚霜的外觀(guān)，然后拍攝其使用過(guò)程及使用后的效果，具體操作如下。步驟1：在拍攝前，先布置場(chǎng)景和燈光，可使用兩盞帶有柔光箱的攝影燈從左右兩側(cè)上方45°位置進(jìn)行打光。用手拿起護(hù)膚霜，展示護(hù)膚霜的正面。步驟2：變換護(hù)膚霜的位置，從不同角度展示護(hù)膚霜，通過(guò)瓶體的大小能比較直觀(guān)地看出護(hù)膚霜的大小。步驟3：將護(hù)膚霜旋轉(zhuǎn)至底面，用手托住護(hù)膚霜，展示護(hù)膚霜的底面信息，。步驟4：拿起護(hù)膚霜，旋開(kāi)瓶蓋，拍攝旋開(kāi)的過(guò)程。步驟5：展示打開(kāi)護(hù)膚霜后的效果，能看到瓶口的大小適中，不會(huì)出現(xiàn)出量過(guò)多或出量不足的情況。步驟6：從瓶中取出一定的護(hù)膚霜，展示真實(shí)使用的情況。步驟7：用手指對(duì)手背的方式涂抹護(hù)膚霜，在涂抹過(guò)程中可展示涂抹時(shí)的效果。步驟8：在涂抹均勻后，對(duì)著鏡頭展示涂抹后的效果。 五、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，進(jìn)行護(hù)手霜拍攝實(shí)操。六、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第4章電商商品圖片處理知識(shí)目標(biāo)：1.了解十六種常見(jiàn)的構(gòu)圖方法2.掌握精細(xì)處理圖片的方法3.掌握摳取圖片的常用方法4.掌握豐富商品圖片的方法技能目標(biāo)：1.能夠運(yùn)用Photoshop軟件相關(guān)操作與命令美化圖片2.能夠完成電商網(wǎng)店裝修所需素材的處理與制作重點(diǎn)：商品圖片的處理方法難點(diǎn)：利用Photoshop軟件的相關(guān)操作完成電商網(wǎng)店的裝修方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)商品圖片視覺(jué)效果分析一、創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：視覺(jué)效果認(rèn)知商品圖片視覺(jué)效果是指商品圖片給消費(fèi)者造成的視覺(jué)感受。商品圖片中主體的角度、光線(xiàn)的明暗、色彩的搭配及構(gòu)圖等表現(xiàn)方式可以在圖片上準(zhǔn)確、鮮明、生動(dòng)地表現(xiàn)商品的形態(tài)、色彩、質(zhì)感、立體感、動(dòng)感及空間關(guān)系。主體角度：首先，在欣賞和觀(guān)察某個(gè)商品時(shí)，無(wú)論選擇商品的哪個(gè)側(cè)面，都要選擇這個(gè)商品在這個(gè)側(cè)面最有特點(diǎn)的部位進(jìn)行表現(xiàn)。一件商品在每個(gè)方向上都會(huì)有一個(gè)最為生動(dòng)形象的特點(diǎn)，把商品在某方向上的特點(diǎn)表現(xiàn)出來(lái)就達(dá)到了造型的目的。其次，任何商品都有所謂的前后左右的方向問(wèn)題，至少在觀(guān)察的位置上或者約定俗成地會(huì)有一個(gè)方向的問(wèn)題。例如，若把人的面部朝向作為正面，則會(huì)分為正面、側(cè)面、后面、上面、下面等。還會(huì)出現(xiàn)左前側(cè)、右前側(cè)、左后側(cè)、右后側(cè)等。角度不同，給人的感覺(jué)也就不同。光線(xiàn)明暗：光線(xiàn)明暗在商品圖片處理中表現(xiàn)為畫(huà)面亮度的變化。光就是光線(xiàn)，圖片的靈魂就是光線(xiàn)。有了光就有了厚度，有了明暗就有了層次，主光線(xiàn)主要起到一個(gè)方向感和空間感的作用。光線(xiàn)的強(qiáng)弱與被拍攝物體的明暗程度是正比關(guān)系。光線(xiàn)強(qiáng)，被拍攝物體亮；光線(xiàn)弱，被拍攝物體暗。色彩搭配：色彩搭配一般為繪畫(huà)中的色彩，三原色為紅、黃、藍(lán)。它們之所以稱(chēng)為原色，是因?yàn)槠渌念伾伎梢酝ㄟ^(guò)這三種顏色組合而成。第二色（間色）是指將任何兩種原色混合起來(lái)得到的顏色，如橙（紅加黃）、紫（紅加藍(lán)）、綠（黃加藍(lán)）。第三色（混合色）是指由原色和一種臨近的間色混合而成的顏色，如桔黃（黃加橙）、青（黃加綠）、深綠（綠加藍(lán)）、絳（紅加橙）。顏色三要素為：色相，以區(qū)別各種顏色，如紅、綠、藍(lán)等；飽和度，以示色彩的深淺；亮度，以示色彩的明暗。合理搭配色彩可以讓畫(huà)面更具視覺(jué)沖擊力和美感。十六種常見(jiàn)的構(gòu)圖方法水平線(xiàn)構(gòu)圖：人們所看到的陸地與天空相接的那條直線(xiàn)即水平線(xiàn)。水平線(xiàn)構(gòu)圖通常具有安寧、穩(wěn)定等特點(diǎn)，可以用來(lái)展現(xiàn)宏大、廣闊的場(chǎng)景，一般用于表現(xiàn)海洋、日出、草原等自然風(fēng)光的旅游網(wǎng)站。垂直線(xiàn)構(gòu)圖：垂直線(xiàn)構(gòu)圖就是利用畫(huà)面中垂直于上下畫(huà)框的直線(xiàn)線(xiàn)條元素構(gòu)建畫(huà)面的構(gòu)圖方法。垂直線(xiàn)構(gòu)圖一般具有高聳、挺拔、莊嚴(yán)、有力等特點(diǎn)。三角形構(gòu)圖：最穩(wěn)定的結(jié)構(gòu)形式就是三角形。三角形構(gòu)圖的特點(diǎn)是沉穩(wěn)、安定感，同時(shí)它從畫(huà)面的視覺(jué)效果上，帶給觀(guān)眾一種無(wú)形而強(qiáng)大的內(nèi)在重量印象。孤立的山峰、建筑的房頂?shù)榷际亲詈玫谋憩F(xiàn)。L形構(gòu)圖：L形構(gòu)圖可以讓畫(huà)面有很強(qiáng)的張力，使畫(huà)面有視力延伸的感覺(jué)，起到突出主體的作用?？梢允钦齃形，也可以是倒L形，兩者均能把觀(guān)眾的注意力集中到形狀圍框以?xún)?nèi)，使主體突出、主題明確。L形構(gòu)圖常用于具有一定規(guī)律、線(xiàn)條的畫(huà)面或網(wǎng)頁(yè)頁(yè)面的構(gòu)圖設(shè)計(jì)。S形曲線(xiàn)構(gòu)圖：蜿蜒的小路、峽谷中的河流等因自然地勢(shì)的影響，呈現(xiàn)曲線(xiàn)蜿蜒的特點(diǎn)。該構(gòu)圖方法多用于表現(xiàn)恬靜舒緩的風(fēng)光小品中，其特點(diǎn)是優(yōu)美柔和，可以起到引導(dǎo)觀(guān)眾視線(xiàn)的作用。對(duì)角線(xiàn)構(gòu)圖：沿畫(huà)面對(duì)角線(xiàn)方向進(jìn)行放置的構(gòu)圖方法稱(chēng)為對(duì)角線(xiàn)構(gòu)圖。對(duì)角線(xiàn)構(gòu)圖所形成的對(duì)角關(guān)系可以產(chǎn)生極強(qiáng)的動(dòng)感。因此，采用對(duì)角線(xiàn)構(gòu)圖進(jìn)行拍攝，有助于強(qiáng)化畫(huà)面的視覺(jué)張力，從而為整個(gè)畫(huà)面帶來(lái)更多的生機(jī)和活力。斜線(xiàn)構(gòu)圖：斜線(xiàn)構(gòu)圖用于表現(xiàn)傾斜、動(dòng)蕩、運(yùn)動(dòng)、流動(dòng)、失衡、緊張、危險(xiǎn)的場(chǎng)面，在畫(huà)面表現(xiàn)中視覺(jué)效果的沖擊力較強(qiáng)。九宮格構(gòu)圖：九宮格構(gòu)圖是最常見(jiàn)、最基本的構(gòu)圖方法。這個(gè)構(gòu)圖方法是把畫(huà)面中的左、右、上、下四個(gè)邊都三等分，然后將相對(duì)邊線(xiàn)的點(diǎn)用直線(xiàn)連接起來(lái)，這樣就形成了一個(gè)漢字的“井”，畫(huà)面也就被分為了九個(gè)方格。使用此構(gòu)圖方法構(gòu)圖時(shí)不要將主體放在正中間，而是將其放在井字形的四個(gè)交叉點(diǎn)上。對(duì)稱(chēng)式構(gòu)圖：對(duì)稱(chēng)式構(gòu)圖是一種利用對(duì)稱(chēng)關(guān)系構(gòu)建畫(huà)面的構(gòu)圖方法。采用對(duì)稱(chēng)式構(gòu)圖拍攝的照片，往往具有平衡、穩(wěn)定的視覺(jué)效果。在使用對(duì)稱(chēng)式構(gòu)圖時(shí)，拍攝者既可以拍攝本身就具有對(duì)稱(chēng)結(jié)構(gòu)的景物，也可以借助玻璃、水面等物體的反光、倒影來(lái)實(shí)現(xiàn)對(duì)稱(chēng)效果。均衡式構(gòu)圖：非左右對(duì)稱(chēng)的構(gòu)圖也可以實(shí)現(xiàn)平衡感，這就是均衡式構(gòu)圖。與對(duì)稱(chēng)式構(gòu)圖的平衡構(gòu)圖相比，均衡式構(gòu)圖是一種充滿(mǎn)動(dòng)感的構(gòu)圖，它可以在靜止的照片上營(yíng)造出運(yùn)動(dòng)的錯(cuò)覺(jué)。輻射式構(gòu)圖：以主體為核心，景物向四周擴(kuò)散輻射的構(gòu)圖方法叫作輻射式構(gòu)圖，采用此構(gòu)圖方法可使人的注意力先集中到畫(huà)面主體，然后開(kāi)闊、舒展、擴(kuò)散。輻射式構(gòu)圖常用于需要突出主體而現(xiàn)場(chǎng)又比較復(fù)雜的場(chǎng)合?？蚓皹?gòu)圖：框景構(gòu)圖也叫框架式構(gòu)圖，是指利用畫(huà)面中景物的框架結(jié)構(gòu)來(lái)包裹主體的構(gòu)圖方法。這種構(gòu)圖方法具有很強(qiáng)的視覺(jué)引導(dǎo)效果，利用這一點(diǎn)可以將所要重點(diǎn)表現(xiàn)的景物突出地呈現(xiàn)在畫(huà)面之中。透視線(xiàn)構(gòu)圖：因?yàn)槭艿酵敢曇?guī)律的影響，常常把畫(huà)面中垂直方向的線(xiàn)條最終匯聚到一點(diǎn)，應(yīng)用這種線(xiàn)條匯聚現(xiàn)象進(jìn)行構(gòu)圖的方法，就是透視線(xiàn)構(gòu)圖。這種構(gòu)圖方法可以有效地引導(dǎo)觀(guān)眾的視線(xiàn)，同時(shí)進(jìn)一步加深畫(huà)面的空間感。散點(diǎn)式構(gòu)圖：散點(diǎn)式構(gòu)圖指的就是將一定數(shù)量的元素重復(fù)散布在畫(huà)面上的構(gòu)圖方法。其特點(diǎn)是具有節(jié)奏感和氣勢(shì)。通過(guò)散點(diǎn)分布的被拍攝物體與簡(jiǎn)潔背景之間的繁簡(jiǎn)對(duì)比，進(jìn)一步增強(qiáng)了畫(huà)面的視覺(jué)張力，多用于食品、玩具類(lèi)的電商網(wǎng)站。圓形構(gòu)圖：圓形構(gòu)圖通常指畫(huà)面中的主體呈圓形，或者把主體安排在圓形中心，讓周?chē)拔飮@著主體，起到烘托、表現(xiàn)主體的作用。其特點(diǎn)是給人以旋轉(zhuǎn)、運(yùn)動(dòng)和收縮的審美感。整個(gè)畫(huà)面將以圓形為軸線(xiàn)，產(chǎn)生強(qiáng)烈的向心力。中心構(gòu)圖：中心構(gòu)圖是指將畫(huà)面中的主體放置在畫(huà)面中心進(jìn)行構(gòu)圖。這種構(gòu)圖方法的最大優(yōu)點(diǎn)就在于主體突出、明確，而且畫(huà)面容易得到左右平衡的效果。中心構(gòu)圖多用于嚴(yán)謹(jǐn)、莊嚴(yán)和富于裝飾性的畫(huà)面。三、新課教學(xué)二：視覺(jué)元素視覺(jué)效果由視覺(jué)元素組成，主要分為信息元素和形式元素兩種。信息元素包含圖形、文字、形狀和形體等內(nèi)容；形式元素包含點(diǎn)、線(xiàn)、面、色彩、空間等內(nèi)容。信息元素主要起到溝通作用，而形式元素表現(xiàn)為排列時(shí)的方向、空間和重心等溝通方式。四、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，分組討論常用構(gòu)圖方法的特點(diǎn)，并列舉這些常用構(gòu)圖方法的經(jīng)典圖例。五、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第4章電商商品圖片處理知識(shí)目標(biāo)：1.了解十六種常見(jiàn)的構(gòu)圖方法2.掌握精細(xì)處理圖片的方法3.掌握摳取圖片的常用方法4.掌握豐富商品圖片的方法技能目標(biāo)：1.能夠運(yùn)用Photoshop軟件相關(guān)操作與命令美化圖片2.能夠完成電商網(wǎng)店裝修所需素材的處理與制作重點(diǎn)：商品圖片的處理方法難點(diǎn)：利用Photoshop軟件的相關(guān)操作完成電商網(wǎng)店的裝修方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)精細(xì)處理圖片創(chuàng)設(shè)意境，導(dǎo)入新課新課教學(xué)一：去除商品圖片中的細(xì)小瑕疵—清除商品圖片上的污漬步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件-打開(kāi)”命令，在資源庫(kù)中找到“清除商品灰塵素材”圖片并打開(kāi)。步驟2：可以看到在藍(lán)色的布匹上有幾處雖小卻很清晰的污漬，嚴(yán)重影響了畫(huà)面美感。選擇軟件界面左側(cè)工具箱中修復(fù)工具組的第一個(gè)工具“污點(diǎn)修復(fù)畫(huà)筆工具”。步驟3：在“污點(diǎn)修復(fù)畫(huà)筆工具”屬性欄中將畫(huà)筆大小設(shè)置為“30”，以單擊范圍可以一次覆蓋污漬為準(zhǔn)。步驟4：將鼠標(biāo)光標(biāo)移動(dòng)到污漬處后單擊鼠標(biāo)或拖動(dòng)鼠標(biāo)進(jìn)行涂抹，即可清除圖片中的污漬，如圖4-23所示。利用同樣的方法依次清除其他污漬。新課教學(xué)二：去除商品圖片中的大面積瑕疵—還原商品圖片原貌步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“還原商品圖片素材”圖片并打開(kāi)。步驟2：因?yàn)槊烙^(guān)需要，現(xiàn)在要把原來(lái)布景時(shí)床品上面的放置物去掉。方法是選擇軟件界面左側(cè)工具箱中修復(fù)工具組的第三個(gè)工具“修補(bǔ)工具”。將鼠標(biāo)光標(biāo)移動(dòng)至床品上放置物位置，沿著周?chē)鷧^(qū)域單擊并拖動(dòng)鼠標(biāo)，創(chuàng)建不規(guī)則選區(qū)，確定要修補(bǔ)的范圍。步驟3：在確定修補(bǔ)區(qū)域后，單擊鼠標(biāo)選定選區(qū)的內(nèi)容并向右拖動(dòng)至白色床單處。當(dāng)將選區(qū)拖動(dòng)至合適的位置后，可以看到原選區(qū)內(nèi)的放置物被下方白色床單背景替代，二者融為一體。新課教學(xué)三：突出商品圖片細(xì)節(jié)的處理—銳化商品圖片細(xì)節(jié)步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“銳化商品細(xì)節(jié)素材”圖片并打開(kāi)。步驟2：經(jīng)過(guò)仔細(xì)觀(guān)察可以發(fā)現(xiàn)毛衣衣領(lǐng)處有些模糊，紋理不夠清晰，使商品看起來(lái)缺乏層次感。選擇軟件界面左側(cè)工具箱中的“銳化工具”，在“銳化工具”屬性欄中合理設(shè)置畫(huà)筆的大小。步驟3：將鼠標(biāo)光標(biāo)移動(dòng)至衣領(lǐng)模糊處，順著衣領(lǐng)的紋理進(jìn)行多次涂抹，直至紋理清晰。新課教學(xué)四：商品圖片的虛實(shí)處理—突出商品圖片主體步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“突出商品圖片主體素材”圖片并打開(kāi)。步驟2：這張素材圖的內(nèi)容很好，但畫(huà)面較平，背景和主體層次感較弱。應(yīng)用軟件界面左側(cè)工具箱中的“快速選擇工具”將主體以外的背景全部選中，創(chuàng)建背景選區(qū)。步驟3：執(zhí)行“濾鏡”→“模糊”→“高斯模糊”命令，在彈出的“高斯模糊”對(duì)話(huà)框中，將“半徑”設(shè)置為“2.0”。步驟4：按Ctrl+D組合鍵取消選區(qū)。對(duì)比素材圖片可以看出處理后的商品圖片中的主體瓷器更加突出了。新課教學(xué)五：修復(fù)商品圖片的殘缺—好看的碗步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“好看的碗素材”圖片并打開(kāi)。步驟2：選擇軟件界面左側(cè)工具箱中的“仿制圖章工具”，將鼠標(biāo)光標(biāo)移動(dòng)至圖片編輯窗口中靠近裂縫的位置，按住Alt鍵的同時(shí)單擊鼠標(biāo)，進(jìn)行取樣。步驟3：松開(kāi)Alt鍵，將鼠標(biāo)光標(biāo)移動(dòng)至圖像編輯窗口中的裂縫處，單擊并拖動(dòng)鼠標(biāo)在裂痕處涂抹，即可對(duì)樣本對(duì)象進(jìn)行復(fù)制，以覆蓋碗的裂痕。七、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，練習(xí)精細(xì)處理圖片的方法。八、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第4章電商商品圖片處理知識(shí)目標(biāo)：1.了解十六種常見(jiàn)的構(gòu)圖方法2.掌握精細(xì)處理圖片的方法3.掌握摳取圖片的常用方法4.掌握豐富商品圖片的方法技能目標(biāo)：1.能夠運(yùn)用Photoshop軟件相關(guān)操作與命令美化圖片2.能夠完成電商網(wǎng)店裝修所需素材的處理與制作重點(diǎn)：商品圖片的處理方法難點(diǎn)：利用Photoshop軟件的相關(guān)操作完成電商網(wǎng)店的裝修方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)摳取圖片中所要內(nèi)容一、創(chuàng)設(shè)意境，導(dǎo)入新課新課教學(xué)一：摳取規(guī)則形狀商品圖片—草地上的球步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“規(guī)則摳圖素材”圖片并打開(kāi)。步驟2：選擇軟件界面左側(cè)工具箱中的“橢圓選框工具”，將“橢圓選框工具”屬性欄中羽化的參數(shù)設(shè)置為“0”，將鼠標(biāo)光標(biāo)移動(dòng)至畫(huà)面中球的位置，利用鼠標(biāo)將選區(qū)范圍與球的邊緣完全重合，然后釋放鼠標(biāo)。步驟3：按Ctrl+J組合鍵，沿選區(qū)范圍復(fù)制選區(qū)內(nèi)主體—球，生成新的具有透明背景的圖層1。步驟4：?jiǎn)螕舯尘皥D層前面的眼睛按鈕，隱藏背景層，即可看見(jiàn)畫(huà)面背景被清空呈透明效果。完成草地上的球的摳取。新課教學(xué)二：摳取不規(guī)則形狀商品圖片—甜品步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“甜品素材”圖片并打開(kāi)。步驟2：選擇軟件界面左側(cè)工具箱中的“磁性套索工具”默認(rèn)“磁性套索，工具”屬性欄參數(shù)，將鼠標(biāo)光標(biāo)移動(dòng)至甜品任意邊緣處。步驟3：按下鼠標(biāo)左鍵，沿甜品邊緣滑動(dòng)鼠標(biāo)至首尾相接處松開(kāi)鼠標(biāo)，即創(chuàng)建甜品全選選區(qū)。按Ctrl+J組合鍵復(fù)制選區(qū)內(nèi)甜品，生成新的圖層1。步驟4：?jiǎn)螕舯尘皥D層前面的眼睛按鈕，將背景圖層隱藏，即可看見(jiàn)背景圖層被清空呈透明效果，完成甜品的摳取。四、新課內(nèi)容三：根據(jù)色彩摳取商品圖片—項(xiàng)鏈摳取步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“項(xiàng)鏈摳取素材”圖片并打開(kāi)。步驟2：選擇軟件界面內(nèi)左側(cè)工具箱中的“魔棒工具”，在“魔棒工具”屬性欄中取消勾選“連續(xù)”按鈕，把鼠標(biāo)光標(biāo)移動(dòng)至畫(huà)面中任意背景處后單擊。若不能全部選取背景，可單擊“魔棒工具”屬性欄中的“添加到選區(qū)”按鈕，即可看見(jiàn)除項(xiàng)鏈以外的背景全部被選中，形成選區(qū)。步驟3：在“圖層”面板上雙擊背景圖層，彈出“新建圖層”對(duì)話(huà)框，在“名稱(chēng)”文本框中輸入“圖層0”。 步驟4：按Delete鍵刪除選區(qū)內(nèi)容，即可看見(jiàn)藍(lán)黑色背景被清除。步驟5：按Ctrl+D組合鍵取消選區(qū)，完成項(xiàng)鏈的摳圖。 五、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，練習(xí)如何摳取所需商品圖片。六、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第4章電商商品圖片處理知識(shí)目標(biāo)：1.了解十六種常見(jiàn)的構(gòu)圖方法2.掌握精細(xì)處理圖片的方法3.掌握摳取圖片的常用方法4.掌握豐富商品圖片的方法技能目標(biāo)：1.能夠運(yùn)用Photoshop軟件相關(guān)操作與命令美化圖片2.能夠完成電商網(wǎng)店裝修所需素材的處理與制作重點(diǎn)：商品圖片的處理方法難點(diǎn)：利用Photoshop軟件的相關(guān)操作完成電商網(wǎng)店的裝修方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)豐富商品圖片內(nèi)容創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：添加矢量元素—凸顯商品信息步驟1：?jiǎn)?dòng)Photoshop軟件CC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“凸顯商品信息素材”圖片并打開(kāi)。步驟2：選擇軟件界面左側(cè)工具箱中的“橢圓選框工具”，在展開(kāi)的“橢圓選框工具”屬性欄中將繪制內(nèi)容設(shè)置為“形狀”，填充顏色設(shè)置為#FFFFFF，描邊顏色設(shè)置為#CC99CC，描邊粗細(xì)設(shè)置為“3點(diǎn)”，形狀描邊類(lèi)型設(shè)置為圓點(diǎn)虛線(xiàn)。步驟3：在畫(huà)面右下方單擊并拖動(dòng)鼠標(biāo)，在拖動(dòng)至合適大小與位置后釋放鼠標(biāo)，可得到一個(gè)帶有蠟筆洋紅色虛線(xiàn)描邊的白色橢圓形。步驟4：選擇工具箱中的“橫排文字工具”，在白色橢圓形中輸入字體為黑體，字號(hào)大小為35點(diǎn)，顏色為#f19ec2的文本“超值回饋僅售188元”，完成效果如下圖。三、新課教學(xué)二：用文字裝飾圖片—靈活的路徑文字步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“靈活的路徑文字素材”圖片并打開(kāi)。步驟2：選擇軟件界面左側(cè)工具箱中的“鋼筆工具”，將鼠標(biāo)光標(biāo)移至耳機(jī)邊緣位置，單擊并拖動(dòng)鼠標(biāo)，沿邊緣繪制出一條曲線(xiàn)路徑。步驟3：?jiǎn)螕艄ぞ呦渲械摹皺M排文字工具”按鈕，將鼠標(biāo)光標(biāo)移至路徑上方，當(dāng)鼠標(biāo)光標(biāo)發(fā)生變形時(shí)單擊鼠標(biāo)確定光標(biāo)插入點(diǎn)，輸入相應(yīng)的文字。步驟4：打開(kāi)“路徑”面板，在“路徑”面板的任意空白處單擊，隱藏路徑，得到想要的效果。四、新課教學(xué)三：改變商品圖片局部色彩—讓顏色更豐富步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“打開(kāi)”命令，在資源庫(kù)中找到“讓顏色更豐富素材”圖片并打開(kāi)。步驟2：選擇軟件界面左側(cè)工具箱中的“磁性套索工具”，在“磁性套索工具屬性欄中將羽化值設(shè)置為“2”，沿靠背墊邊緣單擊并拖動(dòng)鼠標(biāo)創(chuàng)建選區(qū)。步驟3：按Ctrl+J組合鍵將選區(qū)內(nèi)靠背墊生成新的圖層1。步驟4：對(duì)圖層1執(zhí)行“圖像”→“調(diào)整”→“色相/飽和度”命令，在彈出的“色相/飽和度”對(duì)話(huà)框中將色相設(shè)置為“30”，飽和度設(shè)置為“10”，亮度設(shè)置為“0”，單擊“確定”按鈕。步驟5：將圖層模式更改為“正片疊底”，強(qiáng)化靠背墊材質(zhì)紋理效果，完成商品圖片局部色彩調(diào)整，效果如下。

四、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，練習(xí)如何豐富商品圖片。五、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第5章電商網(wǎng)店首頁(yè)視覺(jué)設(shè)計(jì)知識(shí)目標(biāo)：1.了解和認(rèn)知店電商網(wǎng)店頁(yè)2.掌握電商網(wǎng)店首頁(yè)的店招視覺(jué)設(shè)計(jì)3.掌握電商網(wǎng)店首頁(yè)的店徽視覺(jué)設(shè)計(jì)4.掌握電商網(wǎng)店首頁(yè)的海報(bào)視覺(jué)設(shè)計(jì)技能目標(biāo)：1.能夠利用Photoshop軟件的相關(guān)操作與命令制作電商網(wǎng)店首頁(yè)內(nèi)容2.能夠完成電商網(wǎng)店首頁(yè)裝修的整體布局與處理重點(diǎn)：電商網(wǎng)店首頁(yè)店招、店徽和海報(bào)的視覺(jué)設(shè)計(jì)。難點(diǎn)：利。方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)電商網(wǎng)店首頁(yè)認(rèn)知一、創(chuàng)設(shè)意境，導(dǎo)入新課新課教學(xué)一：電商網(wǎng)店首頁(yè)部分內(nèi)容展示電商網(wǎng)店首頁(yè)主要包含的內(nèi)容有店招、店徽、海報(bào)等，是消費(fèi)者進(jìn)入店鋪看到的第一個(gè)頁(yè)面。是否可以在第一時(shí)間吸引消費(fèi)者，這些內(nèi)容的創(chuàng)意設(shè)計(jì)至關(guān)重要，下面將分別進(jìn)行介紹。店招店招是位于電商網(wǎng)店首頁(yè)最頂端的招牌，由商品圖片、宣傳語(yǔ)和店鋪名稱(chēng)等組成。店徽店徽通常位于店招之內(nèi)，卻是區(qū)別于店招的獨(dú)立部分，起到定位店鋪風(fēng)格、體現(xiàn)品味、展示商品內(nèi)容、宣傳商品信息的作用。海報(bào)海報(bào)是電商宣傳的一種形式，以較強(qiáng)的視覺(jué)沖擊表現(xiàn)形式將店鋪內(nèi)產(chǎn)品及活動(dòng)信息傳遞給消費(fèi)者。如圖所示，天貓“雙11”活動(dòng)海報(bào)直接將活動(dòng)主題清晰地表現(xiàn)出來(lái)。新課教學(xué)二：電商網(wǎng)店首頁(yè)設(shè)計(jì)一個(gè)完整的電商網(wǎng)店首頁(yè)不僅包含前面所說(shuō)的內(nèi)容，還包含導(dǎo)航條、客服區(qū)、收藏區(qū)、產(chǎn)品分類(lèi)區(qū)等。在進(jìn)行電商網(wǎng)店首頁(yè)設(shè)計(jì)時(shí)要注意整體結(jié)構(gòu)，合理安排各個(gè)區(qū)域的位置和順序。普通的布局強(qiáng)調(diào)簡(jiǎn)潔明了，旺鋪的布局要盡顯高端大氣的風(fēng)格。四、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，闡述電商網(wǎng)店都包含哪些內(nèi)容。五、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第5章電商網(wǎng)店首頁(yè)視覺(jué)設(shè)計(jì)知識(shí)目標(biāo)：1.了解和認(rèn)知店電商網(wǎng)店頁(yè)2.掌握電商網(wǎng)店首頁(yè)的店招視覺(jué)設(shè)計(jì)3.掌握電商網(wǎng)店首頁(yè)的店徽視覺(jué)設(shè)計(jì)4.掌握電商網(wǎng)店首頁(yè)的海報(bào)視覺(jué)設(shè)計(jì)技能目標(biāo)：1.能夠利用Photoshop軟件的相關(guān)操作與命令制作電商網(wǎng)店首頁(yè)內(nèi)容2.能夠完成電商網(wǎng)店首頁(yè)裝修的整體布局與處理重點(diǎn)：電商網(wǎng)店首頁(yè)店招、店徽和海報(bào)的視覺(jué)設(shè)計(jì)。難點(diǎn)：利。方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)店招視覺(jué)設(shè)計(jì)創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：店招視覺(jué)設(shè)計(jì)的意義與功能店招位于電商網(wǎng)店首頁(yè)最頂端的關(guān)鍵位置，作用與實(shí)體店鋪的店招相同，在電商網(wǎng)店實(shí)際經(jīng)營(yíng)中有以下幾條意義和功能。店招是電商網(wǎng)店首頁(yè)的黃金展示位置，是消費(fèi)者掌握店鋪品牌信息的最直接來(lái)源，屬于核心信息通告區(qū)域，在第一時(shí)間吸引消費(fèi)者。第二，店招可以最大化展示商品優(yōu)勢(shì)、價(jià)格優(yōu)勢(shì)和服務(wù)優(yōu)勢(shì)等。第三，店招的關(guān)鍵信息不但可以節(jié)約消費(fèi)者了解店鋪的時(shí)間成本，而且可以節(jié)約店鋪向消費(fèi)者介紹的時(shí)間成本和精力。第四，引起消費(fèi)者的購(gòu)物欲望，促進(jìn)購(gòu)買(mǎi)率。三、新課教學(xué)二：店招視覺(jué)設(shè)計(jì)規(guī)范電商網(wǎng)店首頁(yè)的店招圖片格式有三類(lèi)，分別是JPG、GIF和PNG。GIF格式的店招就是常見(jiàn)的帶有動(dòng)畫(huà)效果的動(dòng)態(tài)店招。下面是使用Photoshop軟件制作的GIF格式的店招。鏡頭1鏡頭2常見(jiàn)的電商網(wǎng)店首頁(yè)的店招尺寸有兩種，分別是950像素×120像素和1920像素×150像素。電商網(wǎng)店首頁(yè)的店招內(nèi)容包含網(wǎng)店名稱(chēng)、網(wǎng)店LOGO、網(wǎng)店口號(hào)、網(wǎng)店促銷(xiāo)廣告、網(wǎng)店優(yōu)惠券、網(wǎng)店公告、網(wǎng)店活動(dòng)信息等。有優(yōu)惠券的店招視覺(jué)圖片展示四、新課教學(xué)三：店招視覺(jué)設(shè)計(jì)要求首先，通常要求有標(biāo)準(zhǔn)的字體和顏色、簡(jiǎn)潔的排版設(shè)計(jì)、可以吸引消費(fèi)者的廣告語(yǔ)、有較強(qiáng)視覺(jué)沖擊力的畫(huà)面和可以清晰表達(dá)店鋪賣(mài)點(diǎn)的信息。其次，選擇合適的素材圖片。店招素材圖片通?？梢詮幕ヂ?lián)網(wǎng)上收集、利用攝影獲取和利用Photoshop軟件等繪圖軟件原創(chuàng)繪制。無(wú)論哪一種方式都要求圖片專(zhuān)業(yè)、精美、清晰度良好、不能涉及版權(quán)問(wèn)題且適合自己的店鋪。最后，突顯店鋪的獨(dú)特性質(zhì)。位于首頁(yè)的店招是電商品牌給消費(fèi)者的第一印象。店招是否與眾不同，別出心裁，有自己的個(gè)性直接影響到第一印象的好壞。因此，店招視覺(jué)設(shè)計(jì)一定要體現(xiàn)店鋪的獨(dú)特風(fēng)格、品質(zhì)和情感。五、新課教學(xué)四：店招視覺(jué)設(shè)計(jì)方法靜態(tài)店招視覺(jué)設(shè)計(jì)一般由文字和圖像組成，可以是背景與純文字組合，也可以是背景與文字、圖像組合。動(dòng)態(tài)店招視覺(jué)設(shè)計(jì)是指GIF動(dòng)畫(huà)效果，由多個(gè)圖像和文字效果構(gòu)成?？梢允褂脤?zhuān)業(yè)的GIF制作軟件完成，可以使用Photoshop軟件制作部分簡(jiǎn)單效果，也可以通過(guò)電商軟件后臺(tái)代碼實(shí)現(xiàn)。六、新課教學(xué)五：店招視覺(jué)設(shè)計(jì)案例—善美花屋網(wǎng)店店招步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“新建”命令，創(chuàng)建一個(gè)1920像素×150像素大小的文件，文件名稱(chēng)為“花店店招”。步驟2：選擇軟件工具箱中的“矩形工具，將填充顏色設(shè)置為#fbcece，繪制一個(gè)與文檔大小相同的矩形。在矩形底部再繪制一個(gè)長(zhǎng)條矩形，將填充顏色設(shè)置為#eb6877。步驟3：選擇軟件工具箱中的“圓角矩形工具”，在矩形左下角繪制一個(gè)較小的圓角矩形，將填充顏色設(shè)置為#e4007f。單擊“圖層”面板下的“添加圖層樣式”按鈕，為“圓角矩形1”圖層添加投影。投影參數(shù)如下圖所示。步驟4：選擇軟件工具箱中的“橫排文字工具”，在圓角矩形內(nèi)輸入字號(hào)大小為6號(hào)，顏色為#FFFFFF，的文本“首頁(yè)有驚喜”，將文本字體設(shè)置為黑體，完成第一個(gè)按鈕的制作。步驟5：復(fù)制“圓角矩形1”圖層，選擇“移動(dòng)工具”，將鼠標(biāo)向右移動(dòng)到合適位置。按Ctrl+T組合鍵，拖動(dòng)鼠標(biāo)將新的圖層縮小至下面的長(zhǎng)條矩形內(nèi)，同樣方法再操作6次，完成導(dǎo)航條按鈕的制作。步驟6：選擇軟件工具箱中的“橫排文字工具”在導(dǎo)航條按鈕中分別輸入字體為黑體，字號(hào)大小為6點(diǎn)、顏色為白色的文本“所有商品”“節(jié)日鮮花”“慶典鮮花”“特色新品”“禮盒專(zhuān)區(qū)”“特價(jià)優(yōu)惠”“公益獻(xiàn)花”，完成導(dǎo)航條的繪制。步驟7：選擇工具箱中的“橫排文字工具”，在“首頁(yè)有驚喜”按鈕上方輸入“LOGO”，將字號(hào)大小設(shè)置為18點(diǎn)，字體設(shè)置為黑體，顏色設(shè)置為#e4007f。步驟8：選擇軟件工具箱中的“橫排文字工具”，在店招中心位置輸入字號(hào)大小為14點(diǎn)、顏色為白色、字體為黑體的文本“一花一世界，一人一份情”，并設(shè)置文本投影效果，完成店招宣傳語(yǔ)的制作所示。步驟9：插入資源庫(kù)素材文件中的“花束”圖片，調(diào)整至合適大小，將其移至店招右側(cè)合適位置。將圖層模式設(shè)置為“正片疊底”，將白色背景隱藏。選擇軟工具箱中的“橫排文字工具”在“花束”圖片右側(cè)輸入字號(hào)大小為8點(diǎn)、顏色為白色、字體為黑體的文本“僅售99爆款花束”，完成店招促銷(xiāo)信息的制作。步驟10：插入資源庫(kù)素材文件中的“二維碼”圖片，調(diào)整至適合大小，將其移至店招最右側(cè)。選擇軟件工具箱中的“橫排文字工具”，在“二維碼”圖片下方輸入字號(hào)大小為4點(diǎn)、顏色為白色、字體為黑體的文本“掃碼收藏”。最終效果圖如圖5-20所示。七、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，練習(xí)店招制作八、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第5章電商網(wǎng)店首頁(yè)視覺(jué)設(shè)計(jì)知識(shí)目標(biāo)：1.了解和認(rèn)知店電商網(wǎng)店頁(yè)2.掌握電商網(wǎng)店首頁(yè)的店招視覺(jué)設(shè)計(jì)3.掌握電商網(wǎng)店首頁(yè)的店徽視覺(jué)設(shè)計(jì)4.掌握電商網(wǎng)店首頁(yè)的海報(bào)視覺(jué)設(shè)計(jì)技能目標(biāo)：1.能夠利用Photoshop軟件的相關(guān)操作與命令制作電商網(wǎng)店首頁(yè)內(nèi)容2.能夠完成電商網(wǎng)店首頁(yè)裝修的整體布局與處理重點(diǎn)：電商網(wǎng)店首頁(yè)店招、店徽和海報(bào)的視覺(jué)設(shè)計(jì)。難點(diǎn)：利。方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)店徽視覺(jué)設(shè)計(jì)一、創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：店徽視覺(jué)設(shè)計(jì)認(rèn)知電商網(wǎng)店店徽即電商網(wǎng)店品牌標(biāo)志，英文翻譯為L(zhǎng)OG0，代表店鋪的形象和基本特征，是電商品牌的重要表達(dá)符號(hào)，也是電商品牌存在的核心象征。店徽對(duì)于樹(shù)立品牌形象和傳播品牌口碑起著至關(guān)重要的作用。店徽既可以幫助消費(fèi)者快速記住品牌特點(diǎn)和文化，又可以讓消費(fèi)者對(duì)品牌屬性產(chǎn)生聯(lián)想，提高購(gòu)買(mǎi)率。三、新課教學(xué)二：店徽視覺(jué)設(shè)計(jì)常見(jiàn)類(lèi)型（一）字母型（二）文字型 （三）圖文組合型（四）吉祥物型四、新課教學(xué)三：店徽視覺(jué)設(shè)計(jì)要點(diǎn)（一）店徽視覺(jué)設(shè)計(jì)的統(tǒng)領(lǐng)性店徽是電商網(wǎng)店視覺(jué)傳達(dá)的核心要素，也是電商網(wǎng)店信息傳達(dá)的主導(dǎo)力量。店徽的統(tǒng)領(lǐng)性地位是電商網(wǎng)店經(jīng)營(yíng)理念和活動(dòng)的直接表現(xiàn)，電商網(wǎng)店所有經(jīng)營(yíng)活動(dòng)都有它的影子。店徽的統(tǒng)領(lǐng)性還具體表現(xiàn)在視覺(jué)要素的一體化和多樣性上，其他視覺(jué)要素都是以店徽為中心而展開(kāi)的。（二）店徽視覺(jué)設(shè)計(jì)的獨(dú)特性店徽最重要的作用之一是區(qū)別于同類(lèi)商品的識(shí)別性。因此，在進(jìn)行店徽視覺(jué)設(shè)計(jì)時(shí)無(wú)論采用哪種類(lèi)型進(jìn)行設(shè)計(jì)都要考慮品牌的獨(dú)特性和唯一性，滿(mǎn)足飽滿(mǎn)、豐富的同時(shí)更要滿(mǎn)足獨(dú)樹(shù)一幟。（三）店徽視覺(jué)設(shè)計(jì)的同一性店徽視覺(jué)設(shè)計(jì)承載著電商網(wǎng)店的經(jīng)營(yíng)理念、文化特色、規(guī)模、經(jīng)營(yíng)的內(nèi)容和特點(diǎn)，是電商網(wǎng)店最具體的精神象征。消費(fèi)者認(rèn)可了店徽等同于認(rèn)可了店內(nèi)商品，因此店徽視覺(jué)設(shè)計(jì)一定要與店內(nèi)商品內(nèi)容具有同一性。（四）店徽視覺(jué)設(shè)計(jì)的時(shí)代性社會(huì)在迅速發(fā)展，電商運(yùn)營(yíng)更是日新月異。店徽視覺(jué)設(shè)計(jì)必須求新求變、勇于創(chuàng)造、具有鮮明的時(shí)代特征，這樣才可以適應(yīng)不斷變化的市場(chǎng)競(jìng)爭(zhēng)形勢(shì)、新的制作工藝、新媒體傳播方式。五、新課教學(xué)：店徽視覺(jué)設(shè)計(jì)案例—喵村網(wǎng)店店徽步驟1：?jiǎn)?dòng)PhotoshopCC2020軟件，執(zhí)行“文件”→“新建”命令，在打開(kāi)的“新建。步驟2：在“圖層”面板上新建圖層1，選擇軟件工具箱中的“橢圓選框工具”在畫(huà)面合適位置繪制貓咪頭部選區(qū)，將前景色設(shè)置為黑色，按Alt+Delete組合鍵將前景色填充至繪制選區(qū)后，按Ctrl+D組合鍵取消選區(qū)。步驟3：在“圖層”面板上新建圖層2，選擇軟件工具箱中的“多邊形套索工具”，在畫(huà)面合適位置繪制左側(cè)三角形貓耳朵選區(qū)，完成后按Alt+Delete組合鍵，將前景色填充至繪制選區(qū)，按Ctrl+D組合鍵取消選區(qū)。步驟4：由于貓的兩只耳朵完全對(duì)稱(chēng)，因此不需要再繪制另外一只耳朵，而是右擊圖層2，在彈出的下拉菜單中選擇“復(fù)制圖層”命令。生成圖層2拷貝圖層。這樣就得到一只和左側(cè)耳朵完全重合的右耳。步驟5：對(duì)拷貝圖層執(zhí)行“編輯”→“變換”→“水平翻轉(zhuǎn)”命令即可看到拷貝圖層發(fā)生鏡像變化。選擇軟件工具箱中的“移動(dòng)工具”，單擊拷貝圖層并將其向右移動(dòng)到合適位置后松開(kāi)鼠標(biāo)，完成耳朵的繪制。步驟6：在“圖層”面板上新建圖層3，選擇軟件工具箱中的“橢圓選框工具”，在頭部下方繪制一個(gè)橢圓選區(qū)，在“橢圓選框工具”屬性欄中將“新選區(qū)”按鈕切換到“與選區(qū)交叉”按鈕。再次繪制一個(gè)橢圓選區(qū)且與前一個(gè)選區(qū)相交，松開(kāi)鼠標(biāo)即可完成貓身體選區(qū)的繪制，將選區(qū)填充黑色后微調(diào)其位置和大小。步驟7：在“圖層”面板上新建圖層4，選擇軟件工具箱中的“鋼筆工具”，拖動(dòng)鼠標(biāo)繪制尾巴的路徑，在“鋼筆工具”屬性欄中將畫(huà)筆參數(shù)設(shè)置為6像素、硬邊、黑色。打開(kāi)“路徑”面板，右擊工作路徑，在彈出菜單中選擇“描邊路徑”，即完成尾巴的繪制。步驟8：選擇軟件工具箱中的“橫排文字工具”，輸入顏色為黑色、字體為黑體的文本“喵村”，并調(diào)整文本大小和位置。步驟9：選擇軟件工具箱中的“自定義形狀工具”，找到“魚(yú)”形狀。覆蓋文本“村”字的點(diǎn)，讓店徽具有靈動(dòng)性。 六、學(xué)生練習(xí)學(xué)生根據(jù)教師講授內(nèi)容，練習(xí)店徽制作七、教學(xué)總結(jié)教師結(jié)合學(xué)生完成練習(xí)的情況，對(duì)本節(jié)課的教學(xué)過(guò)程進(jìn)行小結(jié)，指正學(xué)生在操作中存在的問(wèn)題，強(qiáng)調(diào)學(xué)生在本節(jié)學(xué)習(xí)中應(yīng)該注意的要點(diǎn)和難點(diǎn)。1.復(fù)習(xí)、新課導(dǎo)入2.新課講授3.學(xué)生練習(xí)4.教師總結(jié)第5章電商網(wǎng)店首頁(yè)視覺(jué)設(shè)計(jì)知識(shí)目標(biāo)：1.了解和認(rèn)知店電商網(wǎng)店頁(yè)2.掌握電商網(wǎng)店首頁(yè)的店招視覺(jué)設(shè)計(jì)3.掌握電商網(wǎng)店首頁(yè)的店徽視覺(jué)設(shè)計(jì)4.掌握電商網(wǎng)店首頁(yè)的海報(bào)視覺(jué)設(shè)計(jì)技能目標(biāo)：1.能夠利用Photoshop軟件的相關(guān)操作與命令制作電商網(wǎng)店首頁(yè)內(nèi)容2.能夠完成電商網(wǎng)店首頁(yè)裝修的整體布局與處理重點(diǎn)：電商網(wǎng)店首頁(yè)店招、店徽和海報(bào)的視覺(jué)設(shè)計(jì)。難點(diǎn)：利。方法手段方法：講授法，討論法，直觀(guān)展示法，自主學(xué)習(xí)法，任務(wù)驅(qū)動(dòng)法，課堂教學(xué)等手段：多媒體幻燈片和投影儀教學(xué)過(guò)程與內(nèi)容教學(xué)環(huán)節(jié)設(shè)計(jì)海報(bào)視覺(jué)設(shè)計(jì)創(chuàng)設(shè)意境，導(dǎo)入新課二、新課教學(xué)一：海報(bào)視覺(jué)設(shè)計(jì)認(rèn)知海。三、新課教學(xué)二：海報(bào)視