Photoshop CC網(wǎng)店美工視覺設(shè)計實(shí)戰(zhàn)

目 錄
第 1章 網(wǎng)店美工基礎(chǔ)知識 1
1.1 網(wǎng)店美工概述 2
1.1.1 網(wǎng)店美工的工作范疇 2
1.1.2 網(wǎng)店美工視覺設(shè)計注意問題 4
1.1.3 網(wǎng)店美工的技能要求 4
1.2 網(wǎng)店美工必須掌握的設(shè)計要點(diǎn) 5
1.2.1 認(rèn)識點(diǎn)、線、面三大設(shè)計元素 5
1.2.2 色彩的搭配 6
1.2.3 文字的字體與布局 7
1.2.4 構(gòu)圖與布局 10
1.3 熟悉Photoshop圖像處理軟件 12
1.3.1 認(rèn)識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)店首頁視覺
設(shè)計 65
4.1 店招與導(dǎo)航條設(shè)計 66
4.1.1 店招與導(dǎo)航條設(shè)計要點(diǎn) 66
4.1.2 制作寵物用品店店招與導(dǎo)航條 67
4.2 輪播海報設(shè)計 70
4.2.1 不同輪播海報的尺寸要求 71
4.2.2 輪播海報設(shè)計要點(diǎn) 72
4.2.3 制作寵物用品店輪播海報 73
4.3 優(yōu)惠券設(shè)計 75
4.3.1 優(yōu)惠券的設(shè)計原則 75
4.3.2 制作寵物用品店優(yōu)惠券 76
4.4 商品陳列區(qū)設(shè)計 77
4.4.1 商品陳列區(qū)的設(shè)計要點(diǎn) 77
4.4.2 制作寵物用品店商品陳列區(qū) 78
4.5 實(shí)戰(zhàn)演練 82
4.5.1 制作女裝店鋪店招與導(dǎo)航條 82
4.5.2 制作女裝店鋪海報 84
課后練習(xí) 86
第5章 商品詳情頁
視覺設(shè)計 88
5.1 商品詳情頁設(shè)計要點(diǎn) 89
5.1.1 商品詳情頁制作規(guī)范 89
5.1.2 商品詳情頁的內(nèi)容分析與策劃 89
5.2 商品詳情頁設(shè)計 90
5.2.1 焦點(diǎn)圖設(shè)計 90
5.2.2 賣點(diǎn)說明圖設(shè)計 93
5.2.3 信息展示圖設(shè)計 97
5.2.4 快遞與售后圖設(shè)計 100
5.3 實(shí)戰(zhàn)演練——制作四件套詳情頁 101
課后練習(xí) 107
第6章 網(wǎng)店裝修 108
6.1 素材中心 109
6.1.1 切片并上傳圖片 109
6.1.2 管理素材中心的商品圖片 111
6.2 裝修網(wǎng)店首頁 113
6.2.1 認(rèn)識裝修模塊 113
6.2.2 裝修店鋪首頁 114
6.3 發(fā)布商品詳情頁 120
6.4 實(shí)戰(zhàn)演練——裝修洗衣機(jī)
店鋪首頁 123
課后練習(xí) 126
第7章 推廣圖的設(shè)計與
制作 128
7.1 主圖的設(shè)計與制作 129
7.1.1 寶貝主圖規(guī)范 129
7.1.2 制作優(yōu)質(zhì)商品主圖的技巧 129
7.1.3 數(shù)據(jù)線主圖的設(shè)計 130
7.2 引力魔方推廣圖的設(shè)計與制作 132
7.2.1 引力魔方推廣圖的位置和
相關(guān)規(guī)范 133
7.2.2 引力魔方推廣圖的設(shè)計要點(diǎn) 134
7.2.3 煲仔飯引力魔方推廣圖設(shè)計 134
7.3 直通車推廣圖的設(shè)計與制作 137
7.3.1 直通車的展現(xiàn)方式 137
7.3.2 直通車推廣圖的設(shè)計要點(diǎn) 138
7.3.3 直通車推廣圖引流的關(guān)鍵 139
7.3.4 開心果直通車推廣圖的設(shè)計 140
7.4 實(shí)戰(zhàn)演練 143
7.4.1 制作剃須刀直通車推廣圖 143
7.4.2 設(shè)計護(hù)膚品引力魔方推廣圖 146
課后練習(xí) 148
第8章 視頻的設(shè)計與
制作 149
8.1 視頻制作基礎(chǔ) 150
8.1.1 視頻的基本術(shù)語 150
8.1.2 視頻制作要求 150
8.1.3 認(rèn)識剪映視頻剪輯軟件 152
8.1.4 視頻制作流程 152
8.2 主圖和詳情頁視頻的設(shè)計與制作 153
8.2.1 設(shè)計與制作主圖視頻 153
8.2.2 設(shè)計與制作詳情頁視頻 157
8.3 視頻上傳 161
8.3.1 支持視頻功能的商品類目 161
8.3.2 上傳與發(fā)布視頻 161
8.4 實(shí)戰(zhàn)演練—制作并上傳主圖
視頻 163
課后練習(xí) 167
第9章 移動端網(wǎng)店視覺設(shè)計
與裝修 169
9.1 移動端網(wǎng)店首頁設(shè)計基礎(chǔ) 170
9.1.1 了解移動端網(wǎng)店首頁 170
9.1.2 移動端網(wǎng)店首頁模塊的組成 170
9.1.3 移動端網(wǎng)店首頁設(shè)計的
注意事項(xiàng) 171
9.2 移動端網(wǎng)店首頁設(shè)計 172
9.2.1 海報設(shè)計 172
9.2.2 優(yōu)惠券設(shè)計 174
9.2.3 商品分類設(shè)計 175
9.2.4 寶貝展示設(shè)計 177
9.3 移動端網(wǎng)店首頁裝修 180
9.3.1 模塊裝修 180
9.3.2 一鍵智能裝修 182
9.4 移動端詳情頁的設(shè)計 182
9.4.1 移動端詳情頁的特征 182
9.4.2 移動端詳情頁的設(shè)計要點(diǎn) 183
9.4.3 移動端詳情頁設(shè)計 183
9.5 實(shí)戰(zhàn)演練—制作家具網(wǎng)店
移動端首頁 185
課后練習(xí) 188
第 10章 綜合案例—廚房用
具網(wǎng)店視覺設(shè)計 189
10.1 處理廚房用具商品圖片 190
10.1.1 案例分析 190
10.1.2 設(shè)計實(shí)施 190
10.2 設(shè)計廚房用具網(wǎng)店首頁 192
10.2.1 案例分析 192
10.2.2 設(shè)計實(shí)施 193
10.3 設(shè)計廚房用具商品詳情頁 199
10.3.1 案例分析 199
10.3.2 設(shè)計實(shí)施 200
10.4 制作廚房用具詳情頁視頻 204
10.4.1 案例分析 204
10.4.2 設(shè)計實(shí)施 204
10.5 設(shè)計廚房用具網(wǎng)店推廣圖 208
10.5.1 案例分析 208
10.5.2 設(shè)計實(shí)施 208
課后練習(xí) 211