電子商務視覺營銷

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