Photoshop CC網(wǎng)店美工全能一本通課件

項(xiàng)目簡(jiǎn)介：商品營(yíng)銷(xiāo)推廣圖片的設(shè)計(jì)是網(wǎng)店美工需要完成的重要工作任務(wù)，它通常包括主圖、直通車(chē)圖和鉆展圖的設(shè)計(jì)。精心設(shè)計(jì)的商品營(yíng)銷(xiāo)推廣圖，能夠令商品提升點(diǎn)擊率、促進(jìn)轉(zhuǎn)化率。本章針對(duì)商品營(yíng)銷(xiāo)推廣圖的主圖設(shè)計(jì)、直通車(chē)圖設(shè)計(jì)和鉆展圖設(shè)計(jì)等基礎(chǔ)知識(shí)進(jìn)行系統(tǒng)講解，并針對(duì)流行風(fēng)格及典型行業(yè)的網(wǎng)店?duì)I銷(xiāo)推廣圖進(jìn)行設(shè)計(jì)演練。通過(guò)本章的學(xué)習(xí)，讀者可以對(duì)商品營(yíng)銷(xiāo)推廣圖片的設(shè)計(jì)有一個(gè)系統(tǒng)的認(rèn)識(shí)，并快速掌握商品營(yíng)銷(xiāo)推廣圖的設(shè)計(jì)規(guī)范和制作方法，為接下來(lái)的店鋪海報(bào)設(shè)計(jì)打下基礎(chǔ)。第3章商品營(yíng)銷(xiāo)推廣圖設(shè)計(jì)課堂學(xué)習(xí)目標(biāo)熟悉主圖的設(shè)計(jì)規(guī)范與規(guī)則掌握直通車(chē)圖的設(shè)計(jì)規(guī)范與規(guī)則掌握鉆展圖的設(shè)計(jì)規(guī)范與規(guī)則3.1主圖設(shè)計(jì)主圖的基本概念主圖的設(shè)計(jì)尺寸主圖的文字層級(jí)主圖的背景設(shè)計(jì)科技布沙發(fā)主圖設(shè)計(jì)

3.1.1主圖的基本概念主圖即商品的展示圖，是用于體現(xiàn)商品特色的視覺(jué)圖。商品主圖最多可以有5張，最少必須有1張。這些主圖通常位于詳情頁(yè)，而第一張主圖還會(huì)位于搜索頁(yè)，因此需要網(wǎng)店美工進(jìn)行重點(diǎn)設(shè)計(jì)。

3.1.2主圖的設(shè)計(jì)尺寸主圖的設(shè)計(jì)尺寸分為兩種，一種是正主圖，尺寸為800像素×800像素，另一種是配合主圖視頻方便移動(dòng)端觀看的豎圖，尺寸為750像素×1000像素。另外主圖的大小必須控制在500KB以?xún)?nèi)。

3.1.3主圖的文字層級(jí)網(wǎng)店美工在進(jìn)行主圖設(shè)計(jì)時(shí)，需要明確文字層級(jí)，通常會(huì)進(jìn)行三種層級(jí)的設(shè)計(jì)。第一層體現(xiàn)品牌形象。品牌形象通常會(huì)以網(wǎng)店的Logo的形式體現(xiàn)，既可以加深消費(fèi)者印象又可以防止盜圖。第二層提煉商品賣(mài)點(diǎn)。商品賣(mài)點(diǎn)主要體現(xiàn)商品優(yōu)勢(shì)，可以是商品的款式、功能和材質(zhì)上的優(yōu)勢(shì)，也可以是商品的價(jià)格上的優(yōu)勢(shì)，從而直接打動(dòng)消費(fèi)者。第三層展示銷(xiāo)售活動(dòng)。銷(xiāo)售活動(dòng)主要以“限時(shí)搶購(gòu)”等促銷(xiāo)文案給予消費(fèi)者“不買(mǎi)就錯(cuò)過(guò)”的緊迫感，設(shè)計(jì)時(shí)要盡量簡(jiǎn)短、有力、清晰。主圖的背景通常以圖片場(chǎng)景和純色背景為主，圖片場(chǎng)景大部分使用的是生活類(lèi)場(chǎng)景，可以令消費(fèi)者產(chǎn)生代入感。純色背景需要使用干凈的顏色，不建議使用大量包和度高的顏色，這樣可以起到烘托商品的作用。3.1.4主圖的背景設(shè)計(jì)

下面為制作科技布沙發(fā)主圖的方法，在設(shè)計(jì)過(guò)程中，我們圍繞主體物科技布沙發(fā)進(jìn)行創(chuàng)意。背景為室內(nèi)場(chǎng)景圖，凸顯產(chǎn)品主題。色彩選取深綠色和淡黃色，分別體現(xiàn)了環(huán)保和舒適，字體選用黑體呼應(yīng)主題。3.1.5科技布沙發(fā)主圖設(shè)計(jì)

3.2直通車(chē)圖設(shè)計(jì)直通車(chē)圖的基本概念直通車(chē)圖的設(shè)計(jì)尺寸直通車(chē)圖的文字內(nèi)容直通車(chē)圖的特殊手法居家大衣櫥直通車(chē)圖設(shè)計(jì)

3.2.1直通車(chē)圖的基本概念直通車(chē)是淘寶的一種付費(fèi)推廣方式，與主圖不同的是直通車(chē)圖需要商家付費(fèi)購(gòu)買(mǎi)圖片展示位置，以實(shí)現(xiàn)產(chǎn)品的推廣。直通車(chē)展位通常是指搜索頁(yè)和消費(fèi)者必經(jīng)的其他高關(guān)注、高流量的位置。

3.2.2直通車(chē)圖的設(shè)計(jì)尺寸直通車(chē)圖的設(shè)計(jì)尺寸和主圖一樣分為兩種，一種是常規(guī)直通車(chē)圖，尺寸為800×800像素；另一種是方便移動(dòng)端觀看的豎圖，尺寸為750像素×1000像素。

3.2.3直通車(chē)圖的文字內(nèi)容在進(jìn)行直通車(chē)圖設(shè)計(jì)時(shí)，為了提高點(diǎn)擊率，需要對(duì)文字內(nèi)容進(jìn)行提煉設(shè)計(jì)。例如，低價(jià)商品需要強(qiáng)調(diào)商品的價(jià)格和活動(dòng)；中高端商品需要強(qiáng)調(diào)出商品的品質(zhì)、銷(xiāo)量以及效果；大牌商品則需要強(qiáng)調(diào)出商品自身的品牌形象。

3.2.4直通車(chē)圖的特殊手法直通車(chē)圖雖然是商家通過(guò)付費(fèi)進(jìn)行推廣，但商品之間依然存在著強(qiáng)烈的競(jìng)爭(zhēng)。因此網(wǎng)店美工可以通過(guò)一些特殊手法令設(shè)計(jì)的直通車(chē)圖在眾多圖片中脫穎而出。例如，運(yùn)用獨(dú)特的商品拍攝、直接夸張的文案和精美的商品搭配等方法令直通車(chē)圖可以快速吸引消費(fèi)者。需要注意的是，若商品本身的款式吸引力足夠強(qiáng)，則只需要少量文字和干凈的背景以此凸顯商品的品質(zhì)感，更能吸引消費(fèi)者。

3.2.5居家大衣櫥直通車(chē)圖設(shè)計(jì)下面為制作居家大衣櫥直通車(chē)圖的方法，在設(shè)計(jì)過(guò)程中，我們圍繞主體物衣櫥進(jìn)行創(chuàng)意。背景為室內(nèi)場(chǎng)景圖，以凸顯商品主題。色彩選取玫紅色、黃色和藍(lán)色，分別體現(xiàn)了時(shí)尚、溫馨和美觀，字體選用黑體呼應(yīng)主題。3.3鉆展圖設(shè)計(jì)鉆展圖的基本概念鉆展圖的設(shè)計(jì)尺寸鉆展圖的推廣內(nèi)容鉆展圖的設(shè)計(jì)技巧家居產(chǎn)品網(wǎng)店鉆展圖設(shè)計(jì)

3.3.1鉆展圖的基本概念鉆展圖即鉆石展位圖，是一種強(qiáng)有力的營(yíng)銷(xiāo)方式。與直通車(chē)圖一樣，需要商家付費(fèi)購(gòu)買(mǎi)圖片展示位置，以此進(jìn)行商品、活動(dòng)甚至是品牌的推廣，吸引消費(fèi)者點(diǎn)擊。鉆展圖通常位于電商平臺(tái)首頁(yè)的醒目位置。

3.3.2鉆展圖的設(shè)計(jì)尺寸

鉆展圖由于投放位置不同，導(dǎo)致尺寸也各異。鉆展圖的常見(jiàn)設(shè)計(jì)尺寸主要可以分為以下3類(lèi)。（1）首頁(yè)焦點(diǎn)鉆展圖：這類(lèi)鉆展圖位于淘寶首頁(yè)上方，是整個(gè)淘寶首頁(yè)的視覺(jué)中心。其尺寸為520×280像素，由于尺寸較大，能夠更好地展示商品與文案，因此價(jià)格昂貴。

3.3.2鉆展圖的設(shè)計(jì)尺寸

（2）首頁(yè)二焦點(diǎn)鉆展圖：這類(lèi)鉆展圖位于淘寶首頁(yè)焦點(diǎn)鉆展圖右下角，是首頁(yè)一屏的黃金位置。其尺寸為160×200像素，由于尺寸較小，因此主要展示商品，文案要精簡(jiǎn)，但需要加大字號(hào)。

3.3.2鉆展圖的設(shè)計(jì)尺寸

（3）首頁(yè)通欄鉆展圖：這類(lèi)鉆展圖位于淘寶首頁(yè)“有好貨”的下方，是首頁(yè)重要位置。其尺寸為375×130像素，尺寸和，價(jià)格適中，性?xún)r(jià)比合適，設(shè)計(jì)時(shí)需要圖文結(jié)合。

3.3.3鉆展圖的推廣內(nèi)容進(jìn)行鉆展圖設(shè)計(jì)時(shí)，為了提高點(diǎn)擊率，需要先確定推廣內(nèi)容，然后再根據(jù)內(nèi)容進(jìn)行圖片和文案的設(shè)計(jì)。鉆展圖的推廣內(nèi)容通?？梢苑譃橐韵氯N。（1）推廣單品：其圖片素材多選擇單品，文案以商品賣(mài)點(diǎn)和折扣促銷(xiāo)信息為重點(diǎn)。

3.3.3鉆展圖的推廣內(nèi)容（2）推廣活動(dòng)或店鋪：其圖片素材多選擇商品的組合形式或模特，文案以折扣促銷(xiāo)信息為重點(diǎn)。（3）推廣品牌：其圖片多選擇品牌相關(guān)素材，文案要弱化促銷(xiāo)，強(qiáng)化品牌。

3.3.4鉆展圖的設(shè)計(jì)技巧

鉆展圖雖然是商家通過(guò)付費(fèi)進(jìn)行推廣，但商品之間依然存在著強(qiáng)烈的競(jìng)爭(zhēng)。因此網(wǎng)店美工可以通過(guò)一些特殊手法令設(shè)計(jì)的鉆展圖更加引人注目。（1）直接運(yùn)用商品圖作為背景，簡(jiǎn)潔醒目，快速吸引消費(fèi)者。（2）將文字和商品圖進(jìn)行適當(dāng)角度的傾斜，令整個(gè)畫(huà)面更富有張力，更能吸引消費(fèi)者。

3.3.5家居產(chǎn)品網(wǎng)店鉆展圖設(shè)計(jì)下面為制作家居產(chǎn)品網(wǎng)店鉆展圖的方法，在設(shè)計(jì)過(guò)程中，我們圍繞主體物沙發(fā)進(jìn)行創(chuàng)意。背景為漸變色，簡(jiǎn)潔明了。色彩選取深棕色、玫紅色和深綠色分別體現(xiàn)了高端、典雅和美觀。字體選用宋體和黑體呼應(yīng)主題。在設(shè)計(jì)過(guò)程中，圍繞主體物面膜進(jìn)行創(chuàng)意。背景為圖片，增添整體畫(huà)面的氛圍感。色彩選取深藍(lán)色和淺藍(lán)色分別體現(xiàn)了清爽和自然。字體選用黑體起到了呼應(yīng)主題的作用。采用黃金比例分割的左右構(gòu)圖表現(xiàn)和諧美感。整體設(shè)計(jì)充滿(mǎn)特色，契合主題。3.4課堂實(shí)訓(xùn)-入耳式耳機(jī)直通車(chē)圖設(shè)計(jì)