第1章 視覺設(shè)計(jì)：掌握美工的原則??001
1.1 設(shè)計(jì)元素：網(wǎng)店視覺設(shè)計(jì)的3個關(guān)鍵點(diǎn) 002
1.1.1 點(diǎn)元素的設(shè)計(jì)要點(diǎn) 002
1.1.2 線元素的設(shè)計(jì)要點(diǎn) 002
1.1.3 面元素的設(shè)計(jì)要點(diǎn) 003
1.2 視覺信息：以視覺為溝通和表現(xiàn)的方式 004
1.2.1 視覺時效性：搶占用戶第一印象 004
1.2.2 視覺利益性：鎖定第一利益敏感詞 005
1.2.3 視覺信任感：加入最佳服務(wù)信息 006
1.2.4 視覺認(rèn)同感：利用名人提升好感度 006
1.2.5 視覺價值感：抓住消費(fèi)者取向和喜好 006
1.2.6 視覺細(xì)節(jié)感：重點(diǎn)突出，細(xì)節(jié)到位 007
1.3 視覺出彩：豐富網(wǎng)店頁面的色彩與布局 008
1.3.1 了解色彩常識 008
1.3.2 網(wǎng)店配色方案 011
1.3.3 網(wǎng)店配色技巧 014

第2章 視覺營銷：豐富的表現(xiàn)形式??015
2.1 視覺元素：點(diǎn)亮圖文設(shè)計(jì)思路 016
2.1.1 LOGO的表現(xiàn)元素 016
2.1.2 口號的表現(xiàn)元素 019
2.1.3 活體的表現(xiàn)元素 021
2.1.4 色彩的表現(xiàn)元素 022
2.1.5 字體的表現(xiàn)元素 023
2.2 表現(xiàn)形式：電商視覺營銷策略詳細(xì)講解 024
2.2.1 凸顯：重點(diǎn)信息的視覺位置 024
2.2.2 舒適：陳列信息的視覺布局 025
2.2.3 契合：場景與產(chǎn)品的視覺帶入 026
2.2.4 至簡：迅速獲取信息的視覺效果 027
2.2.5 通感：調(diào)動聯(lián)想的視覺逼真效果 027
2.3 視覺認(rèn)知：小心誤區(qū) 028
2.3.1 圖片內(nèi)容堆積 028
2.3.2 頁面布局失調(diào) 028
2.3.3 視覺效果雜亂 030
2.3.4 圖多而無亮點(diǎn) 031
2.3.5 風(fēng)格定位不明 031

第3章 商品攝影：拍攝精美的素材??033
3.1 布光高手：簡易的布光拍攝效果 034
3.1.1 拍攝吸光體商品 034
3.1.2 拍攝反光體商品 034
3.1.3 拍攝透明體商品 035
3.2 構(gòu)圖運(yùn)用：超實(shí)用的商品構(gòu)圖技巧 036
3.2.1 黃金分割構(gòu)圖法 036
3.2.2 三分構(gòu)圖法 037
3.2.3 均分構(gòu)圖法 038
3.2.4 疏密相間構(gòu)圖法 038
3.2.5 遠(yuǎn)近結(jié)合構(gòu)圖法 039
3.2.6 明暗相間構(gòu)圖法 039
3.3 拍攝技巧：淘寶產(chǎn)品擺放與拍攝技法 040
3.3.1 擺放要合理 040
3.3.2 多拍細(xì)節(jié)圖 042
3.3.3 真實(shí)感要強(qiáng) 043

第4章 調(diào)色精修：讓商品奪人眼球??045
4.1 顏色填充：豐富網(wǎng)店商品圖像 046
4.1.1 填充商品單色背景 046
4.1.2 填充商品混色背景 047
4.1.3 填充商品預(yù)設(shè)顏色 051
4.1.4 快速填充商品顏色 052
4.2 顏色精修：美化網(wǎng)店商品圖像 054
4.2.1 恢復(fù)商品真實(shí)色彩 054
4.2.2 校正商品圖像偏色 055
4.2.3 調(diào)整商品圖像色調(diào) 056
4.2.4 增加商品圖像細(xì)節(jié) 057
4.2.5 豐富商品圖像層次 058
4.2.6 調(diào)整商品圖像的亮度范圍 059
4.2.7 調(diào)整商品整體明暗 061
4.2.8 調(diào)節(jié)商品圖像部分明暗 064
4.2.9 提升商品圖像質(zhì)感 065
4.2.10 打造商品圖像的冷暖調(diào) 066
4.2.11 提升商品圖像視覺沖擊力 068

第5章 摳圖合成：讓美工深入人心??070
5.1 素材處理：簡單摳圖在店鋪裝修中的應(yīng)用 071
5.1.1 摳取特定顏色的商品圖像 071
5.1.2 摳取半透明的商品圖像 072
5.1.3 摳取外形規(guī)則的商品圖像 074
5.1.4 摳取外形不規(guī)則的商品圖像 075
5.2 素材強(qiáng)化：精致圖像點(diǎn)亮店鋪頁面 077
5.2.1 摳取多輪廓的商品圖像 077
5.2.2 摳取圖像局部邊界不清晰的商品圖像 079
5.2.3 摳取圖像與背景相近的商品圖像 082
5.2.4 摳取透明的商品圖像 084
5.3 圖像合成：提高商品點(diǎn)擊率的秘密 086
5.3.1 合成裝飾元素讓畫面更豐富 086
5.3.2 添加半透明水印防止被盜圖 088
5.3.3 制作邊框效果讓版式更分明 089

第6章 圖文編輯：吸引消費(fèi)者??091
6.1 文字應(yīng)用：字體賦予頁面競爭力 092
6.1.1 文字要易于識別 092
6.1.2 文字的層次感要強(qiáng) 093
6.1.3 清晰地表達(dá)文字信息 094
6.1.4 把握好文字的間距 094
6.1.5 適當(dāng)設(shè)置文字的色彩 095
6.2 圖片處理：讓商品更有吸引力 096
6.2.1 視覺設(shè)計(jì)需富有創(chuàng)意 096
6.2.2 色彩設(shè)計(jì)能絢麗奪目 096
6.2.3 視覺靈魂蘊(yùn)含豐富 097
6.2.4 動圖會產(chǎn)生動感效果 098
6.3 5個圖文優(yōu)化創(chuàng)意的方法 098
6.3.1 用一秒法則傳達(dá)信息 098
6.3.2 抓住消費(fèi)者的需求痛點(diǎn) 099
6.3.3 提高點(diǎn)擊的5個關(guān)鍵 100
6.3.4 提煉產(chǎn)品的核心賣點(diǎn) 101
6.3.5 突出產(chǎn)品的使用效果 101

第7章 視頻剪輯：好內(nèi)容引爆銷量??102
7.1 視頻剪輯：手把手教會你做影視后期 103
7.1.1 導(dǎo)入需要的視頻片段 103
7.1.2 剪輯多余的視頻片段 104
7.1.3 對視頻進(jìn)行變速處理 105
7.1.4 添加開場動畫效果 106
7.1.5 添加視頻畫面特效 107
7.1.6 添加轉(zhuǎn)場動畫效果 110
7.1.7 添加視頻濾鏡效果 114
7.1.8 制作視頻背景效果 116
7.2 增加元素：添加文字和背景音樂 118
7.2.1 在視頻中添加文字 118
7.2.2 給視頻添加背景音樂 120
7.2.3 給視頻添加場景音效 121
7.2.4 導(dǎo)出成品視頻畫面 123

第8章 淘寶設(shè)計(jì)：網(wǎng)店首頁元素制作??126
8.1 店鋪視覺：獲得消費(fèi)者的認(rèn)可和贊同 127
8.1.1 做好店鋪的視覺定位是第一步 127
8.1.2 優(yōu)化店鋪結(jié)構(gòu)進(jìn)行合理布局 129
8.1.3 店鋪首頁布局打造更強(qiáng)信任感 130
8.2 裝修設(shè)計(jì)：制作高轉(zhuǎn)化率店鋪頁面 131
8.2.1 設(shè)計(jì)店鋪導(dǎo)航條 132
8.2.2 設(shè)計(jì)網(wǎng)店的店招 135
8.2.3 設(shè)計(jì)店鋪的首頁 138
8.3 美妝網(wǎng)店：店鋪裝修實(shí)戰(zhàn)步驟詳解 143
8.3.1 設(shè)計(jì)美妝店鋪店招和導(dǎo)航條 144
8.3.2 設(shè)計(jì)美妝店鋪首頁歡迎模塊 147
8.3.3 設(shè)計(jì)美妝店鋪促銷方案 148
8.3.4 設(shè)計(jì)美妝店鋪商品展示區(qū) 151
8.3.5 設(shè)計(jì)美妝店鋪商品熱銷區(qū) 156

第9章 京東設(shè)計(jì)：網(wǎng)店海報(bào)廣告制作??160
9.1 廣告設(shè)計(jì)：增加網(wǎng)店廣告的點(diǎn)擊率 161
9.1.1 搭配顏色調(diào)和字體 161
9.1.2 用創(chuàng)意素材抓突破點(diǎn) 162
9.1.3 內(nèi)容全面重點(diǎn)突出 162
9.1.4 結(jié)構(gòu)清晰主次分明 162
9.1.5 視覺化設(shè)計(jì)加產(chǎn)品介紹 163
9.2 廣告視覺：通過視覺設(shè)計(jì)提升轉(zhuǎn)化率 164
9.2.1 用京選展位提升商品點(diǎn)擊率 164
9.2.2 在產(chǎn)品內(nèi)頁中融入視覺賣點(diǎn) 165
9.2.3 重視連續(xù)賣點(diǎn)的組合設(shè)計(jì) 167
9.2.4 注重主題視覺　提升商品轉(zhuǎn)化率 168
9.2.5 實(shí)現(xiàn)技術(shù)設(shè)計(jì)　闡述產(chǎn)品賣點(diǎn) 169
9.3 廣告實(shí)戰(zhàn)：女鞋廣告設(shè)計(jì)步驟詳解 169
9.3.1 制作女鞋廣告的背景效果 170
9.3.2 制作女鞋廣告的文字說明 171

第10章 拼多多設(shè)計(jì)：商品詳情頁制作??175
10.1　詳情頁元素：決定商品成交的關(guān)鍵 176
10.1.1 商品主圖的視覺設(shè)計(jì) 176
10.1.2 商品搭配專區(qū)的視覺設(shè)計(jì) 176
10.1.3 商品細(xì)節(jié)展示區(qū)的視覺設(shè)計(jì) 178
10.2　詳情頁設(shè)計(jì)：決定商品成交的關(guān)鍵 178
10.2.1 理清視覺設(shè)計(jì)的邏輯關(guān)系 178
10.2.2 提煉絕佳的視覺創(chuàng)意 180
10.2.3 運(yùn)用色彩傳遞視覺信息 181
10.2.4 視覺構(gòu)圖必須協(xié)調(diào)完整 183
10.2.5 視覺設(shè)計(jì)風(fēng)格統(tǒng)一 183
10.2.6 設(shè)計(jì)完美視覺化文案 184
10.3　詳情頁實(shí)戰(zhàn)：抱枕網(wǎng)店詳情頁設(shè)計(jì) 185
10.3.1 制作背景直線裝飾效果 185
10.3.2 制作抱枕細(xì)節(jié)展示效果 186
10.3.3 制作抱枕細(xì)節(jié)文字說明 187

第11章 抖音設(shè)計(jì)：帶貨短視頻制作??189
11.1　帶貨技巧：打造高轉(zhuǎn)化的爆款視頻 190
11.1.1 尋找賣點(diǎn)：用視頻展現(xiàn)精華內(nèi)容 190
11.1.2 設(shè)計(jì)腳本：根據(jù)賣點(diǎn)拍攝短視頻 192
11.1.3 后期剪輯：提高播放量的小技巧 193
11.2　圖書秒殺：抖音帶貨短視頻制作步驟詳解 194
11.2.1 對素材進(jìn)行剪輯和變速處理 195
11.2.2 添加轉(zhuǎn)場讓素材自然銜接 197
11.2.3 應(yīng)用蒙版制作片尾效果 199
11.2.4 添加字幕和背景音樂 201

第12章 快手設(shè)計(jì)：高點(diǎn)擊主圖制作??207
12.1　主圖設(shè)計(jì)：商品主圖的基本要求 208
12.1.1 緊抓消費(fèi)者的需求 208
12.1.2 精練表達(dá)商品優(yōu)勢 208
12.2　設(shè)計(jì)技巧：9類熱門主圖的創(chuàng)作技巧 209
12.2.1 利益吸引 209
12.2.2 數(shù)字展示 209
12.2.3 感情渲染 210
12.2.4 理想描述 210
12.2.5 對比策略 211
12.2.6 主動提問 211
12.2.7 震驚表達(dá) 213
12.2.8 事件借力 213
12.2.9 氣氛渲染 214
12.3　主圖實(shí)戰(zhàn)：快手產(chǎn)品主圖設(shè)計(jì)實(shí)戰(zhàn)詳解 215
12.3.1 制作電腦主圖的背景效果 215
12.3.2 制作電腦主圖的文字效果 217