目 錄
第 1章 網(wǎng)店美工基礎(chǔ)知識(shí) 1
1.1 網(wǎng)店美工概述 2
1.1.1 網(wǎng)店美工的工作范疇 2
1.1.2 網(wǎng)店美工視覺設(shè)計(jì)注意問題 4
1.1.3 網(wǎng)店美工的技能要求 4
1.2 網(wǎng)店美工必須掌握的設(shè)計(jì)要點(diǎn) 5
1.2.1 認(rèn)識(shí)點(diǎn)、線、面三大設(shè)計(jì)元素 5
1.2.2 色彩的搭配 6
1.2.3 文字的字體與布局 7
1.2.4 構(gòu)圖與布局 10
1.3 熟悉Photoshop圖像處理軟件 12
1.3.1 認(rèn)識(shí)Photoshop工作界面 12
1.3.2 設(shè)置和填充圖像顏色 13
1.3.3 圖層的基本操作 14
1.3.4 批處理商品圖片 15
1.4 實(shí)戰(zhàn)演練制作促銷標(biāo)簽 17
課后練習(xí) 20
第 2章 商品圖片基本處理 21
2.1 修改與校正商品圖片 22
2.1.1 修改商品圖片尺寸 22
2.1.2 校正變形的商品圖片 23
2.2 調(diào)整商品圖片色調(diào) 24
2.2.1 了解圖片調(diào)色 24
2.2.2 調(diào)整曝光不足的商品圖片 25
2.2.3 調(diào)整曝光過度的商品圖片 27
2.2.4 調(diào)整有色差的商品圖片 28
2.3 商品圖片特殊效果處理 30
2.3.1 調(diào)整模糊的商品圖片 30
2.3.2 虛化商品圖片背景 32
2.4 實(shí)戰(zhàn)演練 33
2.4.1 修飾女包商品圖片 33
2.4.2 調(diào)整休閑鞋商品圖片色調(diào) 36
課后練習(xí) 38
第3章 商品圖片后期處理 39
3.1 摳取商品圖片 40
3.1.1 規(guī)則商品圖片摳圖 40
3.1.2 單色背景摳圖 41
3.1.3 復(fù)雜商品圖片摳圖 43
3.1.4 毛發(fā)摳圖 45
3.1.5 半透明物體摳圖 46
3.2 修飾商品圖片 49
3.2.1 清除圖片上的污跡 49
3.2.2 去除背景中多余的物品 50
3.2.3 調(diào)整模特 52
3.3 豐富圖片內(nèi)容 53
3.3.1 添加與美化文本 53
3.3.2 為商品圖片添加形狀 55
3.3.3 合成圖像 58
3.4 實(shí)戰(zhàn)演練 59
3.4.1 為沙發(fā)更換背景 59
3.4.2 處理女包商品圖片 61
課后練習(xí) 63
第4章 網(wǎng)店首頁(yè)視覺
設(shè)計(jì) 65
4.1 店招與導(dǎo)航條設(shè)計(jì) 66
4.1.1 店招與導(dǎo)航條設(shè)計(jì)要點(diǎn) 66
4.1.2 制作寵物用品店店招與導(dǎo)航條 67
4.2 輪播海報(bào)設(shè)計(jì) 70
4.2.1 不同輪播海報(bào)的尺寸要求 71
4.2.2 輪播海報(bào)設(shè)計(jì)要點(diǎn) 72
4.2.3 制作寵物用品店輪播海報(bào) 73
4.3 優(yōu)惠券設(shè)計(jì) 75
4.3.1 優(yōu)惠券的設(shè)計(jì)原則 75
4.3.2 制作寵物用品店優(yōu)惠券 76
4.4 商品陳列區(qū)設(shè)計(jì) 77
4.4.1 商品陳列區(qū)的設(shè)計(jì)要點(diǎn) 77
4.4.2 制作寵物用品店商品陳列區(qū) 78
4.5 實(shí)戰(zhàn)演練 82
4.5.1 制作女裝店鋪店招與導(dǎo)航條 82
4.5.2 制作女裝店鋪海報(bào) 84
課后練習(xí) 86
第5章 商品詳情頁(yè)
視覺設(shè)計(jì) 88
5.1 商品詳情頁(yè)設(shè)計(jì)要點(diǎn) 89
5.1.1 商品詳情頁(yè)制作規(guī)范 89
5.1.2 商品詳情頁(yè)的內(nèi)容分析與策劃 89
5.2 商品詳情頁(yè)設(shè)計(jì) 90
5.2.1 焦點(diǎn)圖設(shè)計(jì) 90
5.2.2 賣點(diǎn)說明圖設(shè)計(jì) 93
5.2.3 信息展示圖設(shè)計(jì) 97
5.2.4 快遞與售后圖設(shè)計(jì) 100
5.3 實(shí)戰(zhàn)演練制作四件套詳情頁(yè) 101
課后練習(xí) 107
第6章 網(wǎng)店裝修 108
6.1 素材中心 109
6.1.1 切片并上傳圖片 109
6.1.2 管理素材中心的商品圖片 111
6.2 裝修網(wǎng)店首頁(yè) 113
6.2.1 認(rèn)識(shí)裝修模塊 113
6.2.2 裝修店鋪首頁(yè) 114
6.3 發(fā)布商品詳情頁(yè) 120
6.4 實(shí)戰(zhàn)演練裝修洗衣機(jī)
店鋪首頁(yè) 123
課后練習(xí) 126
第7章 推廣圖的設(shè)計(jì)與
制作 128
7.1 主圖的設(shè)計(jì)與制作 129
7.1.1 寶貝主圖規(guī)范 129
7.1.2 制作優(yōu)質(zhì)商品主圖的技巧 129
7.1.3 數(shù)據(jù)線主圖的設(shè)計(jì) 130
7.2 引力魔方推廣圖的設(shè)計(jì)與制作 132
7.2.1 引力魔方推廣圖的位置和
相關(guān)規(guī)范 133
7.2.2 引力魔方推廣圖的設(shè)計(jì)要點(diǎn) 134
7.2.3 煲仔飯引力魔方推廣圖設(shè)計(jì) 134
7.3 直通車推廣圖的設(shè)計(jì)與制作 137
7.3.1 直通車的展現(xiàn)方式 137
7.3.2 直通車推廣圖的設(shè)計(jì)要點(diǎn) 138
7.3.3 直通車推廣圖引流的關(guān)鍵 139
7.3.4 開心果直通車推廣圖的設(shè)計(jì) 140
7.4 實(shí)戰(zhàn)演練 143
7.4.1 制作剃須刀直通車推廣圖 143
7.4.2 設(shè)計(jì)護(hù)膚品引力魔方推廣圖 146
課后練習(xí) 148
第8章 視頻的設(shè)計(jì)與
制作 149
8.1 視頻制作基礎(chǔ) 150
8.1.1 視頻的基本術(shù)語(yǔ) 150
8.1.2 視頻制作要求 150
8.1.3 認(rèn)識(shí)剪映視頻剪輯軟件 152
8.1.4 視頻制作流程 152
8.2 主圖和詳情頁(yè)視頻的設(shè)計(jì)與制作 153
8.2.1 設(shè)計(jì)與制作主圖視頻 153
8.2.2 設(shè)計(jì)與制作詳情頁(yè)視頻 157
8.3 視頻上傳 161
8.3.1 支持視頻功能的商品類目 161
8.3.2 上傳與發(fā)布視頻 161
8.4 實(shí)戰(zhàn)演練制作并上傳主圖
視頻 163
課后練習(xí) 167
第9章 移動(dòng)端網(wǎng)店視覺設(shè)計(jì)
與裝修 169
9.1 移動(dòng)端網(wǎng)店首頁(yè)設(shè)計(jì)基礎(chǔ) 170
9.1.1 了解移動(dòng)端網(wǎng)店首頁(yè) 170
9.1.2 移動(dòng)端網(wǎng)店首頁(yè)模塊的組成 170
9.1.3 移動(dòng)端網(wǎng)店首頁(yè)設(shè)計(jì)的
注意事項(xiàng) 171
9.2 移動(dòng)端網(wǎng)店首頁(yè)設(shè)計(jì) 172
9.2.1 海報(bào)設(shè)計(jì) 172
9.2.2 優(yōu)惠券設(shè)計(jì) 174
9.2.3 商品分類設(shè)計(jì) 175
9.2.4 寶貝展示設(shè)計(jì) 177
9.3 移動(dòng)端網(wǎng)店首頁(yè)裝修 180
9.3.1 模塊裝修 180
9.3.2 一鍵智能裝修 182
9.4 移動(dòng)端詳情頁(yè)的設(shè)計(jì) 182
9.4.1 移動(dòng)端詳情頁(yè)的特征 182
9.4.2 移動(dòng)端詳情頁(yè)的設(shè)計(jì)要點(diǎn) 183
9.4.3 移動(dòng)端詳情頁(yè)設(shè)計(jì) 183
9.5 實(shí)戰(zhàn)演練制作家具網(wǎng)店
移動(dòng)端首頁(yè) 185
課后練習(xí) 188
第 10章 綜合案例廚房用
具網(wǎng)店視覺設(shè)計(jì) 189
10.1 處理廚房用具商品圖片 190
10.1.1 案例分析 190
10.1.2 設(shè)計(jì)實(shí)施 190
10.2 設(shè)計(jì)廚房用具網(wǎng)店首頁(yè) 192
10.2.1 案例分析 192
10.2.2 設(shè)計(jì)實(shí)施 193
10.3 設(shè)計(jì)廚房用具商品詳情頁(yè) 199
10.3.1 案例分析 199
10.3.2 設(shè)計(jì)實(shí)施 200
10.4 制作廚房用具詳情頁(yè)視頻 204
10.4.1 案例分析 204
10.4.2 設(shè)計(jì)實(shí)施 204
10.5 設(shè)計(jì)廚房用具網(wǎng)店推廣圖 208
10.5.1 案例分析 208
10.5.2 設(shè)計(jì)實(shí)施 208
課后練習(xí) 211