網(wǎng)店美工視覺設(shè)計(jì)實(shí)戰(zhàn)教程課件

推廣圖和視頻的設(shè)計(jì)與制作人民郵電出版社網(wǎng)店美工視覺設(shè)計(jì)實(shí)戰(zhàn)教程（全彩微課版第3版）第7章目錄Contents主圖設(shè)計(jì)與制作引力魔方圖設(shè)計(jì)與制作7.27.1直通車圖設(shè)計(jì)與制作7.3實(shí)戰(zhàn)演練7.5商品視頻設(shè)計(jì)與制作7.47.1.1主圖規(guī)范3淘寶平臺(tái)橫版主圖的尺寸是800像素×800像素；豎版主圖的尺寸為800像素×1200像素、750像素×1000像素，豎版尺寸要求只需達(dá)到2:3或者3:4的比例即可；京東平臺(tái)主圖尺寸為800像素×800像素；拼多多平臺(tái)的主圖尺寸為740像素×352像素。網(wǎng)店美工在制作橫版主圖時(shí)一般采用800像素×800像素的通用尺寸，分辨率選擇72像素/英寸，文件大小盡量控制在3MB以內(nèi)。尺寸規(guī)范數(shù)量規(guī)范在拼多多平臺(tái)上，商品的主圖全部數(shù)量為1個(gè)主圖視頻＋10張主圖圖片。首張主圖會(huì)在搜索結(jié)果頁(yè)中顯示，因此需要重點(diǎn)制作，而第2~5張主圖展示商品，第6~10張主圖展示消費(fèi)者對(duì)商品的評(píng)價(jià)。而淘寶平臺(tái)采用5張主圖的模式，或者1個(gè)主圖視頻＋5張主圖的模式。7.1.2制作優(yōu)質(zhì)主圖的技巧4主圖設(shè)計(jì)對(duì)商品的點(diǎn)擊率和轉(zhuǎn)化率有著非常巨大的影響，要想制作出優(yōu)質(zhì)的主圖，使其更能吸引消費(fèi)者，網(wǎng)店美工就需要運(yùn)用一些技巧。01020304

商品的大小適中豐富內(nèi)容賣點(diǎn)清晰有創(chuàng)意宜簡(jiǎn)不宜繁7.1.3制作數(shù)據(jù)線主圖5由于數(shù)據(jù)線商品體積較小，不易展現(xiàn)細(xì)節(jié)，因此，網(wǎng)店美工可在畫面中添加插頭的細(xì)節(jié)圖來(lái)展示該商品的賣點(diǎn)；在布局上可采用左圖右文的方式平衡畫面；在配色選擇上可使用與商品顏色相近的色彩，采用特殊效果的圖片充當(dāng)背景，其具體操作步驟如下。應(yīng)用濾鏡的前后對(duì)比1繪制圓角矩形繪制矩形237.1.3制作數(shù)據(jù)線主圖6設(shè)置投影參數(shù)主圖效果74輸入文字繪制裝飾56目錄Contents主圖設(shè)計(jì)與制作引力魔方圖設(shè)計(jì)與制作7.27.1直通車圖設(shè)計(jì)與制作7.3實(shí)戰(zhàn)演練7.5商品視頻設(shè)計(jì)與制作7.47.2.1引力魔方圖的規(guī)范與設(shè)計(jì)要點(diǎn)8引力魔方的位置眾多，如移動(dòng)端淘寶首頁(yè)焦點(diǎn)圖，猜你喜歡版塊，紅包互動(dòng)權(quán)益（芭芭農(nóng)場(chǎng)中），引力魔方的尺寸規(guī)格主要有800像素×800像素、800像素×1200像素、513像素×750像素等。網(wǎng)店美工在設(shè)計(jì)引力魔方圖時(shí)，需要根據(jù)投放位置、尺寸等信息進(jìn)行調(diào)整。網(wǎng)店美工在設(shè)計(jì)引力魔方圖時(shí)，應(yīng)注意以下兩點(diǎn)。明確的投放目的獨(dú)特的設(shè)計(jì)7.2.2引力魔方圖設(shè)計(jì)注意事項(xiàng)9引力魔方圖的內(nèi)容多樣，因此表現(xiàn)形式相較于主圖更加多元化，也更加自由，但是仍要注意以下3點(diǎn)，以免發(fā)生設(shè)計(jì)出的成品圖效果不佳的情況。注意事項(xiàng)必須有商品圖像畫面不能有遮擋內(nèi)容合適7.2.3制作周年慶引力魔方圖10某彩妝店鋪3周年店慶即將來(lái)臨，為了推廣周年慶活動(dòng)，店鋪準(zhǔn)備在移動(dòng)端淘寶首頁(yè)焦點(diǎn)圖位置投放引力魔方圖。網(wǎng)店美工在構(gòu)圖上可采用三欄式構(gòu)圖達(dá)到醒目的效果，并著重強(qiáng)調(diào)此次活動(dòng)的主題，其具體操作步驟如下。調(diào)整背景顏色12置入素材?繪制信封形狀繪制正面形狀347.2.3制作周年慶引力魔方圖11輸入文字信紙效果5678設(shè)置漸變輸入活動(dòng)文本7.2.3制作周年慶引力魔方圖12910設(shè)置投影參數(shù)周年慶引力魔方圖效果目錄Contents主圖設(shè)計(jì)與制作引力魔方圖設(shè)計(jì)與制作7.27.1直通車圖設(shè)計(jì)與制作7.3實(shí)戰(zhàn)演練7.5商品視頻設(shè)計(jì)與制作7.47.3.1直通車展現(xiàn)方式14單擊此處輸入標(biāo)題關(guān)鍵詞搜索結(jié)果頁(yè)的展位關(guān)鍵詞搜索結(jié)果頁(yè)的展位消費(fèi)者必經(jīng)之路上的眾多高流量、高關(guān)注度的展位7.3.2直通車圖的設(shè)計(jì)要點(diǎn)15直通車圖擔(dān)負(fù)著為商品引流的重任，因此，直通車圖的設(shè)計(jì)既需要有優(yōu)秀的視覺效果，也需要具有宣傳商品的作用。一般情況下，網(wǎng)店美工在設(shè)計(jì)直通車圖時(shí)應(yīng)遵循以下3個(gè)要點(diǎn)。主題賣點(diǎn)簡(jiǎn)潔精確構(gòu)圖合理具有吸引力7.3.3直通車圖引流的關(guān)鍵16能否快速打動(dòng)消費(fèi)者，并使消費(fèi)者產(chǎn)生點(diǎn)擊查看該商品的行為，是檢驗(yàn)直通車圖設(shè)計(jì)否成功與否的關(guān)鍵因素。網(wǎng)店美工可從以下5個(gè)關(guān)鍵點(diǎn)著手設(shè)計(jì)直通車圖。分析消費(fèi)者心理需求分析圖片的差異使用增值服務(wù)使用誘導(dǎo)的概念使用大眾好評(píng)7.3.4制作剃須刀直通車圖17設(shè)置內(nèi)發(fā)光參數(shù)12某店鋪需要制作直通車圖推廣新上市的剃須刀商品，網(wǎng)店美工在制作時(shí)，可選用左右構(gòu)圖方式，利用純色形狀和帶有質(zhì)感的背景圖形成反差，減少純色背景帶來(lái)的單調(diào)感，并使用商品圖像減輕反差帶來(lái)的割裂感，其具體操作步驟如下。繪制正圖并創(chuàng)建剪貼蒙版7.3.4制作剃須刀直通車圖1834制作投影5繪制并復(fù)制圓角矩形輸入文本7.3.4制作剃須刀直通車圖19最終效果766變形文字目錄Contents主圖設(shè)計(jì)與制作引力魔方圖設(shè)計(jì)與制作7.27.1直通車圖設(shè)計(jì)與制作7.3實(shí)戰(zhàn)演練7.5商品視頻設(shè)計(jì)與制作7.47.4.1商品視頻的特點(diǎn)21時(shí)長(zhǎng)精簡(jiǎn)信息豐富主題鮮明與普通視頻不同，商品視頻的制作目的就是將商品信息有效地傳遞給消費(fèi)者，因此，除了視頻畫面美觀外，商品視頻還具有以下3個(gè)特點(diǎn)。7.4.2常見商品視頻類別22常見的視頻主要有主圖視頻和詳情頁(yè)視頻兩種類型，而不同類型的視頻，其應(yīng)用位置、主要內(nèi)容、時(shí)長(zhǎng)、尺寸均有所區(qū)別。應(yīng)用在商品主圖位置，用于展現(xiàn)商品的1~2個(gè)核心賣點(diǎn)，再圍繞展現(xiàn)的賣點(diǎn)展示該商品的細(xì)節(jié)部分。主圖視頻時(shí)長(zhǎng)一般為9~60秒，畫面比例為16∶9、1∶1、3∶4，大小不小于540像素×540像素，建議在750像素×1000像素以上。注意：一個(gè)主圖視頻只能綁定一款商品。主圖視頻詳情頁(yè)視頻應(yīng)用在商品詳情頁(yè)中，用于詳細(xì)說(shuō)明商品的功能等用途、優(yōu)點(diǎn)、效果，詮釋設(shè)計(jì)理念并安裝、使用方法等。時(shí)長(zhǎng)一般為5秒~2分鐘，1分鐘內(nèi)為佳，畫面比例常用16∶9和4∶3，大小為1280像素×720像素或720像素×576像素。7.4.3商品視頻拍攝的注意事項(xiàng)23了解商品的特點(diǎn)在拍攝視頻前，網(wǎng)店美工需要先了解將要拍攝的商品的特點(diǎn)，如商品的外觀特色、制作材質(zhì)和使用方法等，拍攝時(shí)便可著重表現(xiàn)商品的特點(diǎn)，使其在同類商品中脫穎而出。準(zhǔn)備設(shè)備、模特拍攝的內(nèi)容視頻的拍攝除了需要攝影機(jī)以外，還需要打光燈、錄音設(shè)備等輔助器材。服飾、美妝等商品的視頻還會(huì)通過模特展示商品的使用過程和使用效果。拍攝場(chǎng)景分為室內(nèi)場(chǎng)景和室外場(chǎng)景。室內(nèi)拍攝需要考慮燈光、背景和布局等；而室外拍攝則需要選擇一個(gè)合適的環(huán)境，避免在人物繁雜的環(huán)境中進(jìn)行拍攝。拍攝的內(nèi)容既要展示商品的全貌，也要展示商品的各個(gè)角度和細(xì)節(jié)，但是不同類目的商品，其拍攝內(nèi)容也略有區(qū)別。布置拍攝場(chǎng)景為了保證視頻的質(zhì)量和視覺效果的美觀，達(dá)到促進(jìn)商品銷售的目的，網(wǎng)店美工在拍攝視頻時(shí)，應(yīng)注意以下4個(gè)方面。7.4.4制作柿子主圖視頻24導(dǎo)入視頻12某水果店鋪需要制作水晶小柿子的主圖視頻，用于向消費(fèi)者展示商品顆顆飽滿、皮薄肉厚的賣點(diǎn)。網(wǎng)店美工可利用“剪映專業(yè)版”制作，其具體操作步驟如下。設(shè)置草稿參數(shù)調(diào)整視頻畫面大小37.4.4制作柿子主圖視頻25調(diào)整畫面亮度654添加和調(diào)整特效刪除選中的視頻7.4.4制作柿子主圖視頻2678修改文本調(diào)整音頻9調(diào)整文字模板選擇文字模板107.4.4制作柿子主圖視頻2711設(shè)置導(dǎo)出參數(shù)最終效果12目錄Contents主圖設(shè)計(jì)與制作引力魔方圖設(shè)計(jì)與制作7.27.1直通車圖設(shè)計(jì)與制作7.3實(shí)戰(zhàn)演練7.5商品視頻設(shè)計(jì)與制作7.47.5.1制作掃地機(jī)器人直通車圖29

1.設(shè)計(jì)思路01020304打開文件，置入背景圖像，模糊部分圖像增減空間感置入商品圖像并繪制陰影，減少商品擺放在背景圖像上的突兀感使用文字，輸入店鋪名稱、優(yōu)惠價(jià)格和商品賣點(diǎn)文字；繪制形狀，制作賣點(diǎn)文字的底紋調(diào)整賣點(diǎn)文字和底紋的樣式，強(qiáng)調(diào)賣點(diǎn)文字30020103使用“剪貼蒙版”功能制作背景；使用“模糊工具”優(yōu)化背景圖像；使用“畫筆工具”繪制陰影。使用“橫排文字工具”輸入文本；使用“矩形工具”繪制賣點(diǎn)文字的裝飾形狀。使用“斜切”命令調(diào)整賣點(diǎn)文字和底紋。7.5.1制作掃地機(jī)器人直通車圖2.?知識(shí)要點(diǎn)31

3.操作步驟下面根據(jù)掃地機(jī)器人使用環(huán)境來(lái)設(shè)計(jì)直通車圖，其具體操作步驟如下。12輸入店鋪名稱模糊背景圖像繪制陰影47.5.1制作掃地機(jī)器人直通車圖繪制矩形33257輸入底部文字修改文本內(nèi)容7.5.1制作掃地機(jī)器人直通車圖斜切文本68最終效果7.5.2制作休閑鞋引力魔方圖33（2）置入商品圖像和裝飾圖像，制作穿插效果。（4）調(diào)整文本的方向，營(yíng)造動(dòng)感。（3）輸入文字，然后制作文字描邊效果。（1）新建文件，并置入背景圖像。1.設(shè)計(jì)思路7.5.2制作休閑鞋引力魔方圖34使用“橫排文字工具”輸入文本；使用“矩形工具”繪制裝飾形狀使用“蒙版”功能制作穿插效果使用“自由編輯”命令調(diào)整文字和裝飾的方向2.知識(shí)要點(diǎn)▲▲▲▲▲▲7.5.2制作休閑鞋引力魔方圖35設(shè)置投影參數(shù)制作傾斜鏤空文字31

3.操作步驟下面根據(jù)休閑鞋的特色設(shè)計(jì)引力魔方圖，其具體操作步驟如下。制作穿插效果27.5.2制作休閑鞋引力魔方圖3664調(diào)整圖層組內(nèi)圖像的方向制作倒影效果5最終效果謝謝觀看人民郵電出版社網(wǎng)店美工視覺設(shè)計(jì)實(shí)戰(zhàn)教程（全彩微課版）第7章網(wǎng)店