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

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