電商多平臺(tái)美工實(shí)戰(zhàn)：淘寶、京東、拼多多（全彩）

目錄
第1 章 網(wǎng)店設(shè)計(jì)裝修入門基礎(chǔ) . 1
1.1 初步了解網(wǎng)店美工 . 2
1.1.1 什么是網(wǎng)店美工 . 2
1.1.2 怎樣確定網(wǎng)店的風(fēng)格 . 2
1.2 網(wǎng)店美工必須注意的問題 . 4
1.3 網(wǎng)店美工工作準(zhǔn)備 . 6
1.3.1 網(wǎng)店美工需要掌握的軟件 . 6
1.3.2 網(wǎng)店美工主要工作內(nèi)容 . 8
1.3.3 搜集常用素材 . 10
1.4 不同電商平臺(tái)的裝修規(guī)范 . 11
1.5 網(wǎng)店美工設(shè)計(jì)工作流程 . 16
1.6 練習(xí)題 . 17
第2 章 商品照片拍攝基本方法 . 18
2.1 使用數(shù)碼照相機(jī)拍攝商品 . 19
2.1.1 室內(nèi)拍攝場(chǎng)景的布置 . 19
2.1.2 不同角度的光線效果 . 21
2.1.3 自動(dòng)對(duì)焦 . 22
2.1.4 微距功能與細(xì)節(jié)展示 . 23
2.1.5 曝光補(bǔ)償 . 23
2.1.6 白平衡 . 24
2.2 在戶外拍攝商品 . 25
2.3 表面材質(zhì)不同的商品的拍攝 . 28
2.3.1 吸光類商品的拍攝 . 28
2.3.2 反光類商品的拍攝 . 29
2.3.3 透明類商品的拍攝 . 30
2.4 商品拍攝的基本構(gòu)圖技巧 . 31
2.4.1 橫式構(gòu)圖 . 31
2.4.2 豎式構(gòu)圖 . 31
2.4.3 對(duì)角線構(gòu)圖 . 32
2.4.4 黃金分割法構(gòu)圖 . 32
2.4.5 對(duì)稱式構(gòu)圖 . 33
2.4.6 曲線構(gòu)圖 . 34
2.4.7 其他藝術(shù)形式構(gòu)圖 . 34
2.5 練習(xí)題 . 39
第3 章 讓客戶心動(dòng)的視覺優(yōu)化 . 40
3.1 店鋪視覺設(shè)計(jì) . 41
3.1.1 優(yōu)化店鋪結(jié)構(gòu) . 41
3.1.2 店鋪首頁布局 . 41
3.1.3 商品列表頁 . 42
3.1.4 首頁促銷廣告 . 44
3.2 店鋪視覺導(dǎo)航設(shè)計(jì) . 45
3.2.1 導(dǎo)航欄目設(shè)計(jì) . 45
3.2.2 注意要點(diǎn) . 46
3.3 首頁布局優(yōu)化 . 47
3.3.1 海報(bào)優(yōu)化 . 47
3.3.2 主推（熱銷）單品優(yōu)化 . 48
3.3.3 商品陳列優(yōu)化 . 49
3.4 提升圖片點(diǎn)擊率的技巧 . 49
3.4.1 場(chǎng)景營造 . 50
3.4.2 創(chuàng)意技巧 . 51
3.4.3 促銷主題 . 51
3.4.4 細(xì)節(jié)放大 . 51
3.4.5 環(huán)境差異化 . 52
3.4.6 點(diǎn)睛文案 . 53
3.5 熱銷爆款商品頁面特點(diǎn) . 53
3.5.1 頁面生動(dòng)、有趣 . 53
3.5.2 引導(dǎo)客戶購買搭配商品 . 54
3.5.3 通過商品圖片了解商品的尺寸 . 55
3.5.4 商品描述信息準(zhǔn)確、詳細(xì) . 56
3.5.5 分享購買者的評(píng)價(jià) . 58
3.5.6 展示相關(guān)證書和證明材料 . 58
3.5.7 文字清晰易讀 . 59
3.6 人氣商品頁面分析 . 60
3.6.1 營造良好的氛圍 . 60
3.6.2 從客戶的視角設(shè)計(jì) . 60
3.7 產(chǎn)品視覺設(shè)計(jì) . 61
3.7.1 關(guān)聯(lián)銷售創(chuàng)造更多商機(jī) . 61
3.7.2 提煉出絕佳的視覺創(chuàng)意 . 62
3.7.3 店鋪視覺設(shè)計(jì)風(fēng)格統(tǒng)一 . 63
3.8 練習(xí)題 . 64
第4 章 網(wǎng)店頁面配色技巧 . 65
4.1 色彩的原理 . 66
4.2 色彩搭配技巧 . 67
4.3 紅色系的配色 . 69
4.3.1 紅色系適合的配色方案 . 70
4.3.2 適用紅色系的網(wǎng)店 . 70
4.4 橙色系的配色 . 71
4.4.1 橙色系適合的配色方案 . 72
4.4.2 適用橙色系的網(wǎng)店 . 72
4.5 黃色系的配色 . 73
4.5.1 黃色系適合的配色方案 . 73
4.5.2 適用黃色系的網(wǎng)店 . 74
4.6 紫色系的配色 . 75
4.6.1 紫色系適合的配色方案 . 75
4.6.2 適用紫色系的網(wǎng)店 . 76
4.7 綠色系的配色 . 77
4.7.1 綠色系適合的配色方案 . 77
4.7.2 適用綠色系的網(wǎng)店 . 78
4.8 藍(lán)色系的配色 . 79
4.8.1 藍(lán)色系適合的配色方案 . 79
4.8.2 適用藍(lán)色系的網(wǎng)店 . 80
4.9 無彩色的配色 . 81
4.9.1 白色系的網(wǎng)店 . 81
4.9.2 灰色系的網(wǎng)店 . 82
4.9.3 黑色系的網(wǎng)店 . 83
4.10 練習(xí)題 . 83
第5 章 商品圖片的處理 . 85
5.1 商品主圖的尺寸規(guī)范 . 86
5.2 圖片修復(fù)技巧 . 88
5.2.1 去除圖片水印 . 88
5.2.2 調(diào)整曝光過度的圖片 . 89
5.2.3 虛化商品輪廓 . 90
5.3 摳圖技巧 . 91
5.3.1 摳取圖片 . 92
5.3.2 合成圖片 . 93
5.4 調(diào)整圖片顏色 . 94
5.4.1 適當(dāng)?shù)牧炼?. 94
5.4.2 正確的色彩 . 97
5.5 邊框、水印、批處理 . 99
5.5.1 添加水印 . 99
5.5.2 添加邊框 . 100
5.5.3 批處理 . 102
5.6 切割與優(yōu)化圖片 . 105
5.7 練習(xí)題 . 107
第6 章 特效文字制作和常用圖片及促銷廣告設(shè)計(jì) . 108
6.1 網(wǎng)店特效文字制作 . 109
6.1.1 促銷立體字 . 109
6.1.2 材質(zhì)文字 . 111
6.1.3 特效爆炸字 . 113
6.2 網(wǎng)店常用圖片設(shè)計(jì) . 118
6.2.1 主圖設(shè)計(jì) . 118
6.2.2 直通車圖設(shè)計(jì) . 120
6.2.3 活動(dòng)圖片設(shè)計(jì) . 125
6.3 促銷廣告設(shè)計(jì) . 129
6.3.1 促銷廣告制作 . 130
6.3.2 突出活動(dòng)主題 . 131
6.3.3 保證廣告形式美觀 . 132
6.3.4 排版構(gòu)圖技巧 . 134
6.4 練習(xí)題 . 135
第7 章 設(shè)計(jì)精美的店標(biāo)和首頁 . 136
7.1 設(shè)計(jì)店標(biāo) . 137
7.2 設(shè)計(jì)首頁 . 141
7.2.1 首頁的作用 . 141
7.2.2 首頁的框架 . 144
7.2.3 首頁的設(shè)計(jì)思路 . 146
7.2.4 首頁的設(shè)計(jì)實(shí)戰(zhàn) . 149
7.2.5 首頁的商品陳列 . 155
7.3 練習(xí)題 . 158
第8 章 淘寶店鋪裝修實(shí)戰(zhàn) . 159
8.1 手機(jī)淘寶店鋪裝修特點(diǎn) . 160
8.2 通用裝修設(shè)置 . 161
8.2.1 基礎(chǔ)設(shè)置 . 161
8.2.2 店鋪印象 . 164
8.2.3 店鋪搜索設(shè)置 . 166
8.3 手機(jī)淘寶首頁布局模塊管理 . 168
8.3.1 首頁裝修入口 . 168
8.3.2 添加店鋪熱搜 . 170
8.3.3 添加店鋪優(yōu)惠券 . 172
8.3.4 添加上新公告 . 174
8.3.5 鹿班智能貨架添加商品 . 177
8.3.6 鹿班一鍵全店智能裝修 . 180
8.4 練習(xí)題 . 185
第9 章 拼多多店鋪裝修實(shí)戰(zhàn) . 186
9.1 拼多多店鋪首頁布局的特點(diǎn) . 187
9.2 裝修頁面 . 190
9.2.1 裝修頁面簡介 . 190
9.2.2 圖片組件 . 192
9.2.3 商品組件 . 197
9.2.4 營銷組件 . 203
9.3 模板市場(chǎng)助力裝修 . 204
9.3.1 模板市場(chǎng)入口 . 204
9.3.2 編輯修改模板 . 208
9.4 練習(xí)題 . 210
第10 章 京東店鋪裝修實(shí)戰(zhàn) . 211
10.1 京東店鋪首頁布局的特點(diǎn) . 212
10.2 京東智鋪裝修系統(tǒng) . 215
10.2.1 功能介紹 . 215
10.2.2 店鋪裝修 . 216
10.2.3 素材中心 . 219
10.2.4 運(yùn)營中心 . 221
10.3 設(shè)置裝修模塊 . 223
10.3.1 設(shè)置“智能商品”模塊 . 223
10.3.2 設(shè)置“視頻推薦”模塊 . 224
10.3.3 設(shè)置“智能海報(bào)”模塊 . 225
10.3.4 設(shè)置“智能選品”模塊 . 226
10.4 京東裝吧裝修詳情頁 . 227
10.4.1 使用京東詳情頁模板 . 227
10.4.2 元件容器操作 . 230
10.4.3 添加溫馨公告 . 231
10.5 練習(xí)題 . 231