電子商務(wù)視覺(jué)營(yíng)銷(xiāo)

第1章　電子商務(wù)視覺(jué)營(yíng)銷(xiāo)基礎(chǔ)——了解商品視覺(jué)營(yíng)銷(xiāo)    001
1.1　了解視覺(jué)營(yíng)銷(xiāo)的概念    001
1.2　視覺(jué)營(yíng)銷(xiāo)的策略    002
1.3　視覺(jué)營(yíng)銷(xiāo)的主要手法    005
1.3.1　重中之重的第1屏    006
1.3.2　真材實(shí)料的第2屏    008
1.3.3　琳瑯滿(mǎn)目的第3屏    009
1.3.4　活動(dòng)勁爆的第4屏    010
1.3.5　靈活多變的第5屏    011
1.4　視覺(jué)營(yíng)銷(xiāo)的原則    011
1.4.1　一致性原則    011
1.4.2　易讀性原則    013
1.4.3　連續(xù)性原則    013
1.4.4　目的性原則    014
1.4.5　審美性原則    015
1.4.6　實(shí)用性原則    015
1.5　視覺(jué)營(yíng)銷(xiāo)的作用    016
1.5.1　打造注意力    016
1.5.2　喚醒記憶點(diǎn)    017
1.5.3　營(yíng)造好感度    018
1.5.4　給予想象力    019
1.6　色彩對(duì)視覺(jué)營(yíng)銷(xiāo)的影響    020
1.6.1　分析商品色彩結(jié)構(gòu)    020
1.6.2　掌握色彩基本概念    021
   ※課堂練習(xí)   使用配色軟件輔助配色    022
1.6.3　設(shè)計(jì)制作水果商品海報(bào)    023
   ※舉一反三   設(shè)計(jì)制作冰激凌商品海報(bào)    027
1.7　構(gòu)圖對(duì)視覺(jué)營(yíng)銷(xiāo)的影響    028
1.7.1　視覺(jué)營(yíng)銷(xiāo)中的版式應(yīng)用    028
1.7.2　掌握常見(jiàn)的版式結(jié)構(gòu)    029
   ※課堂練習(xí)   使用裁切工具優(yōu)化圖片構(gòu)圖    030
1.7.3　設(shè)計(jì)制作休閑食品海報(bào)     031
   ※舉一反三   設(shè)計(jì)制作輕食商品海報(bào)    042
1.8　視覺(jué)營(yíng)銷(xiāo)中的文檔營(yíng)銷(xiāo)    043
1.8.1　營(yíng)銷(xiāo)文檔的結(jié)構(gòu)和意義    043
1.8.2　如何提煉出適合的創(chuàng)意文檔    044
1.8.3　設(shè)計(jì)制作家具商品海報(bào)     045
   ※課堂練習(xí)   完成商品的營(yíng)銷(xiāo)文檔    045
   ※舉一反三   設(shè)計(jì)制作果蔬商品海報(bào)    050
1.9　本章小結(jié)    050
1.10　課后習(xí)題    050
1.10.1　選擇題    051
1.10.2　判斷題    051
1.11　創(chuàng)新實(shí)操    052
第2章　視覺(jué)營(yíng)銷(xiāo)之圖片營(yíng)銷(xiāo)技法——優(yōu)化電子商務(wù)網(wǎng)站中的產(chǎn)品圖    053
2.1　圖片在電商網(wǎng)站中的應(yīng)用    053
2.1.1　產(chǎn)品展示圖    053
2.1.2　推廣圖    054
2.1.3　廣告圖    055
2.2　產(chǎn)品主圖與排列方式    056
2.2.1　主圖的要求    056
2.2.2　主圖的排列要求    056
2.3　產(chǎn)品拍攝的要點(diǎn)和技法    058
2.4　精修產(chǎn)品圖的必要性    060
2.5　產(chǎn)品圖的應(yīng)用技巧    062
2.5.1　選擇合適的產(chǎn)品圖片    062
2.5.2　合理控制圖片數(shù)量    063
2.5.3　產(chǎn)品圖排列方式    063
2.5.4　擁有適當(dāng)?shù)某叽?   065
2.5.5　展示產(chǎn)品細(xì)節(jié)    065
2.6　產(chǎn)品寶貝圖視覺(jué)營(yíng)銷(xiāo)    066
2.6.1　分析產(chǎn)品營(yíng)銷(xiāo)的特點(diǎn)    066
2.6.2　寶貝圖的設(shè)計(jì)規(guī)范和要求    067
   ※課堂練習(xí)   新建一個(gè)寶貝圖文件    067
2.6.3　設(shè)計(jì)制作沙發(fā)產(chǎn)品寶貝圖     068
   ※舉一反三   設(shè)計(jì)制作家居產(chǎn)品主圖    072
2.7　店鋪主頁(yè)面視覺(jué)營(yíng)銷(xiāo)    073
2.7.1　分析母嬰產(chǎn)品營(yíng)銷(xiāo)的特點(diǎn)    073
2.7.2　產(chǎn)品圖片的格式與摳像    074
   ※課堂練習(xí)   完成毛絨玩具產(chǎn)品摳像    075
2.7.3　設(shè)計(jì)制作母嬰產(chǎn)品網(wǎng)店首頁(yè)     076
   ※舉一反三   設(shè)計(jì)制作母嬰產(chǎn)品網(wǎng)店首頁(yè)    085
2.8　產(chǎn)品詳情頁(yè)視頻營(yíng)銷(xiāo)    085
2.8.1　分析手機(jī)配件類(lèi)產(chǎn)品的特點(diǎn)    086
2.8.2　產(chǎn)品詳情頁(yè)的設(shè)計(jì)規(guī)范和要求    087
   ※課堂練習(xí)   設(shè)計(jì)制作詳情頁(yè)頁(yè)面結(jié)構(gòu)    088
2.8.3　設(shè)計(jì)制作手機(jī)配件產(chǎn)品詳情頁(yè)     091
   ※舉一反三   設(shè)計(jì)制作充電線(xiàn)產(chǎn)品詳情頁(yè)    099
2.9　本章小結(jié)    100
2.10　課后習(xí)題    100
2.10.1　選擇題    100
2.10.2　判斷題    101
2.11　創(chuàng)新實(shí)操    102
第3章　視覺(jué)營(yíng)銷(xiāo)之動(dòng)畫(huà)營(yíng)銷(xiāo)技法——讓商品信息動(dòng)起來(lái)    103
3.1　電子商務(wù)網(wǎng)站中的動(dòng)畫(huà)基礎(chǔ)知識(shí)    103
3.1.1　動(dòng)畫(huà)基礎(chǔ)知識(shí)    103
3.1.2　商品營(yíng)銷(xiāo)動(dòng)畫(huà)概述    104
3.1.3　商品營(yíng)銷(xiāo)動(dòng)畫(huà)的基本元素    105
3.1.4　制作動(dòng)畫(huà)的軟件    106
3.2　電子商務(wù)動(dòng)畫(huà)的表現(xiàn)手法    107
3.3　商品營(yíng)銷(xiāo)動(dòng)畫(huà)分鏡頭的運(yùn)用    109
3.3.1　傳統(tǒng)動(dòng)畫(huà)中分鏡頭的應(yīng)用    110
3.3.2　電子商務(wù)動(dòng)畫(huà)中分鏡頭的應(yīng)用    110
3.4　電子商務(wù)網(wǎng)站中動(dòng)畫(huà)的表現(xiàn)形式    111
3.4.1　GIF動(dòng)畫(huà)素材 文案    111
3.4.2　圖片素材生成GIF動(dòng)畫(huà)    111
3.4.3　視頻圖片 靜態(tài)圖片    111
3.4.4　將三維動(dòng)畫(huà)轉(zhuǎn)化成GIF動(dòng)畫(huà)    112
3.5　電子商務(wù)網(wǎng)站動(dòng)畫(huà)的輸出和運(yùn)用    112
3.5.1　動(dòng)畫(huà)輸出途徑    112
3.5.2　動(dòng)畫(huà)運(yùn)用位置    114
3.6　店鋪促銷(xiāo)GIF動(dòng)畫(huà)    116
3.6.1　GIF廣告圖的特點(diǎn)    116
3.6.2　GIF動(dòng)畫(huà)的制作要求與規(guī)范    117
   ※課堂練習(xí)   為動(dòng)畫(huà)添加過(guò)渡效果    119
3.6.3　設(shè)計(jì)制作店鋪促銷(xiāo)GIF動(dòng)畫(huà)     120
   ※舉一反三   設(shè)計(jì)制作收藏店鋪動(dòng)態(tài)圖    128
3.7　動(dòng)態(tài)店招廣告圖    129
3.7.1　動(dòng)態(tài)店招廣告圖的特點(diǎn)    129
3.7.2　二維動(dòng)畫(huà)制作軟件Animate    130
   ※課堂練習(xí)   使用Animate制作逐幀動(dòng)畫(huà)    131
3.7.3　設(shè)計(jì)制作圖書(shū)商品動(dòng)態(tài)店招     132
   ※舉一反三   設(shè)計(jì)制作圖書(shū)商品動(dòng)態(tài)廣告圖    138
3.8　商品展示動(dòng)畫(huà)    139
3.8.1　交互動(dòng)畫(huà)的應(yīng)用    139
3.8.2　了解CSS和JavaScript基礎(chǔ)    139
   ※課堂練習(xí)   制作商品圖左右滾動(dòng)效果    141
3.8.3　任務(wù)實(shí)施——設(shè)計(jì)制作體育商品交互動(dòng)畫(huà)     142
   ※舉一反三   設(shè)計(jì)制作健身商品輪播圖動(dòng)畫(huà)    146
3.9　本章小結(jié)    147
3.10　課后習(xí)題    147
3.10.1　選擇題    147
3.10.2　判斷題    148
3.11　創(chuàng)新實(shí)操    149
第4章　視覺(jué)營(yíng)銷(xiāo)之視頻營(yíng)銷(xiāo)技法——不斷“流動(dòng)”的視覺(jué)營(yíng)銷(xiāo)手法    150
4.1　電商網(wǎng)站中視頻的應(yīng)用    150
4.1.1　商品主圖視頻    150
4.1.2　商品詳情頁(yè)視頻    151
4.1.3　店鋪首頁(yè)廣告視頻    152
4.2　電子商務(wù)網(wǎng)站中視頻的作用    152
4.3　電子商務(wù)網(wǎng)站中視頻的要求    153
4.3.1　營(yíng)銷(xiāo)視頻的要求    154
4.3.2　營(yíng)銷(xiāo)視頻的審核流程    155
4.4　選擇正確的視頻格式    155
4.4.1　視頻格式    156
4.4.2　視頻編碼    157
4.4.3　視頻轉(zhuǎn)換器    157
4.5　視頻營(yíng)銷(xiāo)的腳本編寫(xiě)    159
4.5.1　明確定義    160
4.5.2　創(chuàng)建故事板    160
4.6　視頻營(yíng)銷(xiāo)的意義    161
4.6.1　宣傳受眾廣    161
4.6.2　全方位展示    163
4.6.3　投資風(fēng)險(xiǎn)小    163
4.7　設(shè)計(jì)制作商品的建議視頻    165
4.7.1　分析廚具商品營(yíng)銷(xiāo)的特點(diǎn)    165
4.7.2　 Photoshop中的視頻導(dǎo)入與編輯    166
   ※課堂練習(xí)   新建空白視頻圖層    168
4.7.3　設(shè)計(jì)制作刀具商品建議視頻    169
   ※舉一反三   設(shè)計(jì)制作牛肉醬商品建議視頻    174
4.8　設(shè)計(jì)制作商品分類(lèi)視頻    175
4.8.1　分析紡織商品營(yíng)銷(xiāo)的特點(diǎn)    175
4.8.2　會(huì)聲會(huì)影概述    176
   ※課堂練習(xí)   新建會(huì)聲會(huì)影項(xiàng)目文件    177
4.8.3　設(shè)計(jì)制作紡織商品分類(lèi)視頻    179
   ※舉一反三   設(shè)計(jì)制作床上套件商品營(yíng)銷(xiāo)視頻    184
4.9　設(shè)計(jì)制作商品說(shuō)明視頻    185
4.9.1　分析旅游類(lèi)商品營(yíng)銷(xiāo)的特點(diǎn)    186
4.9.2　會(huì)聲會(huì)影中豐富的轉(zhuǎn)場(chǎng)效果    187
   ※課堂練習(xí)   制作閃光轉(zhuǎn)場(chǎng)效果    188
4.9.3　設(shè)計(jì)制作旅游商品說(shuō)明視頻    189
   ※舉一反三   設(shè)計(jì)制作雨傘商品說(shuō)明視頻    198
4.10　本章小結(jié)    198
4.11　課后習(xí)題    199
4.11.1　選擇題    199
4.11.2　判斷題    200
4.12　創(chuàng)新實(shí)操    200
第5章　電子商務(wù)視覺(jué)營(yíng)銷(xiāo)的發(fā)展——移動(dòng)電子商務(wù)和VR技術(shù)    201
5.1　電子商務(wù)行業(yè)發(fā)展的問(wèn)題    201
5.1.1　不佳的購(gòu)物體驗(yàn)    202
5.1.2　商品品質(zhì)參差不齊    202
5.1.3　過(guò)時(shí)的爆款銷(xiāo)售模式    203
5.2　電子商務(wù)視覺(jué)營(yíng)銷(xiāo)的發(fā)展趨勢(shì)    204
5.2.1　視覺(jué)營(yíng)銷(xiāo)的興趣引導(dǎo)    204
5.2.2　視覺(jué)營(yíng)銷(xiāo)的品位至上    205
5.2.3　視覺(jué)營(yíng)銷(xiāo)的形象定價(jià)    205
5.2.4　視覺(jué)營(yíng)銷(xiāo)的顏值消費(fèi)    206
5.3　VR技術(shù)在視覺(jué)營(yíng)銷(xiāo)上的應(yīng)用    206
5.4　移動(dòng)端電子商務(wù)應(yīng)用    209
5.4.1　移動(dòng)端電子商務(wù)的特點(diǎn)    209
5.4.2　電子商務(wù)移動(dòng)端與PC端的區(qū)別    210
5.5　移動(dòng)端頁(yè)面視覺(jué)營(yíng)銷(xiāo)的原則    210
5.5.1　功能性原則    210
5.5.2　可視性原則    211
5.5.3　統(tǒng)一性原則    213
5.6　設(shè)計(jì)制作產(chǎn)品交互圖    215
5.6.1　分析制作產(chǎn)品展示的過(guò)程    215
5.6.2　 CSS樣式表的使用規(guī)范和要求    216
   ※課堂練習(xí)   使用CSS設(shè)置樣式    220
5.6.3　設(shè)計(jì)制作樂(lè)器產(chǎn)品交互圖    221
   ※舉一反三   設(shè)計(jì)制作浮動(dòng)廣告位動(dòng)畫(huà)    226
5.7　設(shè)計(jì)制作手機(jī)開(kāi)屏廣告    228
5.7.1　移動(dòng)端開(kāi)屏廣告營(yíng)銷(xiāo)的特點(diǎn)    228
5.7.2　移動(dòng)端廣告類(lèi)型    229
   ※課堂練習(xí)   繪制移動(dòng)端圖標(biāo)    232
5.7.3　設(shè)計(jì)制作移動(dòng)端App開(kāi)屏廣告    233
   ※舉一反三   設(shè)計(jì)制作App開(kāi)屏家電廣告圖    237
5.8　設(shè)計(jì)產(chǎn)品VR展示動(dòng)畫(huà)    238
5.8.1　營(yíng)銷(xiāo)文檔的結(jié)構(gòu)和意義    239
5.8.2　電商巨頭們的VR技術(shù)    240
   ※課堂練習(xí)   修改全景圖的比例為2∶1    241
5.8.3　設(shè)計(jì)制作樣板間VR展示動(dòng)畫(huà)    242
   ※舉一反三   設(shè)計(jì)制作樣板間VR全景圖    247
5.9　本章小結(jié)    248
5.10　課后習(xí)題    248
5.10.1　選擇題    249
5.10.2　判斷題    249
5.11　創(chuàng)新實(shí)操    250