電子商務(wù)視覺營銷

第1章　電子商務(wù)視覺營銷基礎(chǔ)——了解商品視覺營銷    001
1.1　了解視覺營銷的概念    001
1.2　視覺營銷的策略    002
1.3　視覺營銷的主要手法    005
1.3.1　重中之重的第1屏    006
1.3.2　真材實(shí)料的第2屏    008
1.3.3　琳瑯滿目的第3屏    009
1.3.4　活動(dòng)勁爆的第4屏    010
1.3.5　靈活多變的第5屏    011
1.4　視覺營銷的原則    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　視覺營銷的作用    016
1.5.1　打造注意力    016
1.5.2　喚醒記憶點(diǎn)    017
1.5.3　營造好感度    018
1.5.4　給予想象力    019
1.6　色彩對(duì)視覺營銷的影響    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ì)視覺營銷的影響    028
1.7.1　視覺營銷中的版式應(yīng)用    028
1.7.2　掌握常見的版式結(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　視覺營銷中的文檔營銷    043
1.8.1　營銷文檔的結(jié)構(gòu)和意義    043
1.8.2　如何提煉出適合的創(chuàng)意文檔    044
1.8.3　設(shè)計(jì)制作家具商品海報(bào)     045
   ※課堂練習(xí)   完成商品的營銷文檔    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章　視覺營銷之圖片營銷技法——優(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)品寶貝圖視覺營銷    066
2.6.1　分析產(chǎn)品營銷的特點(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　店鋪主頁面視覺營銷    073
2.7.1　分析母嬰產(chǎn)品營銷的特點(diǎn)    073
2.7.2　產(chǎn)品圖片的格式與摳像    074
   ※課堂練習(xí)   完成毛絨玩具產(chǎn)品摳像    075
2.7.3　設(shè)計(jì)制作母嬰產(chǎn)品網(wǎng)店首頁     076
   ※舉一反三   設(shè)計(jì)制作母嬰產(chǎn)品網(wǎng)店首頁    085
2.8　產(chǎn)品詳情頁視頻營銷    085
2.8.1　分析手機(jī)配件類產(chǎn)品的特點(diǎn)    086
2.8.2　產(chǎn)品詳情頁的設(shè)計(jì)規(guī)范和要求    087
   ※課堂練習(xí)   設(shè)計(jì)制作詳情頁頁面結(jié)構(gòu)    088
2.8.3　設(shè)計(jì)制作手機(jī)配件產(chǎn)品詳情頁     091
   ※舉一反三   設(shè)計(jì)制作充電線產(chǎn)品詳情頁    099
2.9　本章小結(jié)    100
2.10　課后習(xí)題    100
2.10.1　選擇題    100
2.10.2　判斷題    101
2.11　創(chuàng)新實(shí)操    102
第3章　視覺營銷之動(dòng)畫營銷技法——讓商品信息動(dòng)起來    103
3.1　電子商務(wù)網(wǎng)站中的動(dòng)畫基礎(chǔ)知識(shí)    103
3.1.1　動(dòng)畫基礎(chǔ)知識(shí)    103
3.1.2　商品營銷動(dòng)畫概述    104
3.1.3　商品營銷動(dòng)畫的基本元素    105
3.1.4　制作動(dòng)畫的軟件    106
3.2　電子商務(wù)動(dòng)畫的表現(xiàn)手法    107
3.3　商品營銷動(dòng)畫分鏡頭的運(yùn)用    109
3.3.1　傳統(tǒng)動(dòng)畫中分鏡頭的應(yīng)用    110
3.3.2　電子商務(wù)動(dòng)畫中分鏡頭的應(yīng)用    110
3.4　電子商務(wù)網(wǎng)站中動(dòng)畫的表現(xiàn)形式    111
3.4.1　GIF動(dòng)畫素材 文案    111
3.4.2　圖片素材生成GIF動(dòng)畫    111
3.4.3　視頻圖片 靜態(tài)圖片    111
3.4.4　將三維動(dòng)畫轉(zhuǎn)化成GIF動(dòng)畫    112
3.5　電子商務(wù)網(wǎng)站動(dòng)畫的輸出和運(yùn)用    112
3.5.1　動(dòng)畫輸出途徑    112
3.5.2　動(dòng)畫運(yùn)用位置    114
3.6　店鋪促銷GIF動(dòng)畫    116
3.6.1　GIF廣告圖的特點(diǎn)    116
3.6.2　GIF動(dòng)畫的制作要求與規(guī)范    117
   ※課堂練習(xí)   為動(dòng)畫添加過渡效果    119
3.6.3　設(shè)計(jì)制作店鋪促銷GIF動(dòng)畫     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)畫制作軟件Animate    130
   ※課堂練習(xí)   使用Animate制作逐幀動(dòng)畫    131
3.7.3　設(shè)計(jì)制作圖書商品動(dòng)態(tài)店招     132
   ※舉一反三   設(shè)計(jì)制作圖書商品動(dòng)態(tài)廣告圖    138
3.8　商品展示動(dòng)畫    139
3.8.1　交互動(dòng)畫的應(yīng)用    139
3.8.2　了解CSS和JavaScript基礎(chǔ)    139
   ※課堂練習(xí)   制作商品圖左右滾動(dòng)效果    141
3.8.3　任務(wù)實(shí)施——設(shè)計(jì)制作體育商品交互動(dòng)畫     142
   ※舉一反三   設(shè)計(jì)制作健身商品輪播圖動(dòng)畫    146
3.9　本章小結(jié)    147
3.10　課后習(xí)題    147
3.10.1　選擇題    147
3.10.2　判斷題    148
3.11　創(chuàng)新實(shí)操    149
第4章　視覺營銷之視頻營銷技法——不斷“流動(dòng)”的視覺營銷手法    150
4.1　電商網(wǎng)站中視頻的應(yīng)用    150
4.1.1　商品主圖視頻    150
4.1.2　商品詳情頁視頻    151
4.1.3　店鋪首頁廣告視頻    152
4.2　電子商務(wù)網(wǎng)站中視頻的作用    152
4.3　電子商務(wù)網(wǎng)站中視頻的要求    153
4.3.1　營銷視頻的要求    154
4.3.2　營銷視頻的審核流程    155
4.4　選擇正確的視頻格式    155
4.4.1　視頻格式    156
4.4.2　視頻編碼    157
4.4.3　視頻轉(zhuǎn)換器    157
4.5　視頻營銷的腳本編寫    159
4.5.1　明確定義    160
4.5.2　創(chuàng)建故事板    160
4.6　視頻營銷的意義    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　分析廚具商品營銷的特點(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ì)制作商品分類視頻    175
4.8.1　分析紡織商品營銷的特點(diǎn)    175
4.8.2　會(huì)聲會(huì)影概述    176
   ※課堂練習(xí)   新建會(huì)聲會(huì)影項(xiàng)目文件    177
4.8.3　設(shè)計(jì)制作紡織商品分類視頻    179
   ※舉一反三   設(shè)計(jì)制作床上套件商品營銷視頻    184
4.9　設(shè)計(jì)制作商品說明視頻    185
4.9.1　分析旅游類商品營銷的特點(diǎn)    186
4.9.2　會(huì)聲會(huì)影中豐富的轉(zhuǎn)場(chǎng)效果    187
   ※課堂練習(xí)   制作閃光轉(zhuǎn)場(chǎng)效果    188
4.9.3　設(shè)計(jì)制作旅游商品說明視頻    189
   ※舉一反三   設(shè)計(jì)制作雨傘商品說明視頻    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ù)視覺營銷的發(fā)展——移動(dòng)電子商務(wù)和VR技術(shù)    201
5.1　電子商務(wù)行業(yè)發(fā)展的問題    201
5.1.1　不佳的購物體驗(yàn)    202
5.1.2　商品品質(zhì)參差不齊    202
5.1.3　過時(shí)的爆款銷售模式    203
5.2　電子商務(wù)視覺營銷的發(fā)展趨勢(shì)    204
5.2.1　視覺營銷的興趣引導(dǎo)    204
5.2.2　視覺營銷的品位至上    205
5.2.3　視覺營銷的形象定價(jià)    205
5.2.4　視覺營銷的顏值消費(fèi)    206
5.3　VR技術(shù)在視覺營銷上的應(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)端頁面視覺營銷的原則    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)品展示的過程    215
5.6.2　 CSS樣式表的使用規(guī)范和要求    216
   ※課堂練習(xí)   使用CSS設(shè)置樣式    220
5.6.3　設(shè)計(jì)制作樂器產(chǎn)品交互圖    221
   ※舉一反三   設(shè)計(jì)制作浮動(dòng)廣告位動(dòng)畫    226
5.7　設(shè)計(jì)制作手機(jī)開屏廣告    228
5.7.1　移動(dòng)端開屏廣告營銷的特點(diǎn)    228
5.7.2　移動(dòng)端廣告類型    229
   ※課堂練習(xí)   繪制移動(dòng)端圖標(biāo)    232
5.7.3　設(shè)計(jì)制作移動(dòng)端App開屏廣告    233
   ※舉一反三   設(shè)計(jì)制作App開屏家電廣告圖    237
5.8　設(shè)計(jì)產(chǎn)品VR展示動(dòng)畫    238
5.8.1　營銷文檔的結(jié)構(gòu)和意義    239
5.8.2　電商巨頭們的VR技術(shù)    240
   ※課堂練習(xí)   修改全景圖的比例為2∶1    241
5.8.3　設(shè)計(jì)制作樣板間VR展示動(dòng)畫    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