第 1 章 初識網(wǎng)店美工與網(wǎng)店裝修
1.1 網(wǎng)店美工概述……………………… 2
1.1.1 網(wǎng)店美工的基本概念… ……… 2
1.1.2 網(wǎng)店美工的工作內(nèi)容… ……… 2
1.1.3 網(wǎng)店美工的基本技能… ……… 3
1.2 網(wǎng)店裝修的風(fēng)格定位……………… 3
1.3 網(wǎng)店的頁面構(gòu)成…………………… 4
1.4 網(wǎng)店裝修的設(shè)計要點(diǎn)……………… 7
1.4.1 基礎(chǔ)元素… …………………… 7
1.4.2 顏色搭配… …………………… 8
1.4.3 文字設(shè)計… …………………… 9
1.4.4 版式構(gòu)圖… ………………… 10
1.5 網(wǎng)店裝修的常用軟件…………… 11
1.6 網(wǎng)店裝修的基本流程…………… 12
第 2 章 商品圖片的美化處理
2.1 裁剪……………………………… 14
2.1.1 裁剪的處理基礎(chǔ)… ………… 14
2.1.2 課堂案例裁剪校正傾斜的商品… ……………………… 14
2.1.3 課堂案例裁剪校正變形的商品… ……………………… 15
2.2 摳圖……………………………… 16
2.2.1 摳圖的處理基礎(chǔ)… ………… 16
2.2.2 課堂案例使用多邊形套索工具摳圖… ………………… 16
2.2.3 課堂案例使用魔棒工具摳圖… ……………………… 17
2.2.4 課堂案例使用鋼筆工具摳圖… ……………………… 18
2.3 調(diào)色……………………………… 19
2.3.1 調(diào)色的處理基礎(chǔ)… ………… 19
2.3.2 課堂案例調(diào)整偏色圖片… ……………………… 20
2.3.3 課堂案例讓圖片更出色… ……………………… 20
2.3.4 課堂案例讓圖片更清晰… ……………………… 21
2.4 修圖……………………………… 22
2.4.1 修圖的處理基礎(chǔ)… ………… 22
2.4.2 課堂案例修復(fù)圖像瑕疵… ……………………… 22
2.4.3 課堂案例復(fù)制取樣圖像… ……………………… 23
2.5 課堂練習(xí)調(diào)整曝光不足的商品圖片………………………… 24
2.6 課后習(xí)題增加商品圖片的色彩鮮艷度……………………… 24
第3 章 網(wǎng)店?duì)I銷推廣圖設(shè)計
3.1 主圖設(shè)計………………………… 26
3.1.1 主圖的基本概念… ………… 26
3.1.2 主圖的設(shè)計要點(diǎn)… ………… 27
3.1.3 課堂案例電風(fēng)扇主圖設(shè)計… ……………………… 29
3.2 直通車圖設(shè)計…………………… 34
3.2.1 直通車圖的基本概念……… 35
3.2.2 直通車圖的設(shè)計要點(diǎn)………… 35
3.2.3 課堂案例鈣片直通車圖設(shè)計… ……………………… 37
3.3 鉆展圖設(shè)計……………………… 44
3.3.1 鉆展圖的基本概念… ……… 44
3.3.2 鉆展圖的設(shè)計要點(diǎn)… ……… 45
3.3.3 課堂案例生鮮食品鉆展圖設(shè)計… ……………………… 47
3.4 課堂練習(xí)母嬰產(chǎn)品直通車圖設(shè)計……………………………… 51
3.5 課后習(xí)題服裝鉆展圖設(shè)計…… 52
第4 章 店鋪海報設(shè)計
4.1 海報的基本概念………………… 54
4.2 海報的設(shè)計要點(diǎn)………………… 54
4.2.1 海報的設(shè)計尺寸… ………… 54
4.2.2 海報的版式構(gòu)圖… ………… 55
4.2.3 海報的設(shè)計形式… ………… 55
4.3 課堂案例護(hù)膚產(chǎn)品海報設(shè)計……………………………… 56
4.4 課堂練習(xí)空調(diào)海報設(shè)計…… 62
4.5 課后習(xí)題果汁飲品海報設(shè)計……………………………… 62
第5 章 PC 端店鋪首頁設(shè)計
5.1 首頁的基本概念………………… 64
5.2 首頁的設(shè)計模塊………………… 64
5.2.1 店招和導(dǎo)航… ……………… 65
5.2.2 輪播海報… ………………… 66
5.2.3 優(yōu)惠券… …………………… 67
5.2.4 分類模塊… ………………… 67
5.2.5 商品展示… ………………… 69
5.2.6 底部信息… ………………… 71
5.3 課堂案例家具產(chǎn)品首頁設(shè)計……………………………… 72
5.4 課堂練習(xí)春夏女裝首頁設(shè)計……………………………… 85
5.5 課后習(xí)題數(shù)碼產(chǎn)品首頁設(shè)計……………………………… 86
第6 章 PC 端店鋪詳情頁設(shè)計
6.1 詳情頁的基本概念……………… 88
6.2 詳情頁的設(shè)計模塊……………… 89
6.2.1 商品焦點(diǎn)圖… ……………… 90
6.2.2 賣點(diǎn)提煉… ………………… 90
6.2.3 商品展示… ………………… 91
6.2.4 細(xì)節(jié)展示… ………………… 92
6.2.5 商品信息… ………………… 92
6.2.6 其他模塊… ………………… 93
6.3 課堂案例月餅美食詳情頁設(shè)計……………………………… 94
6.4 課堂練習(xí)餐具產(chǎn)品詳情頁設(shè)計………………………………105
6.5 課后習(xí)題運(yùn)動鞋詳情頁設(shè)計………………………………107
第7 章 PC 端店鋪裝修
7.1 圖片的切片………………………109
7.1.1 圖片切片的概念… …………109
7.1.2 圖片切片的要點(diǎn)… …………109
7.1.3 課堂案例家具產(chǎn)品首頁圖片切片… ………………… 110
7.2 圖片的上傳………………………113
7.2.1 素材中心的概述… ………… 113
7.2.2 素材中心的功能… …………114
7.2.3 素材中心的管理… …………116
7.2.4 課堂案例家具產(chǎn)品首頁圖片上傳… ………………… 117
7.3 店鋪裝修…………………………118
7.3.1 使用模板裝修… ……………119
7.3.2 使用模塊裝修… …………… 121
7.3.3 課堂案例家具產(chǎn)品首頁裝修… ……………………… 123
7.4 課堂練習(xí)數(shù)碼產(chǎn)品首頁圖片切片………………………………139
7.5 課后習(xí)題數(shù)碼產(chǎn)品首頁裝修………………………………139
第8 章 手機(jī)端店鋪設(shè)計
8.1 手機(jī)端店鋪概述…………………141
8.1.1 手機(jī)端店鋪設(shè)計的必要性……141
8.1.2 手機(jī)端店鋪與PC 端店鋪的區(qū)別… ………………………141
8.1.3 手機(jī)端店鋪設(shè)計的關(guān)鍵點(diǎn)…… 143
8.2 手機(jī)端店鋪首頁設(shè)計模塊………143
8.2.1 店招… ………………………144
8.2.2 文字標(biāo)題… ………………… 145
8.2.3 店鋪熱搜… ………………… 145
8.2.4 輪播海報… ………………… 145
8.2.5 優(yōu)惠券… …………………… 145
8.2.6 分類模塊… ………………… 145
8.2.7 商品展示… …………………146
8.2.8 底部信息… …………………146
8.2.9 排行榜… ……………………146
8.2.10 逛逛更多…………………… 147
8.3 課堂案例手機(jī)端店鋪家具產(chǎn)品首頁設(shè)計……………………148
8.4 手機(jī)端店鋪詳情頁設(shè)計模塊……157
8.5 課堂案例手機(jī)端店鋪月餅美食詳情頁設(shè)計…………………157
8.6 課堂練習(xí)手機(jī)端店鋪春夏女裝首頁設(shè)計……………………160
8.7 課后習(xí)題手機(jī)端店鋪餐具產(chǎn)品詳情頁設(shè)計…………………161
第9 章 手機(jī)端店鋪裝修
9.1 手機(jī)端店鋪首頁裝修……………163
9.1.1 使用模板裝修… …………… 163
9.1.2 使用模塊裝修… …………… 163
9.1.3 課堂案例手機(jī)端店鋪家具產(chǎn)品首頁裝修… …………… 165
9.2 手機(jī)端店鋪詳情頁裝修…………172
9.2.1 使用模板裝修… …………… 172
9.2.2 使用模塊裝修… …………… 172
9.2.3 課堂案例手機(jī)端店鋪月餅美食詳情頁裝修… ………… 173
9.3 課堂練習(xí)手機(jī)端店鋪春夏女裝首頁裝修……………………177
9.4 課后習(xí)題手機(jī)端店鋪餐具產(chǎn)品詳情頁裝修…………………178
第 10 章 網(wǎng)店視頻拍攝與制作
10.1 網(wǎng)店視頻拍攝… ………………180
10.1.1 視頻構(gòu)圖的原則……………180
10.1.2 視頻拍攝的流程……………181
10.1.3 課堂案例拍攝手沖咖啡教學(xué)視頻…………………… 182
10.2 網(wǎng)店視頻制作… ………………187
10.2.1 網(wǎng)店的視頻類型……………187
10.2.2 視頻制作的流程……………188
10.2.3 課堂案例制作手沖咖啡教學(xué)視頻……………………190
10.3 網(wǎng)店視頻上傳… ………………196
10.3.1 視頻上傳的要求……………196
10.3.2 視頻上傳的方式……………196
10.3.3 課堂案例上傳手沖咖啡教學(xué)視頻……………………197
10.4 課堂練習(xí)拍攝花藝活動宣傳視頻………………………200
10.5 課后習(xí)題制作花藝活動宣傳視頻………………………200